×

تماس با ما

آموزش ساخت بنر حرفه ای تبلیغاتی برای وبسایت و وبلاگ ها

سلام خدمت بازدید کنندگان عزیز . در آموزش امروز ما ساخت بنر تبلیغاتی رو یاد میگیرید ؛ آموزش مختص وبسایت و وبلاگ داران عزیز هستش. درسته نوشتیم حرفه ای اما باز هم سعی کردیم تا حد ممکن ساده ساده توضیح بدیم تا مبتدیان باز هم بتونند انجام بدند. زمان مورد نیاز برای انجام آموزش کمتر از 1 ساعت هستش . تمامی ابزار هایی که در اموزش نیازه و به کار میره در فایلی همراه قرار گرفته که با لینک مستقیم قابل دانلود هست. سعی کردیم یک مدل تقریبا پابلیک و پر کاربرد هست رو آموزش بدیم که برای اکثر وبسایت ها مناسب هستش و تمامی فایل های مورد نیاز برای دانلود گذاشته شده . با ما در ادامه باشید

 شرح آموزش

سطح آموزش :  پیشرفته
مدت زمان انجام :  60 دقیقه

گام اول

فتوشاپ رو باز کنید.

سپس به قسمت  file/new  بروید و اندازه مورد نظر خود را بدهید ، یا از اندازه های ما استفاده کنید. 0حالا بر روی لایه بکگراند کلیک کرده و ctrl+shift+n  را بزنید.  { این دستور را به یاد داشته باشید } این دستور ایجاد یه لایه کاری جدید میباشد . اسم لایه جدید را در کادر ظاهر شده>> رنگ پس زمینه <<بگذارید.

1

حال در کادر ایجاد شده کلیک نمایید و سپس به قسمت edit/fill  بروید و در قسمت use  بر روی color  بروید و کد ff8702  را بزنید و اوکی کنید.

 2

حال یه لایه دیگر بسازید و اسم انرا طرح پس زمینه 1 بگذارید.  حال برای صرفه جویی در زمان ما نیز این براش را ساختیم . میتوانید از آن استفاده کنید.

حال براش  از لینک زیر دانلود کنید و آن را نصب کنید.

دانلود با لینک مستقیم

{ با کلیک کردن بر روی آن }

3گام دوم

سپس brush tool  را از سمت چپ انتخاب کنید. این براش را انتخاب کنید و f5  را بزنید تا تنظیمات براش برایتان ظاهر شود.

{ در صورتی که f5  را زدید و عمل نکرد به قسمت windows  بروید و تیک مربوط به براش را بزنید }

4حالا تنظیمات را مانند شکل زیر انجام دهید.

5 6

سپس foreground color  را بر روی ff7e00  قرار دهید مانند شکل زیر

7

حال بر روی تصویر بکشید. { بر روی بالاترین لایه }

8

حال میزان اوپسیتی یا تیرگی ان را به 60 درصد کاهش دهید.

9

یه لایه دیگر بسازید و نام آن را طرح پس زمینه 2 بگذارید.

10

اینبار سایز  براش را بر روی 100 قرار دهید. {با همان تنظیمات قبلی }

11سپس بر روی تصویر بکشید تا نهایتا شکل زیر درست شود.

12حال فونت spy agency  را در داخل فایل همراه { فایل پی دی اف }  و یا از لینک زیر { سایت }  دانلود نمایید

دانلود با لینک مستقیم

گام سوم

حال t  را زده و فونت مورد نظر را انتخاب نمایید با تنظیمات زیر

13

14

سپس کلمه v  را تایپ کرده . { الزامی نیست میتوانید اسم سایت خود را تایپ کرده اما ما چون هدفمون نشون دادن vip  یک سایت هست لذا 3 کلمه vip  را خواهیم  نوشت}

حال بار دیگر t  را زده و کلمه بعدی را تایپ نمایید و به همین ترتیب  { چرا یکدفعه همه کلمه ها رو ننویسیم ؟ چون ما میخواهیم کلمه ها را کمی بالا پایین قرار بدیم و این زمانی قابل اجراست که هر کلمه در داخل یک لایه باشد }

15حال بر روی  لایه کلمه v   کلیک راست کرده و blending option  را بزنید. سپس تنظیمات مربوط به ان را انجام دهید. 16 17 18 19سپس بر روی لایه v کلیک راست کرده و copy layer style  را زده سپس به لایه های بالایی که شامل حرف های بعدی نیز میباشد بروید و بر روی انها کلیک راست کرده و paste layer style  را بزنید.

 20 21

