مطالب تازه
خانه » طراحی بنر » آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

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

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

نکته:برای اینکار از ابزار Gradient Tool استفاده خواهیم کرد که این ابزار رو میتونید در جعبه ابزار پیدا کنید.
قدم دوم:
در این مرحله شما باید یک لایه جدید ایجاد کنید.
سپس از ابزار Polygonal Lasso Tool برای ساختن یک انتخاب استفاده میکنیم.بعد انتخاب این ابزار شما باید یک انتخاب مورب در قسمت چپ تصویر انجام بدید.مانند شکل زیر:03 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

 

 

حالا در حالی که روی لایه جدید هستیم اونو با رنگ پر میکنیم.یک گرادینت روشن…
رنگهای مورد استفاده من در این قسمت #۰۰۸۴e6 و #۰۰۳۹۶۷ هستند.حالا کارمون باید مثل شکل زیر بشه:04 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

 

روی لایه جدید راست کلیک کرده و گزینه ی Blending Options رو انتخاب کنید(برای این کار میتنید از دابل کلیک کردن روی لایه استفاده کنید).
بعد وارد شدن به این قسمت شما نیاز دارید تا تنظمیاتی مانند دو شکل زیر انجام بدید.05 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ 06 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

 

بعد انجام این تغییرات کارمون به این شکل درمیاد.

07 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

آخرین قسمت از این قدم اضافه کردن یک هایلایت شیشه ای به لایه گرادینت آبی هست.
این کار آسونه فقط شما باید با من این چهار مرحله رو قدم به قدم انجام بدید:
۱٫ یک لایه جدید ایجاد کنید.سپس لایه گرادینت آبی رو همراه با نگه داشتن کلید Ctrl از صفحه کلید انتخاب کنید.
۲٫ در حالی که روی لایه جدید هستید یک گرداینت سفید ایجاد کنید(در داخل انتخاب خودتون).
۳٫ بعد ایجاد گرادینت ،بهتره انتخابمون رو ۳۰ پیکسل پایینتر بیاریم(برای اینکار کلید شیفت رو از صفحه کلید نگه داشته و سه بار کلید جهت پایین رو فشار میدیم)سپس دکمه Delete رو میزنیم.
۴٫ مد این لایه رو به Soft Light تغییر میدیم و opacity لایه رو حدود ۳۰-۵۵%. قرار میدیم.

08 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

قدم سوم:
چطور جزئیات بهتری اضافه کنیم؟!
کارمون رو با استفاده از ابزار قلم(pen) برای ساخت یک مسیر دلنواز در پس زمینه در قسمت راست بنر شروع میکنیم.
ابتدا یک لایه جدید ایجا میکنیم.
بعد یک انتخاب زیبا میکنیم. 09 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

 

سپس کار رو با یک براش نرم کوچیک ادامه بدید و وسط کار رو یکم براش کنید و سپس مد لایه رو به Soft Light تغییر داده و در صورت نیاز opacity لایه رو کم کنید.

11 آموزش بنر تبلیغاتی حرفه ای با فتوشاپفونت استفاده شده در قسمت بالا RockWell نام داره که میتونید از DaFont به صورت مجانی پیداش کنید.
بعد تایپ متن مورد نظر تنظیماتی همانند دو شکل زیر به نوشته هاتون اضافه کنید.

12 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ13 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

که شکل به این صورت در میاد:14 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

 

قدم پنجم:
در این مرحله چند عکس کوچیک به قسمت راست بنر اضافه میکنیم یا شما میتونید چند توضیح متنی اضافه کنید.
من در آموزش از سه عکس از PhotoshopSpot استفاده کردم. سپس بهشون یکم Inner Glow و Stroke مانند تصویر زیر اضافه میکنم.

15 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ 16 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

قدم ششم:
در یکی از آخرین مراحل آموزش میخواهم یه چیزی به کار اضافه کنم که به قول معروف به چش کاربران بیاد.به همین منظور من یه نشان ستاره به همراه متن “GO” واسه کار در نظر میگیرم.

18 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

اول از همه چیز یه لایه جدید واسش ایجاد میکنم.
سپس برای ساختن نشان ستاره از ابزارPolygon Tool استفاده میکنم.
بعد، تنظیماتی که در تصاویر زیر آمده رو بهش اعمال میکنم.

19 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ 20 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ 21 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

الان شما کاری مثل شکل زیر دارین:

22 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

سپس بهش متن مورد نظرم رو اضافه میکنم و تغییرات زیر رو در اون اعمال میکنم:

23 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ 24 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

 

الان میشه مثل شکل زیر:

25 آموزش بنر تبلیغاتی حرفه ای با فتوشاپ

قدم آخر:
آخرین چیزی که فکر میکنم خوب باشه اضافه کردن یک حاشیه به کارمون باشه.من چنین حدس میزنم که اگه وبسایت شما قالبی سفید رنگ دارد بهتره از رنگ مخالف آن یعنی سیاه استفاده کنید و اگه سیاه بود از سفید.

25 آموزش بنر تبلیغاتی حرفه ای با فتوشاپپایان

 

 

 

درباره‌ی نرگس جلیلی

جوابی بنویسید

ایمیل شما نشر نخواهد شد.خانه های ضروری نشانه گذاری شده است. *

*

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">