طراحی کلیدهای ON و Off وب سایت در فتوشاپ

تمام وب سایتهای داینامیک دارای کلیدهای متنوع برای کاربردهای مختلف می باشد . به عنوان مثال کلید تغییر رنگ پس زمینه یا کلید بزرگ و کوچک کردن متن سایت .

در این بخش می خواهم 2 کلید On و Off که می توانید کاربرد آن را هنگام کد نویسی در قالب وب سایت تغییر دهید را با فتوشاپ طراحی کنم . برای شروع ابتدا یک صفحه به ابعاد 600 × 600 پیکسل ایجاد کرده و رنگ پس زمینه را با استفاده از ابزار Gradient تغییر بدهید . درصد رنگیهای بکار برده شده در تصاویر زیر می باشد .
1. فتوشاپ را اجرا کرده و یک صفحه به ابعاد 600×600 ایجاد کنید .

2. ابزار Gradient را انتخاب کرده و رنگ پس زمینه را با توجه به تصاویر زیر تغییر بدهید .

3. ابزار Rounded Rectangle Tool را انتخاب کرده و با Radius 50 px یک کادر با درصد رنگی #aec24e بکشید

4. بر روی لایه کادر کشیده شده دابل کلیک کرده و تنظیمات گزینه های پیش فرضی که مشخص شده است را تغییر بدهید .

5. با ابزار Ellipse Tool یک دایره بکشید . بعد از کشیدن دایره مورد نظر بر روی لایه آن دابل کلیک کرده و تنظیمات پیش فرض گزینه های مشخص شده را با توجه به تصاویر زیر تغییر بدهید .

6. برای ایجاد سایه زیر دایره کشیده شده در مرحله قبل ابزار Brush را انتخاب کرده ، رنگ Forground را برابر با مشکی قرار داده و یک حاله سیاه رنگ با اندازه قلم 60 ایجاد کنید

7. وسط دایره بزرگ تر یک دایره کوچک با درصد رنگی e2e2e2 بکشید . بعد از کشیدن دایره روی لایه آن دابل کلیک کرده و تنظیمات گزینه پیش فرض آن را تغییر بدهید