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

درس مفصل حلو وسهل عمل هيدر كما بالمواقع الاجنبية


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




الان نضيف لاير جديد من قائمة اللايرات



ثم نختر اداة التحديد من قائمة الفوتوشوب



ونحدد الصفحة كما بالصورة التالية



الان نختار اداة التدرج وتابع معي الصورة التالية



1- اختار اداة التدرج

2- اضغط ضغتين لاختيار التدرج المطلوب

3- الان بعد اختيار التدرج اختار التدرج الموضح في رقم 3

انا اخترت التدرج الموضح في الصورة التالية



الان بعد اختيار التدرج المطلوب املا المنطقة المحددة به


ليصبح لدينا الشكل التالي



اضغط ctrl+D لالغاء التحديد

ثم نعود لاداة التحديد مرة اخرى ونفتح لاير جديد

ونحدد مستطيل صغير بعرض الهيدر header كما بالصورة التالية



ونعود لاداة التدرج مرة اخرى ونختار تدرج لوني اخر متناسق مع لون الهيدر header ثم نملا به المنظقة المحددة

انا اخترت التدرج اللوني التالي



الان نضغط ctrl+D لنلغي التحديد من على اللير

ثم نضغط Alt لننسخ اللير ونضعه في اخر الهيدر header

ليصبح لدينا الشكل التالي



الان نضع اي صور بالهيدر header لتوضح المطلوب من الهيدر header

ليصبح لدينا الشكل التالي




بعد دمج الصورة بالهيدر header ناتي لاضافة الازار اختار اداة المربع الموضحة في الصورة التالية


ثم نملاها باللون الابيض باداة الجردل كما بالصورة



الان نطبق عليها قائمة styles نختار اي ستايل styleز متطابق مع اللون في الهيدر header



بعد تطبيق الاستايل style يصبح لدينا شكل الزر الموضح في الصورة



الان ننسخ الزر اربع او خمس مرات ليصبح كالتالي




الان نضيف الكلمات على الازرار والهيدر header




مثلا كالصورة التالية



نعود الى لاير الهيدر header الازرق layer1

كما موضح بالصورة التالية



الان نضيف فتحتين للتسجيل للاعضاء بالهيدر header كما هو موجود


باغلب المواقع الاجنبية تابع معي

اختار اداة التحديد المستطيل ونحدد مستطيل صغير في جانب الهيدر header

كالصورة التالية



ثم نضغط delete من الكيبورد ثم ننزل بالسهم الى اسفل بالتحديد

لعمل فتحة ثانية بنفس المقاس ونضغط delete مرة اخرى


ليصبح لدينا الشكل الموضح بالصورة



الان نضيف كلمة دخول او login بجانب المربع الاول

والثاني password

ليصبح لدينا هذا الشكل النهائي للهيدر



درس مفصل سهل وبسيط جدا

وارجو ان ينال الشرح طريقة المتواضع اعجابكم

وانتظر تطبيقات الاعضاء باذن الله

تحياتي


الصور المصغرة المرفقة [IMG]http://www.traidnt.net/vb/attachments/280694d1217806000t-ط³ظ„ط·ط§ظ†-ط§ظ„ط§ط*ظ„ط§ظ….jpg[/IMG]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©