منتديات ماي ايجي التطويريه
درس تصميم ازرار احترافية Ezlb9t10
منتديات ماي ايجي التطويريه
درس تصميم ازرار احترافية Ezlb9t10
منتديات ماي ايجي التطويريه
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


العاب | برامج انترنت | برامج 2010 | اجدد الالعاب | اكواد Css | اكواد Java | اكواد Html | استايلات احلي منتدي | دعم فني | استايلات Vb | منتدي vb مجاني | هاكات Vb | اسكربتات vb | قسم اسلامي | نكت | قسم صور | برامج تنسيق | دروس فوتوشوب | استايل vb مجاني
 
الرئيسيةأحدث الصورالتسجيلدخول
أهلا بك في منتديات ماي ايجي التطويرية المنتدى بحاجة الى مشرفين لترشيح نفسك أضغط هنا الترشيح بدون شروط

 

 درس تصميم ازرار احترافية

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Memo90
مدير و مؤسس المنتدي
مدير و مؤسس المنتدي
Memo90


البلد : مصر
الجنس : ذكر
عدد المساهمات : 1346
نقاط : 3723
نقاط تقييم الاعضاء : 3
تاريخ التسجيل : 29/11/2009
العمر : 27
عضو في ماي ايجي التطويرية

درس تصميم ازرار احترافية Empty
مُساهمةموضوع: درس تصميم ازرار احترافية   درس تصميم ازرار احترافية Emptyالجمعة أغسطس 27, 2010 1:15 pm

تصميم خلفية + أزرار موقع بشكل احترافي
Buttons


لأصحاب المواقع والمنتديات
وكذلك ممكن استخدام مثل هذه التصاميم بأعمال أخره كثيرة


في البداية دعونا نشاهد نتيجة التطبيق على الشرح

درس تصميم ازرار احترافية 17547

مستوى الدرس ـ ـ متقدم
إصدار فوتوشوب ـ ـ
CS4 - CS3 - CS2 - CS


نتوكل على الله سبحانه وتعالى ونبدأ وإياكم بالشرح والتطبيق لهذا الدرس

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

درس تصميم ازرار احترافية 17548

بعد فتح صفحة العمل سنقوم بملئ الصفحة بالألوان المطلوبة

وللقيام بذلك نتابع الموضح بالشكل التالي

درس تصميم ازرار احترافية 17549

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

نقوم بملئ التحديد بالون المطلوب ونكرر نفس الخطوة مع القسم السفلي من
الطبقة

لنحصل على النتيجة التالي

درس تصميم ازرار احترافية 17550

بعد ذلك نقوم بإنشاء طبقة جديدة نطلق عليها اسم خط
افقي


ثم نعود مرة أخرة لأداة التحديد السابقة فقط مع تغيير قيمة الارتفاع إلى Height 12 PX

ثم نقوم بعمل تحديد في منطقة العمل ونملئ التحديد باللون الأبيض

كما يوضح لنا الشكل التالي

درس تصميم ازرار احترافية 17551

الآن نقوم بإضافة المؤثرات التالية لطبقة خط افقي
بنفس القيم والإعدادات التالية

Drop
Shadow


درس تصميم ازرار احترافية 17552

Inner Shadow

درس تصميم ازرار احترافية 17553

Gradient Overlay

درس تصميم ازرار احترافية 17554

Stroke

درس تصميم ازرار احترافية 17555

الآن من المفترض أن تكون قد حصلت على نتيجة مشابهة للنتيجة التالية

درس تصميم ازرار احترافية 17556

بهذا الشكل نكون قد انتهينا من تصميم الخلفية ونتابع وإياكم تصميم الزر

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

الآن نقوم بإنشاء طبقة جديدة أعلى الطبقات ونطلق عليها اسم Button

بعد إنشاء الطبقة نقوم بأختيار أداة التحديد Rounded
Rectangle Tool


ونضبط إعداداتها كما سيتم توضيحها ثم نقوم بعمل شكل بالون الأبيض

مشابه للشكل المبين بالصورة التالي

درس تصميم ازرار احترافية 17557

بعد رسم الشكل المطلوب والذي تم توضيحه بالشكل السابق سنقوم بحذف جزي معين
من الشكل

ولعمل المطلوب تابع معي الشكل المتحرك التالي بانتباه للحصول على نتيجة
جيدة

درس تصميم ازرار احترافية 17558

توضيح للعملية السابقة قم بمضاعفة نفس الطبقة أنا غيرة لونها للون الأحمر
للتوضيح

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

ثم قم بالضغط على مفتاح Delete من لوحة
المفاتيح لحذف الجزء غير المرغوب من طبقة Button


بعد هذا قم بحذف الطبقة الموضحة بالون الأحمر لأننا لم نعد بحاجة لها فقط
استخدمناها للحذف

الآن نقوم بإضافة المؤثرات التالية لطبقة Button
بنفس القيم والإعدادات التالية

Drop
Shadow


