login_logo2-4

آموزش طراحی هدر Galaxy tab برای وب سایت

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

فتوشاپ را اجرا کنید

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

business card ASARAYAN1

Header-Tutorials-ASARAYAN1

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

Header-Tutorials-ASARAYAN2

Header-Tutorials-ASARAYAN3

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

Header-Tutorials-ASARAYAN4

Header-Tutorials-ASARAYAN5

Header-Tutorials-ASARAYAN6

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

Header-Tutorials-ASARAYAN7

Header-Tutorials-ASARAYAN8

Header-Tutorials-ASARAYAN9

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

Header-Tutorials-ASARAYAN10

Header-Tutorials-ASARAYAN11

6. یک لایه جدید ایجاد رنگ برای را برابر با قرمز #fb0427 و مد لایه را برابر با Subtract قرار میدهم

Header-Tutorials-ASARAYAN12

Header-Tutorials-ASARAYAN13

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

Header-Tutorials-ASARAYAN14

Header-Tutorials-ASARAYAN15

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

Header-Tutorials-ASARAYAN16

Header-Tutorials-ASARAYAN17

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

Header-Tutorials-ASARAYAN18

Header-Tutorials-ASARAYAN19

کمی تصویر را به طرف پایین کادر میکشم

Header-Tutorials-ASARAYAN20

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

Header-Tutorials-ASARAYAN21

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

Header-Tutorials-ASARAYAN22

Header-Tutorials-ASARAYAN23

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

Header-Tutorials-ASARAYAN24

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

Header-Tutorials-ASARAYAN25

Header-Tutorials-ASARAYAN26

Header-Tutorials-ASARAYAN27

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

Header-Tutorials-ASARAYAN28

banner-galaxy tab samsung

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

مطالب مرتبط

فرم ورود کاربر

ابتدا باید وارد حساب کاربری خود شوید