ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

آموزش طراحی بنر Gif آسارایان با ابعاد 250×300 (طراحی) مطلب ویژه

توسط 11 تیر, 1394 3622 0

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

32 آموزش طراحی بنر Gif آسارایان با ابعاد 250300بنرهای تبلیغاتی با استفاده از دو فرمت Gif و SWF در ابعاد مختلف برای بخش های یک وب سایت طراحی می شود . طراحی هر دو فرمت بسیار کار زمان بر و در بعضی از مواقع مشکل می باشد .
من در مطالب قبلی 10 نمونه بنر برای شما شبیه سازی کرده ام . به دلیل وقت زیادی که اینکار می گیرد نمیتوانم به صورت دائم این نوع طرح ها را برای شما در سایت قرار بدهم . دراین بخش یک بنر با ابعاد 250×300 با فرمت Gif که برای فروشگاه آسارایان طراحی شده است را جهت مشاهده شما قرار میدهم . این آموزش بدلیل طولانی شدن به دو بخش طراحی و انیمیشن تقسیم شده است که بخش دوم چند ساعت دیگر در سایت قرار می گیرد . (بخش انیمیشن )

1. یک صفحه با ابعاد 250×300 با پس زمینه سفید ایجاد کنید .

1 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

2. ابزار Rectangle Tool را انتخاب کرده و دو کادر همانند تصویر زیر بکشید . هر کادر دارای مشخصات رنگی متفاوتی می باشد که برای تغییر رنگ باید از تصاویر زیر کمک بگیرید .
کادرهای کشیده شده باید نسبت به کادر اصلی بزرگتر باشند زیرا از Strok استفاده کرده ام و فقط باید خط وسط در لایه اصلی مشاهده شود .

2 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

3 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

4 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

5 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

6 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

تنظیمات کادر طوسی

7 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

8 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

9 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

 

3.در این مرحله با ابعاد 28pt فروشگاه آسارایان را با درصد رنگی 515050 تایپ میکنم . استفاده از فونت آزاد
3.1. سپس ابزار Custome Shape Tool را انتخاب کرده و آیکون فلش را با درصد رنگی c40000 در محل مشخص شده قرار میدهم.

10 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

11 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

 

4. سپس ابزار Line Tool را انتخاب کرده و با ضخامت 1 پیکسل دو خط با درصد رنگی cdd2d8 و FFFFFF درست زیر هم ترسیم میکنم .
4.1.یکبار دیگر ابزار تایپ را انتخاب و با فونت B yekan  ابعاد 15pt درصد رنگی 797979 یک متن را زیر خط تایپ میکنم . سپس متن تایپ شده را با فشردن کلیدهای Ctrl+J یک کپی از آن گرفته و درصد رنگی آن را به رنگ سفید تغییر میدهم. در مرحله بعدی متن سفید را به عنوان سابه کمی پایین تر از لایه متن اول همانند تصویر زیر قرار میدهم . درصد رنگی متن قرمز هم c63939 می باشد .

12 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

 

5. ابزار Rounded Rectangle Tool را با Radius 5px انتخاب و یک کادر همانند تصویر زیر بکشید . سپس بر روی لایه دابل کلیک کرده و تنظیمات پیش فرض را تغییر بدهید . 
5.1. یکبار دیگر ابزار تایپ را انتخاب و با فونت B yekan  ابعاد 11pt درصد رنگی cb0606 یک متن را زیر خط تایپ میکنم .

13 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

14 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

15 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

16 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

17 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

 6. در این مرحله ابزار Rectangle Tool را انتخاب کرده و یک کادر همانند تصویر زیر بکشید .سپس بر روی لایه دابل کلیک کرده و تنظیمات پیش فرض را تغییر بدهید .
6.1. بعد از کشیدن کادر باید یک متن به دلخواه در وسط آن تایپ شود . فونت B yekan را انتخاب کرده و با ابعاد 18pt و درصد رنگی fedd01 وFFFFFF 
 متن دلخواهتان را که می تواند یک شعار تبلیغاتی نیز باشد ، را تایپ کنید .
6.2. هر دو لایه را غیر فعال کنید .

18 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

19 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

20 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

21 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

7.ابزار Custome Shape Tool را انتخاب کرده و آیکون سبد خرید را با درصد رنگی FFFFFF در محل مشخص شده قرار میدهم.

22 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

8. در این مرحله ابزار Rounded Rectangle Tool را انتخاب کرده و یک کادر همانند تصویر زیر با درصد رنگی fe6500 بکشید .
8.1. کلید Ctrl را از روی صفحه کلید پایین نگه دارید .
8.2. یک لایه به غیر از کادر کشیده شده را انتخاب کرده و بر روی لایه کادراصلی کلیک کنید .
8.3. همانطور که مشاهده می کنید لایه اصلی به حالت انتخاب در می آید . ابزار rectangular Marquee Tool را انتخاب و تنظیمات آن را برابر با Subtract قرار بدهید . سپس نصف نایحه انتخاب شده را حذف و با ابزار سطل رنگ قسمت باقی مانده را با درصدرنگی ff862d کامل کنید .

23 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

24 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

25 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

26 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

27 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

بر روی لایه دابل کلیک کنید و تنظیمات پیش فرض را تغییر بدهید . 

28 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

29 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

30 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

یکبار دیگر ابزار تایپ را انتخاب و با فونت B yekan  ابعاد 11pt درصد رنگی ffffff یک متن را در کادر تایپ میکنم .

31 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

در مرحله آخر هم آیکون سکه را از طریق فایل PSD دانلود و در محل مشخص شده قرار بدهید .

32 آموزش طراحی بنر Gif آسارایان با ابعاد 250300

 دانلود فایل لایه باز آموزش

این مورد را ارزیابی کنید
(1 رای)
آخرین ویرایش در شنبه, 13 تیر 1394 ساعت 20:13
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا