آموزش طراحي هدر تبلت براي وب سايت

چند وقتي هست كه كاربران در خواست آموزش هدر براي وب سايت را از من درخواست كرده بودند كه بدليل كمبود وقت نتوانستم اين آموزش را براي شما در اين بخش قرار بدهم . امروز مي خواهم اولين آموزش طراحي هدر براي يك وب سايت فروش كالاهاي ديجيتال را آموزش بدهم .
ابعاد هدر انتخابي بسته به عرض وب سايت مي تواند متغير باشد . من ابعادي كه براي اين بخش در نظر گرفته ام 300×900 پيكسل مي باشد . روش كار به اين صورت هست كه ابتدا رنگ پس زمينه را تغيير داده و بوسيله ابزار Brush يك هاله آبي رنگ بالاي صفحه ايجاد مي كنم سپس بوسيله ابزار براش چند هاله رنگي ديگر ايجاد كرده و سپس مد هر لايه را تغيير ميدهم . در مرحله بعدي من يك تصوير موبايل از اينترنت دانلود و روي هدر در جاي مشخص شده قرار ميدهم سپس بوسيله ....

    پيش نياز : آموزش مقدماتي فتوشاپ

فتوشاپ را اجرا كنيد

1. يك صفحه به ابعاد 300×900 با رزوليشن 300 ايجاد كنيد .

2. روي لايه پس زمينه دابل كليك كرده و رنگ پس زمينه را برابر با 191919# قرار بدهيد  .

3. در اين مرحله ابزار Brush را با سختي قلم صفر ، اندازه قلم برابر با 600 و رنگ فورگراند برابر با 61a6f4 قرار داده سپس يك لايه ايجاد كرده و بالاي صفحه از قلم براشي كه تنظيم كرده ام استفاده ميكنم . در مرحله آخر هم بايد مد لايه را برابر با Liner Didge قرار بدهيد (با كادر قرمز مشخص شده است)

4. حالا مرحله 2 و 3 را بايد با درصد رنگي متفاوت كه مشخص كرده ام ادامه بدهيم . يك لايه جديد ايجاد اينبار كمي اندازه قلم را كوچكتر و درصد رنگي fbb85a را برابر با فورگراند قرار ميدهم در مرحله بعد هم مد لايه را برابر با overlay تنظيم ميكنم  .

5. يك لايه جديد ايجاد و اينبار با رنگ سفيد مراحل قبل را با مد لايه Overlay تكرار ميكنم

6. يك لايه آموزش فتوشاپ جديد ايجاد رنگ براي را برابر با قرمز #fb0427 و مد لايه را برابر با Subtract قرار ميدهم

7. يك لايه جديد ايجاد كرده و در مرحله بعدي ابزار Elliptical Marque Tool را انتخاب ميكنم . سپس چند دايره با ابعاد مختلف ميكشم . ابزار Brush را انتخاب و تنظيمات آن را تغيير نميدهم (سختي قلم برابر با صفر اندازه قلم دلخواه) سپس رنگهاي مختلف را از پالت فورگراند انتخاب و از بيرون دايره شروع به رنگ كردن داخل دايره ها ميكنم . مد لايه بايد برابر با overlay قرار بگيرد .

اين هاله را بدون مد لايه Overlay قرار ميدهم

8. در مرحله بعدي از يك تصوير استفاده ميكنم . روش كار به اين صورت هست كه ابتدا تصوير را وارد هدر كرده و با فشردن كليدهاي Ctrl+T اندازه آن را برابر با كل صفحه قرار ميدهم

كمي تصوير را به طرف پايين كادر ميكشم

مد لايه را برابر با overlay قرار ميدهم

9. حالا بايد براي محو كردن قسمت هاي اضافي ابتدا ابزار Brush را انتخاب كرده سپس رنگ فورگراند را برابر با مشكي قرار بدهيد . سپس يك لايه ماسك به تصوير وارد شده اضافه و از بيرون كادر شروع به محو كردن قسمت هاي اضافي ميكنم

10. ابزار تايپ Horizontal Type Tool را انتخاب كرده و متن مورد نظر را همانند تصوير زير تايپ ميكنم .درصد رنگ متن آبي 00aef1

11. من متن اول را در يك لايه و متن دوم كه كوچكتر هست را در يك لايه مستقل فتوشاپ تايپ كرده ام . روي لايه اول دابل كليك كرده و تنظيمات پيش فرض را همانند تصوير زير تغيير بدهيد  .

12. در مرحله آخر هم 2 تصوير از اينترنت دانلود كرده ام هر دو را روي هدر سايت قرار ميدهم. قدت داشته باشيد كه شما مي توانيد از تصوير دلخواه همراه با متن فارسي استفاده كنيد و نيازي نيست كه حتما عين آموزش عناصر را در صفحه قرار بدهيد .

منبع: http://www.learning.asarayan.com/education/software-training/toturial-photoshop.html