آموزش ساخت دکمه ی on/off : اول یک فایل new در اندازه های ۸۰۰×۶۰۰ باز کنید.بعد ...




اول یک فایل new در اندازه های ۸۰۰×۶۰۰ باز کنید.

بعد رنگ foreground را به این رنگ تغییر بدهید.(۳۰۳۰۳۰#) و رنگ background را به این رنگ.(۱۶۱۶۱۶#).

حالا gradient tool را انتخاب کنید (کلید میانبر:G) و به صورت عمودی از وسط تصویر یک خط بکشید.دقت کنید که قبل از این کار از منوی option این گزینه را بزنید.

 

آموزش ساخت دکمه متحرک در فلش , آموزش ساخت دکمه ی کپی , آموزش ساخت اپل آیدی


حالا به تصویر یک noise بدهید.(Filter > Noise > Add Noise).با تنظیمات زیر:

 

آموزش ساخت جیمیل , ساخت دکمه شیشه ای در تلگرام , آموزش ساخت


تا حالا باید تصویرتان اینطوری باشد.

 

آموزش ساخت اپل ایدی , آموزش ساخت گیف , آموزش ساخت ایمیل


حالا با استفاده از ابزار Ellipse Tool (کلید میانبر:U) در وسط تصویر یک دایره بکشید و اسم لایه ی آن را Outer Circle بگذارید.برای تغییر نام لایه روی اسم لایه ی مورد نظر دوبار کلیک کنید و نامش را تغییر بدهید.(دقت کنید که روی اسم لایه نه روی عکسش!)

بعد روی لایه ی Outer Circle دوبار کلیک کنید تا صفحه ی blending option باز شود.حالا تنظیمات زیر را وارد کنید:

 

آموزش ساخت سایت , آموزش ساخت کانال تلگرام , آموزش ساخت کانال در تلگرام

 

آموزش ساخت برنامه اندروید , آموزش ساخت اپل ای دی , آموزش ساخت apple id


(رنگ قسمت چپ در عکس بالا:۷e7e7e#)

 

آموزش ساخت اپل آی دی , آموزش ساخت وبلاگ , آموزش ساخت اپلیکیشن آندروید


تصویر ما تا اینجا:

 

آموزش ساخت زیرنویس , آموزش ساخت تصاویر متحرک gif با فتوشاپ cs6 , آموزش ساخت بنر متحرک با فتوشاپ cs6


حالا از لایه ی Outer Circle Layer یک کپی بگیرید و نام آن را به Switch Indent تغییر بدهید.


برای کپی گرفتن از لایه ، ابتدا لایه ای که میخواهید از آن کپی بگیرید را انتخاب نموده و سپس کلید های میانبر (Ctrl + j) را بزنید.

بعد روی لایه ی Switch Indent راست کلیک کنید و گزینه ی Clear Layer Styles را بزنید تا افکت هایی که به لایه ی قبلی داده بودیم از این لایه بروند.

در مرحله ی بعد لایه ی Switch Indent را انتخاب کنید و کلید های Ctrl + T را بزنید.حالا Shift و Alt را نگه دارید و این دایره را یکمی تغییر سایز بدهید.

 

( این لایه ای که تغییر سایز داید را رنگش را سیاه کنید.

حالا روی لایه ی Switch Indent دوبار کلیک کنید تا به منوی بلیندانگ آپشن ها بروید.در این قسمت نیاز به یک gradient overlay داریم.پس این گزینه را انتخاب میکنیم و این تنظیمات را اعمال میکنیم.

 

آموزش ساخت اپل آیدی رایگان , آموزش ساخت گیف در تلگرام , آموزش ساخت صفحه گوگل پلاس برای سایت خود

 
این یکی رنگش چون لوگوی pstuts روی اش است دیده نمیشود.من رنگ آن را اینجا میگویم.(رنگ:۰۳۰۳۰۳#).

حالا یه کپی از لایه ی Switch Indent بگیرید و اینم مثل لایه قبل بدون استایل کنید. و بعد اسم این لایه رو به Switch تغییر بدهید.

حالا ما باید این لایه را حدود ۳-۱ پیکسل تغییر سایز بدهیم.(با استفاده از Ctrl + T).

حالا دوباره یه گرادینت میدهیم با تنظیمات زیر:

 

آموزش تصویری ساخت ربات تلگرام , آموزش ساخت انیمیشن با فتوشاپ , آموزش ساخت گوگل پلاس

 
دوباره مثل قبل البته این بار آن دیده میشود ولی بازهم میگویم تا موردی نباشد. (رنگ:۰۹۰۹۰۹#)

حالا تصویر شما باید یه چیزی مثل این باشد:

 

آموزش ساخت اپلیکیشن , آموزش ساخت فایل gif با فتوشاپ , آموزش ساخت صفحه گوگل پلاس

 
خب دوباره از لایه ی Switch یک کپی بگیرید.

بعد نام این لایه را به Switch Main تغییر بدهید و دوباره استایلش را پاک کنید.

حالا ما لازم داریم که این لایه را هم تغییر سایز بدهیم.این بار کوچکتر از دفعه های قبل.و بعد ان را بالا میبریم.مانند نمونه:(با زوم ۳۰۰%)

 

آموزش ساخت انیمیشن با پاورپوینت , آموزش ساخت وبلاگ در گوگل , آموزش ساخت گروه در تلگرام


حالا ما نیاز به کمی تغییر در لایه ی Switch Main داریم.تنظیمات زیر را وارد کنید:

 

آموزش ساخت شناسه ایرنیک , آموزش ساخت فایل pdf , آموزش ساخت ایمیل در گوگل

 

آموزش کامل ساخت اپلیکیشن دیوار اندروید , آموزش ساخت سایت رایگان , آموزش ساخت gif

 
تصویر فعلی ما:

 

آموزش ساخت اکانت اینستاگرام , آموزش ساخت پاکت نامه , آموزش ساخت سایت در گوگل


خب حالا یه کپی دیگه از این لایه (Switch Main)بگیرید و اسمش رو به Switch Shadow تغییر بدید و ان را بیارید زیر لایه ی Switch Main.

به این مسیر بروید:(Filter > Blur > Guassian Blur) و تنظیمات زیر را اعمال کنید:

 

آموزش ساخت تصاویر متحرک gif با فتوشاپ , آموزش ساخت وبلاگ در بلاگفا , آموزش ساخت عروسک

 
تصویر ما:

 

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

 
خب حالا فونت Arial را انتخاب کنید و دو نوشته ی (I) و (o) را بنویسید و آنها را در جای مناسب قرار دهید.مانند تصویر:

 

آموزش ساخت پاورپوینت , آموزش ساخت تصاویر متحرک , آموزش ساخت چند اکانت در اینستاگرام


حالا با استفاده از ابزار تایپ ۲ نوشته ی (on) و (off) را بنویسید.مانند تصویر:

 

آموزش ساخت اپل id , آموزش ساخت رزومه , آموزش ساخت pdf


حالا ما نیاز به یه سری تنظیمات در این ۲ نوشته داریم. روی این لایه ها دابل کلیک کنید و تنظیمات زیر را اعمال کنید:

 

آموزش ساخت شبکه ماهواره ای , آموزش ساخت عکس هنری در فتوشاپ , آموزش ساخت کلیپ آموزشی

 

آموزش ساخت app id , آموزش ساخت apple id برای کاربران ایرانی , آموزش ساخت متن تبلیغاتی


و کار تمام.تصویر نهایی:

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

 

منبع : pstuts.ir

 


ویدیو : آموزش ساخت دکمه ی on/off