Info@Afragraphic.ir
0912 224 6022
خدمات طراحی و چاپ افراگرافیک

طراحی دکمه برای دانلود با فتوشاپ

طراحی دکمه برای دانلود با فتوشاپ

داشتن دکمه ها یکی از بخشهای اساسی صفحات وب سایت شماست. با انتخاب کردن رنگ نسبت به رنگ بندی ، سایت خود را بسیار زیبا سازید. در این مطلب طراحی یک دکمه زیبا برای وب سایتتان را به شما خواهیم آموخت.

برای اینکه بخواهیم دکمه ای مورد استفاده در سایت خود را طراحی کنیم ، برای مثال دکمه دانلود، به ترتیب باید این مراحل را انجام دهیم.

در مرحله اول

در ابتدا در قسمت لایه ها روی لایه background دوبار کلیک کرده، با این کار حالت قفل کنار لایه را از بین برید و نام آن را مانند نمونه back بگذارید و در همان قسمت بالای لایه ها زیر opacity ،  fill را روی 0% بگذارید تا رنگ سفید لایه از بین برود. و به حالت  transparent نمایش داده شود.

 

طراحی دکمه برای دانلود با فتوشاپ

 

طراحی دکمه برای دانلود با فتوشاپ

در مرحله دوم

در مرحله دوم در همان قسمت لایه ها در پایین پنجره لایه ها ب روی fx   کلیک کنید پنجره layer style را باز کرده و تنظیمات زیر را انجام دهید:

 

طراحی دکمه برای دانلود با فتوشاپ

 

طراحی دکمه برای دانلود با فتوشاپ

در پنجرهlayer style  با کلیک بر روی Gradiant overlay و در پنجره gradiant editor رنگ زیر را انتخاب کنید(مانند نمونه)

 

طراحی دکمه برای دانلود با فتوشاپ

در مرحله سوم

در این مرحله باید دکمه خود را رسم کنید. برای این کار در منو ابزار سمت چپ ابزار rounded rectangle tool را انتخاب کرده و یک بیضی رسم کنید و بعد از رسم shape  روی لایه آن کلیک راست کرده و توسط rasterize layer می توان shape را به لایه تبدیل کرد.

 

طراحی دکمه برای دانلود با فتوشاپ

 

طراحی دکمه برای دانلود با فتوشاپ

در مرحله چهارم

حالا برای رنگبندی این دکمه با توجه به وب سایت خود لایه shape را انتخاب کرده،پنجرهlayer style را باز کنید، مانند موارد بالا به ترتیب Gradiant overlay  +  gradiant editor مانند عکس به صورت دل بخواه انتخاب کرده و تنظیم کنید.

 

طراحی دکمه برای دانلود با فتوشاپ

 

طراحی دکمه برای دانلود با فتوشاپ

تا این مرحله دکمه به این صورت دیده می شود:

 

طراحی دکمه برای دانلود با فتوشاپ

در مرحله پنجم

حال برای اینکه بخواهیم دکمه زیبا تر جلوه دهد به آن افکت اضافه می کنیم. برای اینکه این کار را انجام دهیم، روی لایه  shapeدو بار  کلیک کرده پنجره  layer styleباز شده و گزینه Bevel & Emboss را انتخاب کنید و تنظیمات را انجام داده و ok  کنید.

 

طراحی دکمه برای دانلود با فتوشاپ

در مرحله ششم

در این مرحله برای تعین کردن مضوع مورد استفاده دکمه باید نامی برای آن انتخاب کرده و به وسیله ابزار text برای مثال کلمه download  بنویسید.

 

طراحی دکمه برای دانلود با فتوشاپ

در مرحله هفتم

برای این که دکمه زیبا تر قرار بگیرد در فضا، سایه ای زیر آن می اندازیم برای این کار می توان از ابزار .Elliptical marquee tool استفاده کرده ،featherرا روی  50pxتنظیم کنید.ناحیه را انتخاب کرده وopacity را هم روی50% بگذارید.و با ctrl + t  ابزار Eraser tool  قسمت های زیادی را پا کرده و در انتها 

 

طراحی دکمه برای دانلود با فتوشاپ

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

 

طراحی دکمه برای دانلود با فتوشاپ





لینک های مرتبط



نظــرات شما


نام :
وب سایت :
ایمیل :
پیغام :  







پنل کاربری

امکان تغییر ظاهر سایت

تماس با ما
0912 224 60 22
021 66 120 694
021 66 120 698
021 66 912 056

لینک شبکه های اجتماعی

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت طراحی و چاپ افراگرافیک  می باشد.