درس تصميم ويب سايت أحمر

**Hope4Ever** · 07-12-2008, 02:28 AM

.:: بسم الله الرحمن الرحيم ::.

كيفكم ياحلوووين ؟؟

نفتح ملف جديد بلون أبيض بالابعاد 760x770

اخترنا صورة الدومينوز كهيدر للموقع .. راح نحط الصورة أعلى اليسار فووق ..

الحين نختار أداة شكل المستطيل الدائري ...

ونرسم بها مستطيلين على هالشكل ..

المستطيل 1

المستطيل1 و2

الحين نطبق على هالمستطيلات التأثيرات التالية ..

الحين خلصنا من المستطيلات .. نجي نصمم الايكونات ..

بنفس أداة شكل المستطيل الدائري نرسم أيكونة بسيطة زي هالشكل ..

نطبق عليه هالتأثيرات ..

راح تكون نتيجة الزر بهالشكل ..

الحين نعمل زر ثاني بس بلون مختلف ..

نرسم نفس الشكل السابق بنفس المقاس او نكرر الطبقة السابقة ..

نطبق التأثيرات التالية على الزر الجديد ..

ننسخ الزر مرتين ونرتب الازرار بهالشكل ..

يتبع ..

**Hope4Ever** · 07-12-2008, 02:29 AM

بعد ما انتهينا من ازرار الهيدر ..

نرتبها على يمين صورة الدومينوز وفوق المستطيل الكبير ..

وبكذا انتهينا من الهيدر ..

نجي الحين نصمم زر نضعه كفاصل بين مقاطع الكتابة ..

نرسم بأداة المستطيل الدائري زر اصغر من السابق ..

ونطبق عليه نفس تأثيرات ستايل الزر الاحمر او عن طريق كلك يمين على طبقة الزر الاحمر ونختار كبي لير ستايل ونروح لطبقة الزر الاحمر الجديد الصغير ونعمل كلك يمين عليها ونختار بيست لير ستايل ..

راح يصير شكل الزر زي كذا ..

نختار أداة شكل الرسم البيضاوي ونرسم دائرة بيضاء ..

ونطبق عليها هالتأثير ..

والنتيجة راح تكون زي كذا ..

يتبع ..

**Hope4Ever** · 07-12-2008, 02:31 AM

نجي الحين نضيف نص مميز للستايل ..

نختار أداة النص ونكتب مانريد ..

هذا النص + التأثيرات

ونطبق التأثيرات التالية لنحصل على الشكل السابق ..

طبعاً لو تبون تضيفون لمسات جمالية أكثر للنص نقدر نعمل له انعكاس ..

الحين نضيف أيكونات دلالية بسيطة ونضعها أعلى يمين التصميم ..

بعد اضافة الرتوش النهائية كالنصوص والصور ..

راح يطلع معنا هالتصميم ..

اتمنى يعجبكم الدرس ..

انا استفدت منه بشكل كبير وخاصة في تصميم الازرار واضافة التأثيرات عليها ..

الدرس حقوقه محفوظة لي ولموقع نسج الخيال

يمنع منعاً باتاً نقله إلا بإذن مني ( هووب = ترنيمة فرح )

بالتوفيق ياحلوووين وانتظر تطبيقاتكم المبدعة ..