درس تصميم ازرار احترافية 17552

Inner Shadow

درس تصميم ازرار احترافية 17553

Gradient Overlay

درس تصميم ازرار احترافية 17559

Stroke

درس تصميم ازرار احترافية 17560

من المفترض الآن أن يكون أصبح التصميم لديك على الشكل التالي

درس تصميم ازرار احترافية 17561

الآن نقوم بإنشاء طبقة جديدة ونطلق عليها اسم وهج

ثم باستخدام أداة تحديد الخط الأفقي Line Tool
نقوم بعمل خط بحجم PX 2

بنفس اللون الموضح وبالشكل المتحرك التالي لرسم الخط

درس تصميم ازرار احترافية 17562

بعد ذلك نقوم بتطبيق المؤثر التالي على طبقة وهج
بنفس القيم والإعدادات التالية

درس تصميم ازرار احترافية 17563

بعد تطبيق المؤثر السابق على طبقة وهج كما
تابعنا بالخطوة السابق

نقوم مجدداً بإنشاء طبقة جديدة أعلى الطبقات ونطلق عليها أسم غطاء علوي

الآن اضغط زر Ctrl من لوحة المفاتيح وبزر
الماوس الأيمن على طبقة Button ليتم تحديدها

مع العلم أن الطبقة المفعلة طبقة غطاء علوي لأننا سنعمل عليها

بعد التحديد قم بملئ التحديد بالون الاسود كما هوى موضح بالشكل المتحرك
التالي

درس تصميم ازرار احترافية 17564

نعود ونذكر بأن تعبئة التحديد تمت على طبقة غطاء
علوي


بعد ذلك نقوم بحذف الجزء الغير مرغوب به من طبقة غطاء
علوي
كما يوضح لنا الشكل المتحرك التالي

درس تصميم ازرار احترافية 17565

بعد ذلك نقوم بتطبيق المؤثر التالي على الطبقة بنفس القيم والإعدادات
الموضحة بالشكل التالي

Gradient Overlay

درس تصميم ازرار احترافية 17566

الآن من خلال مفاتيح الاسهم بلوحة المفاتيح نقوم بسحب الطبقة للأعلى بمقدار
PX 1

بعد هذا يفترض أن يكون قد أصبح تصميمك على هذا الشكل

درس تصميم ازرار احترافية 17567

بعد ذلك نقوم بإنشاء طبقة جديدة أعلى الطبقات ونطلق عليها اسم خط حفر

ثم نقوم برسم خط بشكل أفقي بمقدارPX 1 بنفس
الأداة السابقة Line Tool

وكذلك بنفس اللون الموضحة بالشكل المتحرك التالي

درس تصميم ازرار احترافية 17568

الآن نكون قد وصلنا لنهاية الشرح ومن المفترض أن تكون قد وصلت
للنتيجة النهائية للتطبيق وهذه نتيجة تطبيقي النهائية للشرح

درس تصميم ازرار احترافية 17547

طبعاً من المأكد بأنه سيكون لك لمساتك السحرية المميزة للتصميم

بإضافت بعض اللمسات السحرية من أناملك المبدعة للتصميم مأكد سيكون أكثر
جمالاً

درس تصميم ازرار احترافية 17569
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://myegy.forumclan.com
غريب الديار
عضو جيد
عضو جيد
غريب الديار


البلد : غير معروف
الجنس : ذكر
عدد المساهمات : 382
نقاط : 424
نقاط تقييم الاعضاء : 0
تاريخ التسجيل : 03/09/2010
عضو في ماي ايجي التطويرية

درس تصميم ازرار احترافية Empty
مُساهمةموضوع: رد: درس تصميم ازرار احترافية   درس تصميم ازرار احترافية Emptyالسبت سبتمبر 04, 2010 1:27 am

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


البلد : مصر
الجنس : ذكر
عدد المساهمات : 1346
نقاط : 3723
نقاط تقييم الاعضاء : 3
تاريخ التسجيل : 29/11/2009
العمر : 27
عضو في ماي ايجي التطويرية

درس تصميم ازرار احترافية Empty
مُساهمةموضوع: رد: درس تصميم ازرار احترافية   درس تصميم ازرار احترافية Emptyالأحد أبريل 03, 2011 9:20 am

شكراً على مرورك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://myegy.forumclan.com
 
درس تصميم ازرار احترافية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طلب تصميم منتدى VB
» تحميل استايل تطويري احترافي من تصميم مسلمة
» أستايل شبابي أحترافي بتقنية Css من تصميم Memo90
» اجمد استايل للعيد ::لمسه عيد::تصميم هوست عرب::النسخه الاصليه
» أستايل عرب سيد الأحترافي لمنتديات أحلى منتدى تصميم ماي ايجي التطويرية ( Memo90 )

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ماي ايجي التطويريه :: قسم الفوتوشوب :: دروس الفوتوشوب | PĥơţơŚħơp Łĕśśơŋ-
انتقل الى: