ساخت یک دکمه زیبا برای وب

hhhhaaaa

Member
سلام
اینم یه آموزش واسه ساخت یک دکمه زیبا برای وب :)

این تصویر نهایی کار

smb_07.gif


یه سند جدید با سایز 80*180 باز کنید و رنگ پس زمینه رو 212121 بذارید.

smb_01.gif


حالا یه لایه جدید باز کنید و ابزار “Rectangular Marque Tool” رو انتخاب کرده ومثل تصویر زیر یه قسمتی رو انتخاب کنید و حالا از منو بالا به ترتیب از چپ به راست مراحل زیر رو برید
Select>Modify>Smooth
و در پنجره باز شده پیکسل رو 3 بذارین تا شکل زیر در بیاد:

smb_02.gif


حالا از ابزارها گزینه “Paint Bucket Tool” رو انتخاب کنید و داخل محیط انتخاب شده رو این رنگی b00000 کنید تا تصویر زیر در بیاد :

smb_03.gif


حالا رویه لایه دوم یعنی دکمه قرمز کلیک راست کنید و گزینه “Blending Options” رو انتخاب کنید و طبق تصاویر زیر تنظیمات رو انجام بدید :

innershadow.gif


outerglow.gif


gradientoverlay.gif


gradienteditor.gif


stroke.gif


حالا شما یه دکمه آماده دارید :

smb_04.gif


برای نوشتن روی دکمه ابزار “Horizontal Type Tool” رو انتخاب کرده و متن خودتون رو تایپ کنید و رنگش رو هم سفید یا همون ffffff بذارید و فونت رو “Arial Narrow” انتخاب کنید سایز فونت هم 13 انتخاب کنید تا تصویر زیر در بیاد :

smb_05.gif


حالا روی لایه متن کلیک راست کنید و گزینه “Bledning Options” رو بزنید و مثل تصویر زیر تنظیمات رو انجام بدید:

dropshadow.gif


و اینم تصویر نهایی دکمه ای که ساختید :

smb_06.gif


حالا همین دکمه رو با هر رنگ دلخواهی که می خواهید درست کنین

smb_07.gif


کد:
[URL="http://coregfx.org/wp-content/uploads/2009/04/coregfxorgsmallbuttons.zip"]اینم سورس دکمه[/URL]

منبع : Forum.MajidOnline.Com

مترجم : hhhhaaaa :دی
تقدیم به مجید آنلاینی ها :rose:
 

جدیدترین ارسال ها

بالا