تبلیغات
lkramin - عنوان : آموزش ساخت دکمه ی گرافیکی
 
lkramin
درباره وبلاگ



مدیر وبلاگ : رامین
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :

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

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

لطفا به ادامه مطلب مراجعه کنید !


--------------آموزش---------------

1- یک صفحه ای به اندازه ی 250*250 بسازید و بوسیله ی کلید (ctrl+Shift+N) یه لایه درست کنید. حالا با ابزار Elliptical Marquee یک دایره به شکل زیر بسازید و داخل اون رو سیاه کنید.

IPB Image

2. رویه لایه دوبار کلیک کنید تا صفحه ی Blending Options بازشه. حالا تغییرات زیر را انجام دهید.

Drop Shadow:


IPB Image



Bevel and emboss :

IPB Image



Gradient overlay :

IPB Image



رنگ Gradient رو از داده های زیر استفاده کنید :
IPB Image

Stroke :

IPB Image



رنگ Gradient رو از داده های زیر استفاده کنید :
IPB Image


Ok رو بزنید.

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

IPB Image




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

حالا دوباره بوسیله ی کلید (Ctrl+Shift+N) یک لایه ایجاد کنید و بدون اینکه چیزی را انتخاب کنید، اون دایره را سیاه کنید و بعد از اون کلید Ctrl+D رو بزنید تا دایره از حالت انتخاب در بیاد.

IPB Image



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

Inner shadow :

IPB Image



Outter glow :

IPB Image



Inner glow :

IPB Image



Bevel and emboss :

IPB Image



Gradient overlay :

IPB Image



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

IPB Image



Stroke :

IPB Image



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

IPB Image



Ok رو بزنید.

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

IPB Image




5. روی لایه ی دوم Ctrl+Click بزنید تا دایره انتخاب شه، دوباره از منوهای بالا به قسمت Select > Modify > Contract بروید. حالا این بار عدد 4 رو قرار بدید و Ok بزنید.

حالا ابزار Gradiant Tool را انتخاب کنید و رنگ Foreground خود را سفید کنید و  روی Gradiant Editor کلیک کنید و دومین آیکون یعنی Foreground to Transparent را انتخاب کنید و Ok رو بزنید.

یک لایه بوسیله ی کلید Ctrl+Shift+N درست کنید و مثل شکل زیر با ابزار Gradiant از بالا تا پایین بکشید.

IPB Image




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

IPB Image




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

 مثل شکل زیر:



IPB Image




8. روی لایه ی دوم Ctrl+Click کنید و از منوهای بالا به Select > Modify > Contract بروید و دوباره عدد 4 را وارد کنید و Ok را بزنید.

حالا یک لایه ی جدید درست کنید و کل اون دایره ای که انتخاب شده را سفید کنید؛

بوسیله ی ابزار Elliptical Marquee یه چیزی شبیه عکس زیر انتخاب کنید و اون رو Delete کنید.


IPB Image




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

 

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

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



IPB Image


 

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






نوع مطلب : آموزش، 
برچسب ها :
لینک های مرتبط :

       نظرات
جمعه 21 بهمن 1384
رامین
یکشنبه 15 مرداد 1396 11:48 ب.ظ
Hmm is anyone else experiencing problems with the images on this blog
loading? I'm trying to find out if its a problem on my end or if it's the blog.
Any feed-back would be greatly appreciated.
سه شنبه 10 مرداد 1396 07:14 ق.ظ
I love it when individuals come together and share thoughts.
Great site, continue the good work!
سه شنبه 5 اردیبهشت 1396 11:47 ق.ظ
Just wish to say your article is as amazing. The clearness on your put up is simply great and that
i could think you are knowledgeable in this subject.
Fine with your permission allow me to seize your feed
to keep updated with impending post. Thanks one million and please continue the rewarding work.
چهارشنبه 30 فروردین 1396 09:42 ق.ظ
It's great that you are getting ideas from this post as well as from our discussion made here.
سه شنبه 29 فروردین 1396 07:30 ب.ظ
Great post. I was checking continuously this blog and I am impressed!
Very useful info specially the last part :) I care for such info much.
I was seeking this certain info for a long time.
Thank you and good luck.
دوشنبه 24 بهمن 1384 10:02 ق.ظ
میبینم كه داری تمام مطالب من رو بدون زحمت كپی می كنی تو وبلاگت. بهتره كه لینك منبع رو هم بزاری......!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر