ساخت دکمه های حرفه ای(Professional Menu Button)

MATFB

Well-Known Member
اینهم آموزش ساخت دکمه های حرفه ای
یک سند به اندازه 300×500 ایجاد کرده
رنگ آن را با استفاده از Gradient به هر رنگی که دوست دارید تغییر بدین
سپس ابزار Rounded Rectangle Tool را انتخاب کرده و Radius: 10 px را تغییر بدن و دکمه ای سفید رنگ ایجاد کنید
menu_button_02.jpg

سپس به قسمت Layer > Rasterize > Shape رفته
به قسمت Layer>Layer Style > Blending Option و تنظیمات زیر را انجام دهید
menu_button_03.jpg


menu_button_04.jpg


menu_button_05.jpg

سپس به قسمت Select > Load Selection رفته سپس به قمست Select > Modify > Contract رفته و مقدار آن را به
1 px تغییر بدین
لایه جدیدی بسازید و نگ آن را به #1b1b1d تغییر بدین سپس کلیدهای Ctrl+ D را بزنید
menu_button_06.jpg

لایه جدیدی بسازید و ابزار Elliptical Marquee Tool را انتخاب کنید و مثل تصویر زیر عمل کنید رنگ آن #479ea5 تغییر بدین
menu_button_07.jpg

سپس کلیدهای Ctrl+ D را بزنید سپس به قسمت Filter > Blur > Gaussian Blur رفته و تنظیمات زیر را انجام بدین
menu_button_08.jpg

حالا شما تصویر زیر رو دارید
menu_button_09.jpg

به قسمت Filter > Blur > Motion Blur رفته و تنظیمات زیر را انجام بدین
menu_button_10.jpg

تصویر جدید شما به شکل زیر است
menu_button_11.jpg

لایه جدیدی بسازید و ابزار Polygonal Lasso Tool را انتخاب کنید سپس با رنگ زیر تصویر زیر رو طراحی کنید
menu_button_12.jpg

سپس کلیدهای Ctrl+ D را بزنید و به قسمت Filter > Blur > Gaussian Blur رفته و تنظیمات زیر را انجام بدین
menu_button_13.jpg

حالا شما تصویر زیر رو دارید
menu_button_14.jpg

به قسمت Filter > Blur > Motion Blur رفته و تنظیمات زیر را انجام بدین
menu_button_15.jpg

تصویر جدید شما به شکل زیر است
menu_button_16.jpg

ابزار Rectangular Marquee Tool را انتخاب کنید و مثل تصویر زیر عمل کنید
menu_button_17.jpg

سپس کلیدهای Ctrl+ Shift+ I را بزنید سپس کلید Delete تا قسمت های اضافی حذف شود سپس کلیدهای Ctrl+ D را بزنید
menu_button_18.jpg

یک سند جدید به اندازه 3×3 ایجاد کرده ابزار Pencil Tool را انتخاب کرده و با رنگ سیاه تصویر زیر را طراحی کنید
menu_button_19.jpg

سپس به قسمت Edit > Define Pattern رفته وآن را ذخیره کنید
سپس به تصویر اصلی برگشته و ابزار Rectangular Marquee Tool را انتخاب کنید و قسمتی را انتخاب کنید و رنگ آن را سفید کنید مثل تصویر زیر عمل کنید
menu_button_20.jpg

سپس کلیدهای Ctrl+ D را بزنید، به قسمت Layer>Layer Style > Blending Option و تنظیمات زیر را انجام دهید
menu_button_21.jpg

Opacity این لایه به 7% تغییر بدین
menu_button_22.jpg

لایه جدیدی بسازید و ابزار Polygonal Lasso Tool را انتخاب کنید و مثل تصویر زیر عمل کنید
menu_button_23.jpg

سپس کلیدهای Ctrl+ D را بزنید و به قسمت Filter > Blur > Gaussian Blur رفته و تنظیمات زیر را انجام بدین
menu_button_24.jpg

حالا شما تصویر زیر رو دارید
menu_button_25.jpg

لایه جدیدی بسازید و ابزار Pencil Tool را انتخاب کنید و مثل تصویر زیر و با استفاده از تصویر نقطه چین تصویر زیر را طراحی کنید
menu_button_26.jpg

حالا باید از این لایه کپی بگیریم برای این کار از کلیدهای Ctrl + J استفاده کنید سپس به قسمت Filter > Blur > Motion Blur رفته و تنظیمات زیر رو انجام بدین
menu_button_27.jpg

تصویر شما:
menu_button_28.jpg

ابزار Pencil Tool را انتخاب کنید و با استفاده از رنگ #479ea5 سه خط مثل تصویر زیر ایجاد کنید
menu_button_29.jpg

لایه جدیدی بسازید سپس ابزار Rectangular Marquee Tool را انتخاب کنید و با استفاده از همین رنگ مثل تصویر زیر را طراحی کنید
menu_button_30.jpg

سپس کلیدهای Ctrl+ D را بزنید و Opacity این لایه را به 30% تغییر بدین
سپس به قسمت Filter > Blur > Motion Blur رفته و تنظیمات زیر رو انجام بدین
menu_button_31.jpg

تصویر جدید شما
menu_button_32.jpg

لایه دکمه را انتخاب کنید و کلیدهای Ctrl+ left click را بزنید سپس لایه جدیدی بسازید و رنگ آن را سیاه کنید
menu_button_33.jpg

سپس کلیدهای Ctrl+ D را بزنید و به قسمت Filter > Noise > Add Noise رفته و تنظیمات زیر را انجام بدین
menu_button_34.jpg

Opacity این لایه را به 60% تغییر بدین
menu_button_35.jpg

حالازمان تایپ متنه
ابزار Horizontal Type Tool را انتخاب کرده و با رنگ #70ffff متن مورد نظرتون را تایپ کنید
توجه کنید که اندازه متن 14 و حالت Crisp باشد
menu_button_36.jpg

حالا می تونید چندتا دکمه باحال کنار هم بگذارید ودر برنامه های خود به کار ببرید
menu_button_37full.jpg

امیدوارم از این آموزش خوشتون بیاد
منتظر آموزش های بعدی باشین
برای تشکر هم بر روی تشکر کلیک کنید
 

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

بالا