الجمعة مايو 26, 2023 12:43 am الخميس ديسمبر 08, 2022 10:54 am الخميس ديسمبر 08, 2022 10:54 am الخميس يوليو 30, 2015 11:43 pm الأربعاء يوليو 15, 2015 6:29 am الثلاثاء مايو 12, 2015 12:10 am الثلاثاء أبريل 07, 2015 6:26 pm الثلاثاء أبريل 07, 2015 12:28 pm الثلاثاء أبريل 07, 2015 4:43 am الثلاثاء أبريل 07, 2015 4:37 am
اليوم اشرح لكم درس جميل وسهل وهو انشاء زر جميل وانيق
وهذا اول موضوع لى فى هذا المعهد الرائع ارجو ان اكون موفق فى هذا الشرح
كلمة هامة: كثرا ماتم وضع شرح لأحد الأزرار ولم نعرف كيف نستفيد منها أو من التطبيقات التى بها ، ولكن هذه المرة تم عرض طريقة الإستفادة لنغوص فى التصميم ونُخرج المواهب والمهارات من الجميع !!!
1- نبدا بإنشاء عمل جديد بمقاس 256 * 256 بيكسل طبعا مع دقة الشاشة كالمعتاد 72 dpi ونظام ألوان RGB وخلفية شفافة طبعا
2- نختار أداة رسم الأشكال Ellipse Tool
3- نقوم بتحديد مقاس الرسم إلى 220 * 220 بيكسل ونرسم دائرة متساوية الأبعاد
وسوف نحصل على هذا الشكل
ولاتنسى بعد رسم الشكل تذهب الى قائمة Layer وتختار Rasterize ثم تختار Shape ( أنا عارف أنكم الآن محترفون ولكن فقط للتذكير )
4- نرسم دائره داخل الدائره الاولى وتكون فى المنتصف ونجعل لونها ابيض حاليا لان فيما بعد سوف نغير لونها
5- نقوم بتوسيط هذه الدوائر فى مساحة العمل
نخفي الطبقة الأولى بإزالة العين التى بجوارها فى صندوق الطبقات وسيكون صندوق الطبقات
إضافة التأثيرات على الطبقة الأولى :
7- الآن نعود إلى الطبقة الأولى ( Shape 1 ) ونقف عليها ثم نذهب إلى Blending Option ونضيف هذه التأثيرات :
Bevel and Emboss
Gradient Overlay
وسوف نحصل على هذه النتيجة
إضافة التأثيرات على الطبقة الثانية
8- الآن نظهر الطبقة الثانية( Shape 2 ) ونقف عليها كي نضيف إليها بعض التأثيرات.
9- نقف على الطبقة الثانية (Shape 2) ثم نذهب إلى Blending Option ونضيف هذه التأثيرات :
Inner Shadow
Gradient Overlay
كيفية تحريك الشعاع فى الخطوة رقم 9
الطريقة : أثناء تنفيذ التأثير Gradient Overlay تلاحظ أننا إخترنا radial أى شعاعي وبعد إضافة القيم المذكورة تظهر هذه الإضاءة لاتغلق نافذة Blending Option وأذهب لها بأصغر ماوس عندك وبأصغر إصبع وقم بتحريكها فى التصميم للمكان الذى تريد ، بس خلاص !!!
Stroke
وسوف نحصل على هذه النتيجة
10- نقوم بإضافة لمعة زجاجية على نقوم برسم دائره عليهم وتخفيف Opacity الى 30% كما هو موضح بالصوره
لنحصل أخيرا على هذه النتيجة النهائية
مع أضافه بعض لمساتك الخاصة وبعض الأيقونات ليكون عندك أزرار وقوائم إحترافية من تصميمك الخاص
مثل هذا
هام : للحصول على ألوان متعددة من نفس التصميم يمكنك تغير لون الـ orb فى الخطوة رقم 8 وذلك فى تأثير Gradient Overlay لتصميم توقيع نستخدم نفس التأثيرات مع تغير شكل الرسم مكان دائرة سيكون مستطيل دائرى الحواف مثلا ثم ننسخ التأثير من الطبقات ونلصقها كما تعرفون طبعا . معنى Orb = جُرم أو كوكب في السماء
الرئيسية
الجمعة مايو 26, 2023 12:43 am
موضوع: لكم درس جميل وسهل وهو انشاء زر جميل وانيق
موضوع: رد: لكم درس جميل وسهل وهو انشاء زر جميل وانيق 
