بنر بالای مطالب

banner

آموزش طراحی بنر تبلت پرستیژو برای وب سایت

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

Header-Website-Prestigio-38

معمولا فروشگاههای اینترنتی برای افزایش فروش محصولات خودشان از بنرهای تبلیغاتی که مربوط به یک یا یک مجموعه محصول خاص می شوند استفاده می کنند . این بنرها با حساسیت ویژه ای باید طراحی شوند تا بازدید کننده با دیدن آن بر روی آن کلیک کند . به همین خاطر حتما طراح باید به این نکته دقت داشته باشد که از هارمونی رنگهایی استفاده کند که دارای جذابیت بصری بیشتری نسبت به رنگهای یکنواخت باشد .
ابعاد بنرها ، نسبت به ابعاد سایت تغییر می کند و دارای ابعاد استانداردی نمی باشد .
با توجه به توضیحاتی که داده ام میخواهم یک بنر برای تبلت 10 اینچی پرستیژو که جزو 10 برند برتر دنیا در فروش تبلت می باشد طراحی کنم . 

Header-Website-Prestigio-38

1. ابتدا یک صفحه با ابعاد 400×900 پیکسل ایجاد کنید . 

Header-Website-Prestigio-1

2. رنگ Foreground را برابر با مشکی قرار داده و با ابزار Paint رنگ پس زمینه را تغییر بدهید . 

Header-Website-Prestigio-2

3. ابزار Brush را با سختی قلم صفر و با اندازه 300 انتخاب کرده و به ترتیب رنگ فورگراند را با 4 درصد رنگی که در تصویر زیر قرار داده ام تغییر داده و 4 دایره کنار هم در یک لایه جدید بالای لایه مشکی رنگ ایجاد کنید .

Header-Website-Prestigio-3

Header-Website-Prestigio-4

4. یک صفحه جدید با ابعاد 80×80 پیکسل بدون پس زمینه  ایجاد کرده و یک دایره وسط کادر با ابزار Ellipse Tool بکشید . بعد از کشیدن دایره مورد نظر بر روی لایه ان دابل کلیک کرده و تنظیماتی که در تصاویر زیر قرار داده ام را تغییر بدهید . سپس باید بر روی لایه دایره کشیده شده کلیک راست کرده و گزینه Convert to smart object را انتخاب کنید . دایره کشیده شده باید تبدیل به یک قلم براش شود به همین دلیل از نوار ابزار بالای صفحه Edit>Define Brush Preset را انتخاب کرده و یک نام دلخواه برای قلم مورد نظر انتخاب کنید .  به تصاویر زیر دقت کنید

Header-Website-Prestigio-5

Header-Website-Prestigio-6

Header-Website-Prestigio-7

Header-Website-Prestigio-8

Header-Website-Prestigio-9 Header-Website-Prestigio-10

Header-Website-Prestigio-11

5. ابزار Brush  را انتخاب کرده و قلم جدید را از لیست قلم های پیش فرض انتخاب کنید . برای انتخاب قلم باید روی تصویر کلیک راست کنید . تنظیمات ابزار Brush  با کلید F5 فعال می شود . ابتدا تنظیمات را فعال سپس تغییرات مورد نظر را همانند تصویر زیر اعمال کنید . سپس یک لایه جدید ایجاد کرده و از قلم مورد نظر استفاده کنید . رنگ فورگراند برابر با سفید تنظیم شده باشد

Header-Website-Prestigio-12

Header-Website-Prestigio-13

Header-Website-Prestigio-14

Header-Website-Prestigio-15

Header-Website-Prestigio-16

6. فیلتر Blur > Gussion Blur را با تنظیمات مشخص شده بر روی لایه دایره که در مرحله قبل کشیدید اعمال کنید . مد لایه را نیز برابر با Overlay قرار بدهید 

Header-Website-Prestigio-17

Header-Website-Prestigio-18

Header-Website-Prestigio-19

Header-Website-Prestigio-20

7. یک لایه جدید بالای تمام لایه ها ایجاد کرده و از قلم براش با تنظیمات قبل یکبار دیگر استفاده کنید .مد لایه را برابر با Overlay قرار بدهید

Header-Website-Prestigio-21

Header-Website-Prestigio-22

8. در مرحله بعدی من یک تصویر از تبلت 10 اینچی پرستیژو در بر روی بنر قرار میدهم . بعد از قرار دادن تصویر تبلت بر روی لایه آن دابل کلیک کرده و تنظیمات مشخص شده را تغییر بدهید

Header-Website-Prestigio-23

Header-Website-Prestigio-24

Header-Website-Prestigio-25

Header-Website-Prestigio-26

Header-Website-Prestigio-27

9. ابزار Brush   را انتخاب کرده و از قلم ستاره با رنگ سفید استفاده میکنم.

Header-Website-Prestigio-28

10.ابزار تایپ را انتخاب کرده و متن مربوط به بنر را تایپ میکنم . سعی کنید از قلمی استفاده کنید که نسبت به بقیه قلم ها کمی ضخیم تر باشد . بعد از تایپ متن مورد نظر بر روی لایه آن دابل کلیک کرده و تنظیمات مشخص شده با کادر قرمز را تغییر بدهید  .

Header-Website-Prestigio-29

Header-Website-Prestigio-30

Header-Website-Prestigio-31

Header-Website-Prestigio-32

Header-Website-Prestigio-33

Header-Website-Prestigio-34

Header-Website-Prestigio-35

Header-Website-Prestigio-36

11. یک سری توضیحات دیگر اضافه میکنم . آیکون اندروئید را هم بعد از دانلود روی بنر قرار میدهم 

 Header-Website-Prestigio-37

Header-Website-Prestigio-38

 دانلود فایل PSD

آخرین ویرایش درپنج شنبه, 07 خرداد 1394 19:03

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

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا