بريدة






عـودة للخلف بريدة ستي » بريدة ستي » تــصــامــيـم فــنــيـــة » تصميم أزرار شبه شفافة

تــصــامــيـم فــنــيـــة تبادل خبرات في برامج التصميم والمونتاج و العروض المرئية

إضافة رد
 
أدوات الموضوع طريقة العرض
قديم(ـة) 14-04-2002, 09:03 AM   #1
ساري بريدة
عـضـو
 
صورة ساري بريدة الرمزية
 
تاريخ التسجيل: Sep 2001
البلد: BURAYDAH
المشاركات: 1,121
تصميم أزرار شبه شفافة

<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

تحياااتي
ساري بريدة غير متصل   الرد باقتباس


قديم(ـة) 14-04-2002, 12:30 PM   #2
مرابط
عـضـو
 
تاريخ التسجيل: Sep 2001
البلد: بريدة
المشاركات: 356
جزاك الله خير

هذا اللي نبي دروس × دروس

لنحصل على مزيد من المبدعين

بارك الله فيك
مرابط غير متصل   الرد باقتباس
إضافة رد

الإشارات المرجعية

أدوات الموضوع
طريقة العرض

قوانين المشاركة
لا يمكنك إضافة مواضيع
لا يمكنك إضافة ردود
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك

رمز [IMG] متاح
رموز HTML مغلق

انتقل إلى


الساعة الآن +4: 06:02 PM.


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd

المنشور في بريدة ستي يعبر عن رأي كاتبها فقط
(RSS)-(RSS 2.0)-(XML)-(sitemap)-(HTML)