1 پيوست (پيوستها)
آموزش ساخت دکمه های گرافیکی زیبا
سلام به همه....
من در این آموزش یاد میدم که یک دکمه ی گرافیکی خیلی قشنگ مثل شکل زیر بسازید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
--------------آموزش---------------
1- یک صفحه ای به اندازه ی 250*250 بسازید و بوسیله ی کلید (ctrl+Shift+N) یه لایه درست کنید. حالا با ابزار Elliptical Marquee یک دایره به شکل زیر بسازید و داخل اون رو سیاه کنید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
2. رویه لایه دوبار کلیک کنید تا صفحه ی Blending Options بازشه. حالا تغییرات زیر را انجام دهید.
Drop Shadow:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Bevel and emboss :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Gradient overlay :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
رنگ Gradient رو از داده های زیر استفاده کنید :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Stroke :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
رنگ Gradient رو از داده های زیر استفاده کنید :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Ok رو بزنید.
حالا شما یه چیزی شبیه شکل زیر باید بدست بیارید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3. روی لایه ی اول Ctrl+Click بزنید تا دایره ای که ساختید انتخاب بشه حالا از منوهای بالا به قسمت Select > Modify > Contract بروید، و عدد 7 را در قسمت Contract By بزنید و بعد Ok را بزنید.
حالا دوباره بوسیله ی کلید (Ctrl+Shift+N) یک لایه ایجاد کنید و بدون اینکه چیزی را انتخاب کنید، اون دایره را سیاه کنید و بعد از اون کلید Ctrl+D رو بزنید تا دایره از حالت انتخاب در بیاد.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
4. روی لایه ای که ساختید دوبار کلیک کنید تا صفحه ی Layer Style باز شود. و تنظیمات زیر را روی لایه ی خود انجام بدید.
Inner shadow :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Outter glow :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Inner glow :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Bevel and emboss :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Gradient overlay :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
رنگ Gradient رو از داده های زیر استفاده کنید :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Stroke :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
رنگ Gradient رو از داده های زیر استفاده کنید :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Ok رو بزنید.
حالا شما یه چیزی شبیه شکل زیر باید درست کرده باشید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
5. روی لایه ی دوم Ctrl+Click بزنید تا دایره انتخاب شه، دوباره از منوهای بالا به قسمت Select > Modify > Contract بروید. حالا این بار عدد 4 رو قرار بدید و Ok بزنید.
حالا ابزار Gradiant Tool را انتخاب کنید و رنگ Foreground خود را سفید کنید و روی Gradiant Editor کلیک کنید و دومین آیکون یعنی Foreground to Transparent را انتخاب کنید و Ok رو بزنید.
یک لایه بوسیله ی کلید Ctrl+Shift+N درست کنید و مثل شکل زیر با ابزار Gradiant از بالا تا پایین بکشید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
6. دوباره یک لایه ی جدید بسازید و کل اون رو سفید کنید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
7. حالا بوسیله ی ابزار Elliptical Marquee قسمت از لایه ای که سفید کردید رو انتخاب کنید و Delete کنید. و Opacity او رو %40 بذارید.
مثل شکل زیر:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
8. روی لایه ی دوم Ctrl+Click کنید و از منوهای بالا به Select > Modify > Contract بروید و دوباره عدد 4 را وارد کنید و Ok را بزنید.
حالا یک لایه ی جدید درست کنید و کل اون دایره ای که انتخاب شده را سفید کنید؛
بوسیله ی ابزار Elliptical Marquee یه چیزی شبیه عکس زیر انتخاب کنید و اون رو Delete کنید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
9. بوسیله ی کلید Ctrl+D اون قسمت را از حالت انتخاب بر دارید و Opacity اون رو %20 بذارید.
کار شما به پایان رسید.
حالا شکل شما باید مثل عکس زیر شده باشه.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
حالا برای قشنگ تر شدن این کار می تونید یک عکس بین لایه ی دوم و سوم قرار بدید و Opacticy اون رو بین %50 تا %70 قرار بدید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چه طور بود؟
