>

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

    توسط 30 فروردين, 1392 5563 اضافه کردن دیدگاه جدید

    در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

    banner-galaxy tab samsung

    چند وقتی هست که کاربران در خواست آموزش هدر برای وب سایت را از من درخواست کرده بودند که بدلیل کمبود وقت نتوانستم این آموزش را برای شما در این بخش قرار بدهم . امروز می خواهم اولین آموزش طراحی هدر برای یک وب سایت فروش کالاهای دیجیتال را آموزش بدهم .
    ابعاد هدر انتخابی بسته به عرض وب سایت می تواند متغیر باشد . من ابعادی که برای این بخش در نظر گرفته ام 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

    لینک دانلود :سرورمستقیم

    این مورد را ارزیابی کنید
    (0 رای‌ها)
    آخرین ویرایش در دوشنبه, 04 خرداد 1394 17:40

    آخرین مطالب آموزشی

    «
    • 1
    • 2
    • 3
    »
    © 2015 Your Company. All Rights Reserved. Designed By JoomShaper

    Please publish modules in offcanvas position.

    تک وب دیزاین-قالب فارسی جوملا