»»» Green Shiny button by Cutedesign «««

Cute design

Well-Known Member
سلام

به نام خدا


در ایـن آموزش شما یاد می گیرید که چگونه میتوان دکمه ای سبز رنگ و درخشان را در فتوشاپ ساخت.

لطفا تا پایان آموزش ما را همراهی نمایید...

نمایی از دکمه:

20.jpg


21.jpg


مرحله اول : ایجاد دکمه

یک سند جدید با مشخصات زیر بسازید:

Width: 250 px
Height: 100 px
Resolution: 72 dpi

ابزار Rectangle tool را بردارید و با آن یک مستطیل به سایز 50 *200 بکشید.

01.jpg


کار کشیدن مستطیل اصلی تموم شد، مراحل بعد را دنبال کنید...

مراحل دوم : اعمال افکت ها بر روی دکمه

برای اعمال افکت ها دو بار روی لایه مورد نظر کلیک کنید و یا اینکه از منوی

Layer » Layer style » Blending options… آن را اجرا کنید و مانند شکل تنظیم کنید:

«Drop shadow»

02.jpg


«Inner glow»

03.jpg


«Gradient overlay»

04.jpg


05.jpg


«Stroke»

06.jpg


دکمه بعد از اعمال افکت ها:

07.jpg


مرحله سوم : ایجاد افکت شیشه ای

برای ساختن افکت شیشه ای شما باید اول یه انتخاب کلی از دکمه داشته باشید.

برای داشتن انتخاب بر روی بندانگشتی کوچک کنار لایه دکمه در حالی که کلید Ctrl

را نگه داشته اید کلیک کنید:

08.jpg


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

09.jpg


شما باید این محل انتخابی را کمی کوچک تر کنید.

برای این کار می توانید از ابزار Rectangle marquee tool استفاده کنید.

ابزار مورد نظر را انتخاب نمایید و در حالی که کلید Alt را نگه داشته اید نصف از شکل را انتخاب کنید.

10.jpg


ناحیه انتخاب شده به این شکل درامده است:

11.jpg


حالا یک لایه جدید بسازید، این کار را می توانید با زدن کلید های ترکیبی

Ctrl + Shift + Alt + N یا Ctrl + Shift + N انجام دهید.

کلید D را برای به حالت پیش فرض درامدن رنگ ها بزنید و سپس کلیدهای ترکیبی Ctrl + Backspace

را بزنید تا محل مورد نظر در لایه جدید به رنگ سفید دراید.

12.jpg


حال شما باید میزان شفافیت را تغییر بدهید. برای تغییر میزان شفافیت مثل شکل تنظیمات لایه را تغییر دهید:

13.jpg


کلید های Ctrl + D را برای غیر فعال شدن محل انتخابی بزنید.

ساخت افکت شیشه ای به پایان رسید:

14.jpg


مرحله چهارم : ایجاد بافت

برای ایجاد بافت یک سند جدید با مشخصات زیر بسازید:

15.jpg


حالا با بزرگنمایی بیش تر می توانید با تسلط بیشتری باف را بسازید.

جهت بزرگنمایی از کلید های ترکیبی Ctrl + + و جهت کوچکنمایی

از کلید های ترکیبی Ctrl + - استفاده کنید.

ابزار pencil tool را انتخاب نمایید و اندازه 1 px سه نقطه سیاه مانند زیر ایجاد کنید:

16.jpg


برای تبدیل این نقطه ها به بافت باید از منوی Edit دستور Edit » Define pattern را اجرا کنید.

مرحله پنجم : افزودن بافت به دکمه

برای ایجاد بافت شما باید اول یک انتخاب از دکمه داشته باشید و در یک لایه جدید

کارهای زیر را انجام دهید (مرحله سوم).

بعد از انتخاب شدن دکمه و ایجاد لایه جدید دستور Fill را از منوی Edit » Fill اجرا کنید و مثل شکل تنظیم کنید:

17.jpg


کلید های Ctrl + D را برای غیر فعال شدن محل انتخابی دکمه بزنید.

18.jpg


کلیدهای Ctrl + I را برای Invert شدن بافت بزنید.

مثل مرحله سوم باید میزان شفافیت را تغییر بدهیم، من میزان شفافیت را روی 25% قرار داده ام:

19.jpg


مرحله آخر : افزودن متن

ابزار Horizontal type tool را انتخاب کنید و متن خود را بنویسید.

20.jpg


21.jpg




CuteDesign.ir​
 

Cute design

Well-Known Member
سلام

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

من یکی ک دارم کمکم منصرف میشم از گذاشتن آموزش..............


CuteDesign.ir​
 

solartec

Member
سلام رضا جان
با تشکر از آموزش تون شما کار خودتو بکن و منصرف نشو همه جیز کم کم حل میشه
راستی آموزش های جدید یادت نره...
 

mahoo painter

مدیر انجمن گرافیک وکتور
سلام

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

من یکی ک دارم کمکم منصرف میشم از گذاشتن آموزش..............


CuteDesign.ir​


اقا رضا قرار نیست تک تک دوستان برای تشکر پستی بدن

تکمه تشکر برای همین موارده که دوستان از دادن پست اضافه خوداری کنن
zcdtsrfk83ngtgbo6aps.gif
 

Cute design

Well-Known Member
سلام

مهدی جونم من منظورم این نبود

کلا گفتم که مثل اینکه از این چیزا خوششون نمیاد

خب منم سبکم طراحی اجزای وب هست دیگه

من برای تشکر یا نظر نگفتم

من که اینجا رو با پی 30...


CuteDesign.ir​
 

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

بالا