تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 1 أصوات - بمعدل 5
  • 1
  • 2
  • 3
  • 4
  • 5
كيفية تصميم قائمة موقع بأستخدام الفوتوشوب
#1
[صورة: engex.jpg]

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

[صورة: sm1.jpg]

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

[صورة: sm2.jpg]

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

[صورة: sm3.jpg]

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

[صورة: sm4.jpg]
[صورة: sm5.jpg]

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

[صورة: sm6.jpg]

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

[صورة: sm7.jpg]

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

[صورة: sm8.jpg]

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

[صورة: sm.jpg]

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

[صورة: sm9.jpg]

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

[صورة: sm10.jpg]

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

[صورة: sm11.jpg]

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

[صورة: sm13.jpg]

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

[صورة: sm12.jpg]

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

ننتظر المزيد
[صورة: daf45d5460.jpg]
الرد
شكر من طرف :
#3
درس جميل سلمت يمناك اخي الكريم
الصمــــــــــــــــــــــــــت سيد اللغات

بالصمت نقول كلمات كثيرة دون ان نتكلم
:f::f:
الرد
شكر من طرف :
#4
مشكورين جميعا على المرور والتعليقات المشجعة
الرد
شكر من طرف :
#5
مشكور على الدرس الرائع
﴿ ذَلِكَ وَمَنْ يُعَظِّمْ شَعَائِرَ اللَّهِ فَإِنَّهَا مِنْ تَقْوَى الْقُلُوبِ ﴾
[الحج:32]
[صورة: histoirenarutoya5.jpg]
الرد
شكر من طرف :
#6
ابداااااااااااع
اعجبتني طريقة عمل القائمة

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

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

تعود من جديــد مرحبا بكم
الرد
شكر من طرف :


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 3 ) ضيف كريم