الدرس الثاني : تصميم استايل احترافي

[alialsahher]

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

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

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

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

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

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

[windy]

يعطيك الف عافيه اخي الكريم
والف شكر على الدرس الثاني
وان شاءالله لي عودة بالتطبيق

دمت بود


اختك

ونوودة

[ستوب اعلان]

مشكور والله حبيبى على ها الدرس

[Mobdi3.com]

درس جميل جزاك الله خير اخي الكريم

[alialsahher]

الله يخليكم انتظروا مني الدرس الثالث
الدرس التالي : الاضافات والجماليات على الهيدر والفوتر

[glal roshdy]

ليه يا حبيب قلبى الصور التوضيحية لا تظهر ؟؟

[ابراهيم الطيب]

السلام عليكم و رحمة الله


اولاً مشكور اخي العزيز علي الدرس و جزاك الله الف خير عنا

و نتمني ان يتم إعادة رفع الصور "إن كان بالإمكان"


عاطر التحايا