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

فروشگاه
  

آموزش ساخت دکمه ی 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 ابزار پایه با کاربرد وسیع در فتوشاپ
  • آموزش اولیه فتوشاپ
  • ساخت يک جعبه سه بعدی
  • معرفی اوراق اداری(سربرگ، کارت ویزیت و پاکت نامه)

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

   مطالب مشابه 

سونی لپ تاپ مافوق سبک جان سخت ساخت
ساخت کهکشان در فتوشاپ
آموزش ساخت تخم مرغ در فتوشاپ
ساخت طناب با فتوشاپ!
آموزش ساخت دکمه ی on/off
ساخت عینک های هوشمند شنا
ساخت شارژری کوچک در جیب شما + عکس
ساخت رایانه ای که با خون الکترونیکی کار می کند !
ساخت بلندگویی با عمر 50 ساعته باتری
پروانه ساخت «قطع فوری» صادر شد

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

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

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

ساخت ماهیچه سرامیکی ساخت ماهیچه سرامیکی
مشاهده مشخصات و خرید

دانلودزیر ساخت های نرم افزاری دانلودزیر ساخت های نرم افزاری
مشاهده مشخصات و خرید

پاورپوینت طراحي و ساخت پاورپوینت طراحي و ساخت
مشاهده مشخصات و خرید

تحقیقآموزشگاه ساخت گل چینی تحقیقآموزشگاه ساخت گل چینی
مشاهده مشخصات و خرید

پاورپوینت نوآوری در ساخت بتن پاورپوینت نوآوری در ساخت بتن
مشاهده مشخصات و خرید

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

پاورپوینت نوآوری در ساخت بتن پاورپوینت نوآوری در ساخت بتن
مشاهده مشخصات و خرید

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

تحقیقآشنایی با مصالح و ساخت 19 ص تحقیقآشنایی با مصالح و ساخت 19 ص
مشاهده مشخصات و خرید

راهنمای ساخت تابلو LED ثابت راهنمای ساخت تابلو LED ثابت
مشاهده مشخصات و خرید

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

طرح توجیهی ساخت کارگاه شمع سازی طرح توجیهی ساخت کارگاه شمع سازی
مشاهده مشخصات و خرید

ساخت تيم مديريت باعملكرد بالا ساخت تيم مديريت باعملكرد بالا
مشاهده مشخصات و خرید

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

تحقیقآموزش ساخت نمایشگر لیزری تحقیقآموزش ساخت نمایشگر لیزری
مشاهده مشخصات و خرید

مقاله تاریخچه و ساخت بمب اتمی مقاله تاریخچه و ساخت بمب اتمی
مشاهده مشخصات و خرید

پاورپوینتزیر ساخت های شهرسازی فصلاول و دوم پاورپوینتزیر ساخت های شهرسازی فصلاول و دوم
مشاهده مشخصات و خرید

ساخت سریع سایت با وردپرس ساخت سریع سایت با وردپرس
مشاهده مشخصات و خرید


   مقالات مشابه  

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