نتیجه

22حال با همین فونت اسم سایت خود را به طور کامل در زیر قسمت vip  بنویسید.

23بر روی  لایه ان کلیک راست کرده و blending option  را بزنید و مانند زیر 24 25

سپس با همین فونت کلمه های کلیدی مربوط به سایت خود را بر روی بنر بنویسید. مانند شکل زیر

گام چهارم

26

سپس بر روی بالاترین لایه خود کلیک کرده و ctrl+shift+n  را زده و اسم لایه جدید را حاشیه قرار دهید.

28

سپس ابزار rectangular marquee tool  را انتخاب کنید و با نگه داشتن شیفت shift  بر روی تمامی کلمه های کلیدی یه کادر بکشید مانند شکل زیر

{ نگه داشتن شیفت باعث حذف نشدن سلکت ها میشود }

2729

سپس بر روی لایه کلیک رده و edit/fill  بروید و در کادر ظاهر شده از قسمت use   و انتخاب color رنگ ان   را بر روی قرمز قرار دهید و اوکی کنید.

30

با ctrl+d  از حالت سلکت خارج شوید. حالت لایه را بر روی soft light   تغییر دهید و میزان تیرگی را بر روی 70 درصد قرار دهید.

31

حال بر روی لایه اش کلیک راست کرده و blending options  را زده و مانند زیر

{ تیک inner glow و outer glow  را بزنید کافیست نیازی به تنظیمش نیست }

32

نتیجه شکل زیر خواهد شد

33گام پنجم

حال یه لایه دیگر بسازید و اسم ان را اتصال قرار دهید.

34براش را انتخاب کنید. Brush tool  و سپس f5  را زده تا کادر تنظیمات باز شده و مانند شکل زیر عمل کنید.

35

سپس ابزار pen tool  را برداشته ! و مانند شکل زیر کلمه های کلیدی را به هم با 2 نقطه وصل کنید. سپس بر روی کلیک راست کنید در همان حالت و storke path  را بزنید و براش را انتخاب نمایدی و اوکی .

3637

سپس دوبار کلیک راست نمایید بر روی همان و delete path  را بزنید { یا در cs6  1 تا 2 بار بر روی delete  کیبرد فشار دهید}

  38

حال همین کار را با مابقی کلمه های کلیدی در همین لایه انجام بدید تا سر انجام شکلی شبیه زیر درست کرده باشید .

39

حال لایه جدید دیگری ایجاد کرده و اسم ان را حاشیه متن بذارید. سپس brush tool  را انتخاب کرده و مانند شکل زیر تنظیماتش را انجام دهید .

40

41رنگ آن را هم مانند شکل زیر مرتب کنید و سپس با براش دور متن اصلی را بکشید .

42سپس میزان اوپسیتی لایه حاشیه متن را بر روی 40 درصد قرار بدید . بعد از ان بر روی ان کلیک راست کرده و blending options  را بزنید و مانند شکل زیر

43

گام ششم

حال براش زیر را دانلود کنید و آن را نصب کنید.

دانلود با لینک مستقیم 

سپس یه لایه جدید دیگر بسازید و اسم آن را براقیت بگذارید.

 44سپس brush tool   را بار دیگر انتخاب نمایید.

حال براش را که نصب کردید یکی از آنها را انتخاب نمایید که شکل زیری میباشد و سایز مناسب 45

در همین لایه بر روی کاور بروید { با همان رنگ قبلی / دست نزنید } و بر روی کاور در قسمت های اتصال کلیک کنید.

46

سپس میزان اوپسیتی یا همون تیرگی رو بر روی 20 درصد بذارید.

47

حال ایه لایه جدید دیگه ایجاد کنید اسمشو بذارید براقیت 2 . سپس brush tool  رو فعال کنید و براش زیر رو انتخاب کنید.

49

48

با همین رنگ دور تا دور لایه متن رو بکشید  و سپس میزان اوپسیتی لایه اش رو بر روی 90 درصد بذارید. 50حال لایه دیگری ساخته و براش زیر را انتخاب نمایید.

51

بر روی کلمه های کلیدی و مستطیل های دورش بکشید و میزان اوپسیتی رو کمی کم کنید.

52

میتوانید قسمت های دیگری هم اضافه کنید. اختیاری است مثلا کد تخفیف یا …..

53در انتها هم به سراغ لایه > رنگ پس زمین < رفته بر روی آن کلیک راست کنید و سپس مانند شکل زیر

54نتیجه نهایی tutorial by hossein.tori

دیدگاه کاربران(0)

ارسال دیدگاه