فروشگاه لوازم دیجیتال رابوکالا

فروشگاه
  

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



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




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

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

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

 

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


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

 

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


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

 

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


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

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

 

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

 

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


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

 

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


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

 

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


حالا از لایه ی 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).

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

 

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

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

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

 

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

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

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

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

 

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


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

 

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

 

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

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

 

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


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

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

 

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

 
تصویر ما:

 

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

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

 

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


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

 

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


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

 

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

 

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


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

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

 

منبع : pstuts.ir

 



چند گام بالاتر

  • بازگشت به عقب در فتوشاپ
  • کاهش حجم تصاوير در فتوشاپ
  • 4 ابزار پایه با کاربرد وسیع در فتوشاپ
  • آموزش اولیه فتوشاپ
  • ساخت يک جعبه سه بعدی
  • معرفی اوراق اداری(سربرگ، کارت ویزیت و پاکت نامه)

   محصولات مشابه

   مطالب مشابه 

سامسونگ شیشه تاشو می سازد
شیشه های نشکن برای موبایلهای آینده تولید می شود
طراحی شیشه ضد میکروب و ضد انعکاس تلفن همراه
۸ برنده تکنولوژی در ۲۰۲۰
جوان‌ترین میلیاردرهای دنیای تکنولوژی
سهم نانو تکنولوژی از تولیدات علمی کشور ۲۵ درصد است
«TOGG»؛ خودروی ملی ترکیه با مدرن‌ترین تکنولوژی
ساخت رایانه ای که با خون الکترونیکی کار می کند !
ساخت طناب با فتوشاپ!
ساخت عینک های هوشمند شنا

   محصولات مشابه  

تکنولوژی ساخت شیشه تکنولوژی ساخت شیشه
مشاهده مشخصات و خرید

دانلود پاورپوینت مصالح تکنولوژی ساخت و ساز - شامل 31 اسلاید دانلود پاورپوینت مصالح تکنولوژی ساخت و ساز - شامل 31 اسلاید
مشاهده مشخصات و خرید

پاورپوینت-اصول ساخت شیشه و ساختار آن- در 80 اسلاید-powerpoin-ppt پاورپوینت-اصول ساخت شیشه و ساختار آن- در 80 اسلاید-powerpoin-ppt
مشاهده مشخصات و خرید

پاورپوینت کامل و جامع با عنوان شیشه، مواد سازنده شیشه، انواع شیشه و کاربردهای آن در 69 اسلاید پاورپوینت کامل و جامع با عنوان شیشه، مواد سازنده شیشه، انواع شیشه و کاربردهای آن در 69 اسلاید
مشاهده مشخصات و خرید

دانلود پروژه افترافکت قالب ساخت تیزر تبلیغاتی با موضوع تکنولوژی و کسب وکار دیجیتال Digital Business دانلود پروژه افترافکت قالب ساخت تیزر تبلیغاتی با موضوع تکنولوژی و کسب وکار دیجیتال Digital Business
مشاهده مشخصات و خرید

جزوه درس تکنولوژی ساخت و نگهداری کوره های ذوب قوس الکتریکی و کوره القایی جزوه درس تکنولوژی ساخت و نگهداری کوره های ذوب قوس الکتریکی و کوره القایی
مشاهده مشخصات و خرید

تکنولوژی ساخت ونگهداری کوره های ذوب قوس الکتریکی و کوره القایی تکنولوژی ساخت ونگهداری کوره های ذوب قوس الکتریکی و کوره القایی
مشاهده مشخصات و خرید

پاورپوینت کامل و جامع با عنوان درس تکنولوژی فراورش غذا، اصول و کاربردها یا شیمی و تکنولوژی مواد غذای پاورپوینت کامل و جامع با عنوان درس تکنولوژی فراورش غذا، اصول و کاربردها یا شیمی و تکنولوژی مواد غذای
مشاهده مشخصات و خرید

پاورپوینت کامل و جامع با عنوان انواع شیشه و کاربردهای شیشه در ساختمان در 61 اسلاید پاورپوینت کامل و جامع با عنوان انواع شیشه و کاربردهای شیشه در ساختمان در 61 اسلاید
مشاهده مشخصات و خرید

پاورپوینت کامل و جامع با عنوان درس کارگاه کار با شیشه یا کارگاه شیشه گری (Glassware Workshop) در 80 پاورپوینت کامل و جامع با عنوان درس کارگاه کار با شیشه یا کارگاه شیشه گری (Glassware Workshop) در 80
مشاهده مشخصات و خرید

پاورپوینت تکنولوژی wi-fi پاورپوینت تکنولوژی wi-fi
مشاهده مشخصات و خرید

پاورپوینتنانو تکنولوژی در طب پاورپوینتنانو تکنولوژی در طب
مشاهده مشخصات و خرید

پاورپوینتمدیریت تکنولوژی پاورپوینتمدیریت تکنولوژی
مشاهده مشخصات و خرید

دانلود پاورپوینتاکتساب تکنولوژی دانلود پاورپوینتاکتساب تکنولوژی
مشاهده مشخصات و خرید

مدیریت استراتژیک تکنولوژی مدیریت استراتژیک تکنولوژی
مشاهده مشخصات و خرید

پاورپوینتمدیریت استراتژیک تکنولوژی پاورپوینتمدیریت استراتژیک تکنولوژی
مشاهده مشخصات و خرید

پاورپوینت تکنولوژی پرو بیوتیک پاورپوینت تکنولوژی پرو بیوتیک
مشاهده مشخصات و خرید

پاورپوینت تکنولوژی و طرح ریزی شغل پاورپوینت تکنولوژی و طرح ریزی شغل
مشاهده مشخصات و خرید

پاورپوینت تکنولوژی تولید کیک پاورپوینت تکنولوژی تولید کیک
مشاهده مشخصات و خرید

پاورپوینت تکنولوژی روغن پاورپوینت تکنولوژی روغن
مشاهده مشخصات و خرید


   مقالات مشابه  

۵۷ تکنیک ساخت حرفه‌ای اسلاید (ساخت ارائه سمینار و همایش)
انتخاب تکنولوژی پرینت سه بعدی مناسب
دستگاه‌های مراقبت از پوست؛ تلفیق تکنولوژی و زیبایی
ساخت و آماده سازی آکواریوم و معرفی تجهیزات مورد نیاز آن
آموزش گام به گام ساخت پاورپوینت برای ارائه (بصورت تصویری و با مثال)
لیدی مدکالا - مقالات - سایت مپ - نقشه سایت - تماس با ما - صفحه اصلی