♦ صمّم بنفسك أزرار Windows Vista ♦

[زكريا عبدالله النعمي]

http://members.lycos.co.uk/geosemsemabsba/upload/uploading/bismalh.gif


http://files.w-enter.com/uploadcenter/6563/navvis.jpg

أمس فتحت الفوتوشوب كنت ناوي أصمم أزرار لموقع وبالفعل بدأت بالتصميم وكلما أردت عمل ملف جديد أو إضافة إستايل مُعين كانت تظهر لي هذه الأزرار الجميلة " أزرار الفيستا " فتلفت انتباهي لما بها من بساطة وجمال ثم أتركها وأُواصل عملي وبعد فترة وجيزة فكرت بمحاولة تصميم هذه الأزرار .. فهي حقا رائعة .. فقمت بالمحاولة وتوصلت لنتيجة مُرضية " بالنسبة لي " وقررت أن أعرض عليكم محاولتي في هذا الدرس لكي تعم الفائدة علي الجميع ..


افتح عمل جديد بمقاس مُناسب واملأه باللون : F4F4F4 :

http://files.w-enter.com/uploadcenter/6563/vis1.jpg


New Layer وسمّها " Button "
ثم بأداة : Rectangular Marquee : قم بعمل تحديد مُناسب ثم اذهب إلي
Select > Modify > Smooth 3

ليظهر لديك الشكل التالي
http://files.w-enter.com/uploadcenter/6563/vis2.jpg

املأ التحديد بأي لون ثم طبّق معي التأثيرات التالية

http://files.w-enter.com/uploadcenter/6563/vis3.jpg

http://files.w-enter.com/uploadcenter/6563/vis4.jpg

http://files.w-enter.com/uploadcenter/6563/vis5.jpg

ينبغي أن تخرج بهذه النتيجة

http://files.w-enter.com/uploadcenter/6563/vis6.jpg

لمسة أخيرة ليكتمل العمل

أنشئ New Layer وسمّها Light " أعلي طبقة Button "
ثم أعد التحديد بالضغط علي Ctrl + Click علي طبقة ال " Button "
وتأكد من أنك تختار طبقة ال Light


http://files.w-enter.com/uploadcenter/6563/vis7.jpg

املأ التحديد باللون الأبيض : FFFFFF :
ثم بإستخدام الكيبورد أنزل التحديد قليلا
http://files.w-enter.com/uploadcenter/6563/vis8.jpg

أضغط Delete وقلل ال Opacity ل 35 مثلا
والنتيجة

http://files.w-enter.com/uploadcenter/6563/vis9.jpg

بعد إضافة الخط

http://files.w-enter.com/uploadcenter/6563/vis10.jpg

http://files.w-enter.com/uploadcenter/6563/vis11.jpg

أخري

http://files.w-enter.com/uploadcenter/6563/vis12.jpg


بإمكانك التعديل لتصل إلي نتيجة أفضل .. أيضا بإمكانك الإستفادة من
الإستايل في أشياء أخري كثيرة

التطبيقات مُهمّة


منقول