الويب العربي - الدرس الاول : تصميم استايل احترافي

السلام عليكم اخواني الاعزاء

اليوم ان شاء الله ابدأ بالدرس الاول من دروس تصميم الاستايلات الاحترافيه والله تعبني هالدرس وودي اشوفكم تطبقون الدرس وتفرحوني بالنتائج
الدرس طويل شوي بس لاعليكم اتحملو وتنالو ثمره تعبكم
اذا اخطئت في شيء ما حاول اكثر من مره واذا ملقيت الحل انا تحت امرك يالغالي

نبدأ على بركة الله تصميم الاستايل
************************************
بسم الله الرحمن الرحيم
************************************

نفتح برنامج الفوتوشوب وانا عملت على الاصدار السابع Photoshop 7 Me والذي انصح به

نفتح صفحه جديده ونحدد القياسات كما في

نلاحظ الشكل التالي

الحين نختار لونين واحد ثقيل ثقيل والاخر اخف منه

نصبغ الخلفيه باللون الخفيف حتى يكون الناتج التالي

اخواني الاعزاء ركزو معايه شوي لان الخطوات الجايه شوي صعبه

نختار اداة التدرج

نعاين شوي لفوق نلاحظ اشكال التدرج نختار منها الاداة الثانيه

بعد تحديد الاداة نضغط ضغطه واحده على التدرج المرسوم في الصوره

نلاحظ ضهور نافذه Gradiant Editor نضغط مره واحد على النقطه اللي في الصوره

نلاحظ تغير لونها معناه ان هذي النقطه اصبحت هي الفعاله
بعدمما ضغطنا مره واحده على النقطه نضغط مره واحده بالمكان الفارغ المجاور لها

نلاحظ ظهور نقطه اخرى كما في

الحين نضغط على النقطه اللي في اقصى اليسار ونضع في حقل location القيمه (50)

نلاحظ انسحاب النقطه للوسط

ونضغط على النقطه اللي قبل اقصى اليمين يعني الثانيه من اليمين (الترتيب بالعربي من اليمين الى اليسار)
ونضع في حقل location القيمه صفر

يكون الناتج النهائي

نلاحظ انسحاب النقطه الى اقصى اليسار ونضغط على زر OK

الحين انتهينا من التدرج الجاي ان شاء الله سهل بس ركزو شوي واقرو الموضوع تمام حتى لاتصير اشكالات

********************

الحين نضغط على القائمه View وبعدها Show ونختار Grid
او نضغط المفتاح Ctrl الزر " سويه للاختصار

نلاحظ تحدد الصفحه كاملةً

نفتح لير جديده

نختار اداة التحديد المساه Selection tool نحدد كما في الصوره

يعني نترك مربع من اليمين ومن اليسار ومن الاسفل واشرحلكم بعدين ليش عملنا كذا

نعمل تدرج من الاسفل للاعلى او من الاعلى للاسفل ميفرق بالشكل

نضغط على اللير ونضغط على Stroke الذي يستخدم لاحاطه اللير بخط

نضبط الاعدادات كالتالي

نضغط اوكي

الان ندبل اللير بضغط الزر الايمن للماوس على اللير اللي عملنا عليها تدريج

نضغط CTRL + T لتحديد اللير فتكون بالشكل

نقوم بسحب اللير من النقطه رقم واحد في الصوره الى الخط المرسوم على بعد مربعين من الاعلى اللي يحمل رقم (2)

ندبل اللير بالضغط مره اخرى بالزر الايمن على اللير الجديد اللي سحبنا

الحين صار عندنا هذا اللير المستنسخ من الاصلي ويش نعمل في؟
نسحب اللير اللي ادبلناه الى الاسفل حتى يكون مثل العمود الفوق بس في الاسفل

نأشر الحين الير الحاوي العمود العلوي ونضغط CTRL + G لدمجه مع لير التدرج الاول
ناشر العمود السفلي ونضغط CTRL + G لدمجه مع لير التدرج الاول

مهم : اضغط على العمود الاول ctrl + g قبل العمود الثاني لتفادي الاخطاء احبائي
يكون الشكل مثل

نحدد اللير الاول اللي عملناه واللي حاوي التدرج الاعظم للصفحه ونتابع الصوره

اي نختار Drop Shadow لعمل ظل لان يكون كثير احلى بالضل
نضبط اعدادات الظل ليكون

Opacity : 35
Angle : 90

كما في

نضغط OK

نلاحظ الهيدر كيف عمل

وهذا تصميمي