آموزش طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )

 

گام 1
روی لایه background دابل کلیک کرده،آن را از حالت قفل خارج کرده و نام آن را background بگذارید.fill را روی 0% تنظیم کنید.
گام 2
پنجره layer style را باز کرده و تنظیمات زیر را انجام دهید:
Gradiant overlay را تیک زده و در پنجره gradiant editor رنگ زیر را انتخاب کنید:
گام 3
اکنون باید دکمه رسم کنیم.برای این کار rounded rectangle tool را انتخاب کرده و یک مستطیل با شعاع 4 پیکسل مانند نمونه رسم کنید.
گام 4
لایه shape را انتخاب کرده،پنجرهlayer style را باز کنید وگزینه های زیر را برگزینید.
سپس gradient overlay را انتخاب کرده و گزینه های زیر را انتخاب کنید:
شما باید شکلی شبیه زیر داشته باشید:
گام 5
حال می خواهیم به دکمه افکت اضافه کنیم.برای این کار، روی لایهshape و Bevel & Embossدابل کلیک کرده،و در پنجره باز شده گزینه های زیر را انتخاب کنید:
گام 6
اکنون با ابزارtext عنوانی برای دکمه تایپ کنید.
رویdrop shadow، text  اعمال کنید.
گام 7
می خواهیم برای زیر دکمه shadow effect اعمال کنیم.Elliptical marquee toolرا انتخاب کرده ،featherرا روی 30pxتنظیم کنید.ناحیه را انتخاب کرده و رنگ#000000 را برگزینید وopacity را روی50% بگذارید.
دکمه ای که طراحی کردیم، آماده است:










نظرات و پیشنهادات خود را در رابطه با آموزش طراحی یک دکمه زیبا برای وب سایت از قسمت زیر ارسال کنید

 ارسال نظر :

نام: *
ايميل: *
نظر: *
كد امنيتي:           كد امنيتي
کراکترهای نمايش داده شده در تصوير را در فيلد كد امنيتي وارد كنيد.


برچسبها:
آموزش طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    مقاله طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش گام به گام طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش تخصصی طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش رایگان طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش تصویری طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش چندرسانه ای طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    مقاله کاربردی طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش حرفه ای طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )    آموزش فارسی طراحی یک دکمه زیبا برای وب سایت در فتوشاپ (Adobe Photoshop )   
News Portal Designed & Powered By Eleworks . © 2017 IT Channel. All Rights Reserved.