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




آمار وبسایت

 تعداد کل بازدیدها : 1815621400




هواشناسی

نرخ طلا سکه و  ارز

قیمت خودرو

فال حافظ

تعبیر خواب

فال انبیاء

متن قرآن



اضافه به علاقمنديها ارسال اين مطلب به دوستان آرشيو تمام مطالب
 refresh

آموزش ساخت دکمه ی 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  






این صفحه را در گوگل محبوب کنید

[ارسال شده از: بیتوته]
[مشاهده در: www.beytoote.com]
[تعداد بازديد از اين مطلب: 40]

bt

اضافه شدن مطلب/حذف مطلب







-


گوناگون

پربازدیدترینها
طراحی وب>


صفحه اول | تمام مطالب | RSS | ارتباط با ما
1390© تمامی حقوق این سایت متعلق به سایت واضح می باشد.
این سایت در ستاد ساماندهی وزارت فرهنگ و ارشاد اسلامی ثبت شده است و پیرو قوانین جمهوری اسلامی ایران می باشد. لطفا در صورت برخورد با مطالب و صفحات خلاف قوانین در سایت آن را به ما اطلاع دهید
پایگاه خبری واضح کاری از شرکت طراحی سایت اینتن