كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

[Pepo]

قم بفتح عمل جديد بمقاس 200 عرض و 300 ارتفاع وقم بتلوين الخلفية بلون غامق



قم بأنشاء لاير جديد, واجعل اسمه ( الأزرار ) ثم قم بأختيار اداة التقطيع المربعة وبالضغط مع الأستمرار على زر Shift فى لوحة المفاتيح قم بتحديد مربع لا تزيد كثيرا فى الأرتفاع لأنه سوف يكون ارتفاع ازرار القائمة انظر الصورة



الأن اختر اداة التدرج للألوان ثم اختار منها اداة Angle gradient tool كما هو موضح بالصورة



الأن اضغط فى لوحة المفاتيح على D ثم X لأسترجاع الألوان الأفتراضية ( ألأبيض والأسود ) ثم بداخل المربع الذى حددته قم بسحب اداة التدرج من اعلى اليمين الى اسفل اليسار انظر الصور




الأن اذهب الى Select>Modify>Contract واعطه القيمة 2 ثن اضغط موافق, وقم بتلوين الجزء المحدد الجديد بالون الرمادى الفاتح كما بالصور



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



الأن وركز معى قليلا فى هذه الخطوة قم بالضغط على alt+ctrl+shift من لوحة المفاتيح, مع استمرار الضعط ثم من لوحة المفاتيح اضغط على السهم الأيمن اكثر من مرة حتى تحصل على العرض المناسب لمقاس الزر فى القائمة. انظر الصور



الأن حدد الزر الذى قمنا بعمله مثل ماهو مبين بالصورة التالية



الأن اضغط من لوحة المفاتيح على alt+ctrl+shift اثناء ضغطك على هذه المفاتيح اضغط مرة واحدة على زر السهم الأسفل, ثم ارفع ايدك عن مفاتيح alt+ctrl+shift وبعدها كرر عملية الضغط على زر السهم الأسفل, حتى تقوم بوضع الزر المحدد تحت الزر الذى قبلها, ثم اضغط مرة اخرى alt+ctrl+shift ومرة واحدة على زر السهم الأسفل ثم اتركهم, وهكذا حتى تحصل على النتيجة الموضحة فى الصورة التالية



الأن بإستخدام اداة التقطيع الدائرى او البيضاوى قم بتحديد جزء من الجانب الأيمن للعمل السابق كما هو موضح بالصورة,  قم بأنشاء لاير جديد, وبأستخدام اداة التدرج للألوان قم بتلوينها كما هو بالصورة ( اثناء سحبك لأداة التدرج اضغط زر shift حتى يكون السحب بخط مستقيم ويكون الشكل مرتب )



الأن, ركز معى قليلا. اضغط على زر ctrl مع استمرار الضغط, ثم بأستخدام الفأرة قم بأختيار لاير الأزرار, الأن اعكس التحديد الذى ظهر لك عن طريق الضغط من لوحة المفاتيح على ctrl+shift+I ثم اضغط على زر Delet سوف ينتج لك الشكل التالى



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



ثم بتكرار نفس عملة ال alt+ctrl+shift قم بتكرار هذا الجزء الذى يحتى على التدرج اللونى الى كل الأزرار كما هو موضح بالصورة التالية



وبهذا نكون انتهينا من درسنا يا رب تكونو استفدتو ويمكنك ايضا اضافة الكثير من التأثيرات على اللايرات التى صنعناها لتعطيك اشكال جمالية كثيرة
تحياتى

[shehap xp]

الف الف شكر يا بيبو

ننتظر المزيد

[المتألقة]

درس جميل سلمت يمناك اخي الكريم

[Pepo]

مشكورين جميعا على المرور والتعليقات المشجعة

[alfawalidou]

مشكور على الدرس الرائع

[*حلا*]

ابداااااااااااع
اعجبتني طريقة عمل القائمة

ششرح راااااااائع

بارك الله فيك

[awtil.com]

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