المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الدرس مفصل الثاني : تصميم استايل style احترافي



linnou
10-30-2013, بتوقيت غرينيتش 08:36 PM
http://www.dzbatna.com/images/icons/idea.gif ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ†ظٹ : طھطµظ…ظٹظ… ط§ط³طھط§ظٹظ„ ط§ط*طھط±ط§ظپظٹ (http://www.dzbatna.com/t203348/)




السلام عليكم احبائي واخواني الاعزاء
مثل موعدتكم اليوم الدرس مفصل الثاني من دروس الاستايل styleات الاحترافيه وهو لايختلف عن الدرس مفصل الاول الا بالحجم وبعض الاشياء
المهم ماطول عليكم نبدي بالشرح طريقة
************************************************** ********************************
بسم الله الرحمن الرحيم
************************************************** ********************************
نفتح صفحة جديده بالفوتوشوب بالمقاسات التاليه

http://www.alkhaleeg.net/upload/up/2/0.gif

يكون بهذا الحجم




http://www.alkhaleeg.net/upload/up/2/1.gif

نختار نفس الالوان اللي استخدمناها في الدرس مفصل الاول والاحلى ان يكون الهيدر header والفوتر بنفس الالوان ونصبغ باالون الخفيف

http://www.alkhaleeg.net/upload/up/2/2.gif

نعمل شبكة بواسطة الضغط على المفتاحين CTRL و" (علامة التنصيص) او من خلال الذهاب الى VIEW و SHOW و GRID

http://www.alkhaleeg.net/upload/up/2/3.gif

نلاحظ ظهور الشبكة

http://www.alkhaleeg.net/upload/up/2/4.gif

نحدد باداة التحديد كما في الشكل (تاركين من اليمين مربع واحد ومن اليسار مربع واحد ومن الاعلى مربع واحد ايضاً)

http://www.alkhaleeg.net/upload/up/2/5.gif

نفتح لير(شريحه) جديده

http://www.alkhaleeg.net/upload/up/2/6.gif

نعمل التدريج مثل متعلمنا بالدرس مفصل الاول وندرج من الاعلى للاسفل او من الاسفل للاعلى بحيث يكون مثل التالي

http://www.alkhaleeg.net/upload/up/2/7.gif

نحدد اللير اللي عملنا عليها تحديد ونروح الى Styles نلاحظ حرف f نضغط عليه ونختار Stroke لعمل خط ونعمل مثل

http://www.alkhaleeg.net/upload/up/2/8.gif

ونحط القيم

http://www.alkhaleeg.net/upload/up/2/9.gif

ندبل اللير

http://www.alkhaleeg.net/upload/up/2/10.gif

نروح للير اللي ادباناها (اللير الجديده ) نضغط CTRL و T نلاحظ ظهور تحديد نسحب لفوق ونبقي مربع واحد لاحظ كيف

http://www.alkhaleeg.net/upload/up/2/11.gif

ندبل اللير اللي سحبناها راح تصير اثنين

http://www.alkhaleeg.net/upload/up/2/12.gif

ويش نستفاد منهم نسحب اللير الاخيره لاسفل

http://www.alkhaleeg.net/upload/up/2/13.gif

الحين CTRL و G على اللير القريبه للخلفيه عندي اسمها layer 1 copy اولاً(اي الخط الاسفل ) ثم البعيد عن الخلفيه layer 1 copy 2(الخط الاعلى)

http://www.alkhaleeg.net/upload/up/2/14.gif

نحدد اول لير عملنا عليها تحديد layer 1 الاقرب على الخلفيه (تاتي بعدها مباشرةً) ونضغط على الحرف f ونضغط drop shadow لعمل ظل

http://www.alkhaleeg.net/upload/up/2/15.gif

ويكون بالمواصفات التاليه

http://www.alkhaleeg.net/upload/up/2/16.gif

لاحظ 90 في الدرس مفصل الاول عملناها -90 بهالدرس مفصل حتى يكون الظل لفوق

والناتج يكون

http://www.alkhaleeg.net/upload/up/2/17.gif

وهذا تصميمي

http://www.alkhaleeg.net/upload/up/2/18.gif






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى