الرئيسية
بوابة المصطبة
أحدث الصور
التسجيل
دخول
ياسمينه الشاممصطباوى جديد
- رقم العضوية : 890
عدد الرسائل : 4
تاريخ التسجيل : 26/10/2010
درس تصميم قائمة ازرار افقية غامقة بشكل جميل وبسيط بالفوتوشوب photoshop
الثلاثاء 26 أكتوبر 2010, 14:59
فى هذا الدرس سوف نتعلم ان شاء الله كيف نقوم بانشاء قائمة عرضية بشكل غامق جميل
هذا درس صغير وبسيط جدا لتصميم قائمة افقية غامقة .
تصميم هذه القائمة بسيط جدا فهو يحتوى على طبقتين رئيسيتين فقط ولكنها تكفى لاى موقع واى تصميم .
وستكون بهذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فى البداية نقوم بفتح عمل جديد باى مساحة نريدها ولتكن كالتى سنستخدمها فى هذا الدرس 500×100px و ونجعل لون الخلفية اسود #020202
الان نريد ان نقوم بتصميم خط صغير سيكون اعلى القائمة .
نقوم بعمل طبقة جديدة ونقوم باختيار اداة Rectangular Marquee Tool (M) ونقوم بالتحديد كما بالصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ذلك نقوم بملء التحديد باللون #cfcfcf ثم نقوم بالضغط على زر الماوس الايمين على اسم الطبقة التى نعمل عليها الان ونقوم باختيار Blending Options ونقوم بضبط الاعدادات كما فى الصور التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ضبط هذه الاعدادات ستحصل على مثل هذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان سنقوم بالبدا فى العمل فى القائمة الرئيسية .
قم بعمل طبقة جديدة ثم اختار Rectangular Marquee Tool (M) ايضا ثم قم بعمل تحديد للقائمة التى تريد ان تقوم بعملها بالمقاس الذى تريد ولكن يجب ان يكون هناك فرق 1px بين الخط الذى قمنا بتصميمه والقائمة كما بالشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
قم بملء التحديد باللون الذى تريده ثم قم بضبط الاعدادات من Blending Options كما فى الصور التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سيكون التصميم بهذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان قد تم تصميم القائمة وسوف نضيف قليلا من النصوص
قم باختيار اداة الكتابة Horizontal Type Tool (T) و يمكنك اختيار نوع وحجم الخط كما تشاء او تقوم باختيار الخط الذى نستخدمه فى هذا الدرس وهو Lucida Sans وجعل حجم الخط 10px غامق Strong ويكون لون الخط #fefefe .
الان قم بالوقوف فى اى مكان على القائمة وقم بكتابة ما تريد وبعد ذلك قم بالوقوف على طبقة النص الذى قمت بكتابته واضغط على زر الفارة الايمن واختار Blending Options واضبط الاعدادات التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وسيكون هذا شكل القائمة النهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اتمنى يكون الشرح واضح
هذا درس صغير وبسيط جدا لتصميم قائمة افقية غامقة .
تصميم هذه القائمة بسيط جدا فهو يحتوى على طبقتين رئيسيتين فقط ولكنها تكفى لاى موقع واى تصميم .
وستكون بهذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فى البداية نقوم بفتح عمل جديد باى مساحة نريدها ولتكن كالتى سنستخدمها فى هذا الدرس 500×100px و ونجعل لون الخلفية اسود #020202
الان نريد ان نقوم بتصميم خط صغير سيكون اعلى القائمة .
نقوم بعمل طبقة جديدة ونقوم باختيار اداة Rectangular Marquee Tool (M) ونقوم بالتحديد كما بالصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ذلك نقوم بملء التحديد باللون #cfcfcf ثم نقوم بالضغط على زر الماوس الايمين على اسم الطبقة التى نعمل عليها الان ونقوم باختيار Blending Options ونقوم بضبط الاعدادات كما فى الصور التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ضبط هذه الاعدادات ستحصل على مثل هذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان سنقوم بالبدا فى العمل فى القائمة الرئيسية .
قم بعمل طبقة جديدة ثم اختار Rectangular Marquee Tool (M) ايضا ثم قم بعمل تحديد للقائمة التى تريد ان تقوم بعملها بالمقاس الذى تريد ولكن يجب ان يكون هناك فرق 1px بين الخط الذى قمنا بتصميمه والقائمة كما بالشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
قم بملء التحديد باللون الذى تريده ثم قم بضبط الاعدادات من Blending Options كما فى الصور التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سيكون التصميم بهذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان قد تم تصميم القائمة وسوف نضيف قليلا من النصوص
قم باختيار اداة الكتابة Horizontal Type Tool (T) و يمكنك اختيار نوع وحجم الخط كما تشاء او تقوم باختيار الخط الذى نستخدمه فى هذا الدرس وهو Lucida Sans وجعل حجم الخط 10px غامق Strong ويكون لون الخط #fefefe .
الان قم بالوقوف فى اى مكان على القائمة وقم بكتابة ما تريد وبعد ذلك قم بالوقوف على طبقة النص الذى قمت بكتابته واضغط على زر الفارة الايمن واختار Blending Options واضبط الاعدادات التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وسيكون هذا شكل القائمة النهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اتمنى يكون الشرح واضح
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى