|
|
|
|
||
تــصــامــيـم فــنــيـــة تبادل خبرات في برامج التصميم والمونتاج و العروض المرئية |
![]() |
|
أدوات الموضوع | طريقة العرض |
![]() |
#1 |
عـضـو
تاريخ التسجيل: Sep 2001
البلد: BURAYDAH
المشاركات: 1,106
|
تصميم أزرار شبه شفافة
<p align="center"><b><font color="#9311A2" size="4"></a>
كيف حااااااااالكم ... ان شاء الله بخير سنقوم اليوم بتصميم أزرار شبه شفافة، و عليها تأثير ![]() طبعاً علينا ملاحظة حجم الأزرار ليكون متناسباً مع تصميم الصفحة ملاحظه نظراً لأن عملنا سيكون على الفوتوشوب، فصبركم معانا شوي حتى ينتهي تحميل جميع الصور في الصفحة. افتح الفوتوشوب، و أنشئ ملفاً جديداً بحجم مناسب و بخلفية بيضاء. و في شفيفة جديدة (و لنطلق عليها اسم body) وباستخدام أداة الإختيار البيضاوية، حدد مساحة الزر المناسبة، ثم اختر لوناً مناسباً، و لون مقارب له للخلفية ثم باستخدام أداة الGradient : ![]() و اسحب الماوس بشكل رأسي سينتج لديك هذا الشكل ![]() حافظ على الاختيار قم بإنشاء شفيفة جديدة، و املأ بالدرجة الفاتحة من اللون و سمّ الشفيفة (bottom) و حافظ على الإختيار و على شفيفة جديدة اسمها (light) قم باستخدام Alt+ أداة الإختيار البيضاوية بحذف جزء من الإختيار بحيث يبقى قوس في الأعلى، قم أثناء اختيارك لأداة التحديد بتحريكه للأسفل قليلاً ثم املأه باللون الأبيض، سيكون لديك هذا الشكل: ![]() الآن قم بترتيب الطبقات من الأسفل للأعلى هكذا: bottom ثم body ثم light، بهذا الشكل: ![]() لقد قمت بتجهيز ما نحتاجه لعمل الزر و الآن لنبدأ في الخطوة الثانية. قم بإخفاء جميع الشفائف ماعدا شفيفة الـ body. قم بعمل تأثير Emboss عليها، انقر مرتين بالماوس على الشفيفة، ثم ضع علامة صح بجانب bevel and emboss بالمقادير التالية: ![]() اجعل الشفافية لهذه الشفيفة 80%. ستكون بهذا الشكل: ![]() قم بإخفائها لتسهيل العمل أظهر الشفيفة bottom. و قم بقطع المساحة الأفقية العلوية منها، ثم باستخدام الـ free transform صغّرها أفقياً من اليمين ومن اليسار. و لكن لا تقم برفعها للأعلى. ستكون بهذا الشكل: ![]() الآن قم من قائمة filters باختيار blur ثم motion blur بالمقادير التالية: ![]() ثم قم باختيار Gaussian blur من نفس القائمة، بالمقادير التالية: ![]() ستكون الشفيفة بهذا الشكل: ![]() الآن قم بإظهار جميع الشفائف ![]() في الشفيفة light، قم بعمل باختيار فلتر Gaussian blur من filters-->blur، بالمقادير التالية : ![]() سيصبح لديك الزر بهذا الشكل ![]() هذا الزر يتمتع بشفافية بشكل متناسق، و حتى تعرف تأثيره الجميل، قم بإنشاء طبقة و ضعها أسفل جميع الطبقات. ثم قم بملئها بالpattern المناسب، كما في الشكل: ![]() ![]() ![]() ----------------------------------------------- ومن خلال هذي الطريقة ... تقدر تصمم تروسيه لموضوع أو تذييل بالشكل اللي انت تريد ... فقط غير الفكرة ----------------------------------------------- وهذا موقع ... ممتاز... حمل البرنامج الموجود فيه ... يقوم بصنع أزرار بالشكل اللي انت تريد http://fileforum.betanews.com/detail...fid=1014152276 تحياااتي |
![]() |
![]() |
![]() |
#2 |
عـضـو
تاريخ التسجيل: Sep 2001
البلد: بريدة
المشاركات: 350
|
جزاك الله خير
هذا اللي نبي دروس × دروس لنحصل على مزيد من المبدعين بارك الله فيك
__________________
mm116s@hotmail.com ×.×.× رطب أذنيك .×.×.× بارودتي بيدي ...... وبجعبتي كفني >>>>>>>مزقيهم يا كتائب الأحرار :::: العملاق القادم :::::<<< |
![]() |
![]() |
![]() |
الإشارات المرجعية |
|
|