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

farsicom

Member
سلام به همه....

من در این آموزش یاد میدم که یک دکمه ی گرافیکی خیلی قشنگ مثل شکل زیر بسازید.
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 بذارید.

کار شما به پایان رسید.
smilingsmiley.gif

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


23.jpg



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

AREF

مدیر انجمن های <A href="http://forum.majidonline.c
سلام.با اجازه صاحب محترم تایپیک فایل رو تبدیل به pdf کردم تا دوستان راحت تر ازش استفاده کنن.

 

پیوست ها

  • Graphic Botton.pdf
    1.9 مگایابت · بازدیدها: 45

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

بالا