تمام وب سایتهای داینامیک دارای کلیدهای متنوع برای کاربردهای مختلف می باشد . به عنوان مثال کلید تغییر رنگ پس زمینه یا کلید بزرگ و کوچک کردن متن سایت .
در این بخش می خواهم 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 بکشید . بعد از کشیدن دایره روی لایه آن دابل کلیک کرده و تنظیمات گزینه پیش فرض آن را تغییر بدهید
8. ابزار تایپ را انتخاب کرده و یک متن را با درصد رنگی 4c4c4c تایپ کنید . مد لایه را برابر با Vivid Lighet قرار بدهید .
9. تمام مراحل بالا را با درصد رنگی df6c76 برای پس زمینه و درصد رنگی ce0009 را برای متن همراه با مد لایه Pin Lighet قرار بدهید .
منبع:آسارایان