برگزیده های پرشین تولز

فوتوشاپ : آموزش ساخت دکمه ی گرافیکی

mohammad_1ta

Registered User
تاریخ عضویت
4 سپتامبر 2004
نوشته‌ها
314
لایک‌ها
10
سن
33
محل سکونت
تهران
سلام به همه....

من در این آموزش یاد میدم که یک دکمه ی گرافیکی خیلی قشنگ مثل شکل زیر بسازید.
23.jpg

--------------آموزش---------------​
1- یک صفحه ای به اندازه ی 250*250 بسازید و بوسیله ی کلید (ctrl+Shift+N) یه لایه درست کنید. حالا با ابزار Elliptical Marquee یک دایره به شکل زیر بسازید و داخل اون رو سیاه کنید.​
1.jpg
2. رویه لایه دوبار کلیک کنید تا صفحه ی Blending Options بازشه. حالا تغییرات زیر را انجام دهید.
Drop Shadow:

2.jpg


Bevel and emboss :
3.jpg


Gradient overlay :
4.jpg


رنگ Gradient رو از داده های زیر استفاده کنید :
5.jpg


Stroke :
6.jpg


رنگ Gradient رو از داده های زیر استفاده کنید :
7.jpg



Ok رو بزنید.
حالا شما یه چیزی شبیه شکل زیر باید بدست بیارید.

8.jpg



3. روی لایه ی اول Ctrl+Click بزنید تا دایره ای که ساختید انتخاب بشه حالا از منوهای بالا به قسمت Select > Modify > Contract بروید، و عدد 7 را در قسمت Contract By بزنید و بعد Ok را بزنید.
حالا دوباره بوسیله ی کلید (Ctrl+Shift+N) یک لایه ایجاد کنید و بدون اینکه چیزی را انتخاب کنید، اون دایره را سیاه کنید و بعد از اون کلید Ctrl+D رو بزنید تا دایره از حالت انتخاب در بیاد.

9.jpg


4. روی لایه ای که ساختید دوبار کلیک کنید تا صفحه ی Layer Style باز شود. و تنظیمات زیر را روی لایه ی خود انجام بدید.

Inner shadow :
10.jpg


Outter glow :
11.jpg


Inner glow :
12.jpg


Bevel and emboss :
13.jpg


Gradient overlay :
14.jpg


رنگ Gradient رو از داده های زیر استفاده کنید :​
15.jpg


Stroke :
16.jpg


رنگ Gradient رو از داده های زیر استفاده کنید :
17.jpg


Ok رو بزنید.
حالا شما یه چیزی شبیه شکل زیر باید درست کرده باشید.

18.jpg



5. روی لایه ی دوم Ctrl+Click بزنید تا دایره انتخاب شه، دوباره از منوهای بالا به قسمت Select > Modify > Contract بروید. حالا این بار عدد 4 رو قرار بدید و Ok بزنید.
حالا ابزار Gradiant Tool را انتخاب کنید و رنگ Foreground خود را سفید کنید و روی Gradiant Editor کلیک کنید و دومین آیکون یعنی Foreground to Transparent را انتخاب کنید و Ok رو بزنید.
یک لایه بوسیله ی کلید Ctrl+Shift+N درست کنید و مثل شکل زیر با ابزار Gradiant از بالا تا پایین بکشید.
19.jpg



6. دوباره یک لایه ی جدید بسازید و کل اون رو سفید کنید.

20.jpg



7. حالا بوسیله ی ابزار Elliptical Marquee قسمت از لایه ای که سفید کردید رو انتخاب کنید و Delete کنید. و Opacity او رو %40 بذارید.
مثل شکل زیر:


21.jpg



8. روی لایه ی دوم Ctrl+Click کنید و از منوهای بالا به Select > Modify > Contract بروید و دوباره عدد 4 را وارد کنید و Ok را بزنید.
حالا یک لایه ی جدید درست کنید و کل اون دایره ای که انتخاب شده را سفید کنید؛
بوسیله ی ابزار Elliptical Marquee یه چیزی شبیه عکس زیر انتخاب کنید و اون رو Delete کنید.

22.jpg



9. بوسیله ی کلید Ctrl+D اون قسمت را از حالت انتخاب بر دارید و Opacity اون رو %20 بذارید.

کار شما به پایان رسید.:)
حالا شکل شما باید مثل عکس زیر شده باشه.


23.jpg



حالا برای قشنگ تر شدن این کار می تونید یک عکس بین لایه ی دوم و سوم قرار بدید و Opacticy اون رو بین %50 تا %70 قرار بدید.​
Final-result.jpg

photoshop.jpg
 

Pixar

مدیر بازنشسته
تاریخ عضویت
10 اکتبر 2003
نوشته‌ها
1,400
لایک‌ها
19
محل سکونت
َِChocolate's City
با تشکر از مقاله خوبتون ، تا 24 ساعت دیگه منتقل میکنم بخش مقالات.
 

meli

Registered User
تاریخ عضویت
19 اکتبر 2004
نوشته‌ها
1,393
لایک‌ها
23
سن
36
محل سکونت
tehran
44.gif
 

javad2000

Registered User
تاریخ عضویت
10 جولای 2005
نوشته‌ها
1,338
لایک‌ها
25
سلام.
ببخشيد امكان داره يه نمونه از اون دكمه گرافيكي رو (با فرمت psd) براي دانلود بگذاريد؟ اگه دكمه هاي ديگه هم داشته باشيد همينطور.

با تشكر
 
بالا