آموزش گرافیک: طراحی 10 بنر محصول در فتوشاپ photoshop web banners

به این دوره از آموزش گرافیک در فتوشاپ خوش اومدی!

با این دوره جذاب و پروژه محور، طراحی 10 بنر ثابت طرح محصول رو یاد میگیری.

موضوعی که بیشتر مشتری رو داره و هر کسب و کاری بهش نیاز داره.

یکی از مهارت های خیلی مهم یک گرافیست اینه که بتونه از یک صفحه خالی طرحی جذاب برای معرفی محصول و جذب مخاطب طراحی کنه.

این مهارت فقط با تمرین بدست میاد.

و این دوره می تونه اولین قدم برای شروع بوجود آوردن این مهارت در خودت باشه!

لیست طرح ها و پروژه های دوره آموزش گرافیک و طراحی بنر محصول :

تو این دوره سعی شده تا سبک های مختلف طراحی بکار گرفته بشه.

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

که هر کدوم باعث الهام گیری و رسیدن به ایده های متفاوت در همون سبک میشه.

1. آموزش گرافیک: طراحی بنر محصول طرح کفش در فتوشاپ

اولین طرح از این دوره، یک طرح محصول کفش زیبا بصورت گوشه گرد هست.

این طرح برای جذب کاربر به صفحه اطلاعات محصول طراحی شده و در هر قسمت از سایت میشه ازش استفاده کرد.

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

بعد از مشاهده ویدیو آموزشی این بنر می تونی هم بصورت گوشه گرد هم گوشه تیز از این تصویر خروجی بگیری.

فونت های استفاده شده : Gotham / Beattingvile / Iran Yekan

2. آموزش گرافیک: طراحی بنر محصول طرح هدفون در فتوشاپ

طرح بعدی این دوره بنر معرفی این هدفون هست.

این هدفون دارای 3 رنگ برای فروشه که در داخل طرح به خوبی از همون رنگ ها برای معرفی محصول استفاده شده.

3 رنگی که معرف و رنگ برند تبلیغاتی این محصول هستن!

بجای قرار دادن سه تصویر تکراری در رنگ های مختلف، اینجا تصاویر رو به شکل جذابی با هم ترکیب کردیم.

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

فونت های استفاده شده : Open Sans / Iran Yekan

3. آموزش گرافیک: طراحی بنر محصول طرح آیفون در فتوشاپ

تو طراحی تصاویر تبلیغاتی برای تکنولوژی و گوشی استفاده از رنگ های لایت و محدود معموله.

اینجا هم یک طرح بسیار ساده با یک بکگراند زیبا طراحی شده تا تمرکز کاربر بیشتر بروی خود محصول یعنی گوشی iPhone 13 Pro متمرکز بشه.

این تصویر با فرض بر استفاده برای کاور یک مطلب نقد و بررسی گوشی طراحی شده.

ولی با تغییر متن فارسی میشه برای هر جایی حتی فروش گوشی هم استفاده کرد.

وقتی طراحی این طرح رو یاد بگیری و تمرینش کنی، خودت می تونی بخش های مختلفی رو برای نمایش اطلاعات بیشتر از گوشی بهش اضافه کنی.

فونت های استفاده شده : SF Pro Display / Iran Yekan

4. آموزش گرافیک: طراحی بنر محصول طرح کفش در فتوشاپ

طرح ساده و زیبای بعدی که بصورت فلت (Flat) کار شده برای معرفی یک محصول کفش هست.

چون محصول از همکاری Reebok و National Geographic بوده، از لوگو و رنگبندی NG برای طراحی و معرفی محصولات مرتبط به این شرکت استفاده شده.

طرح زیبایی که بخوبی نشون دهنده ارتباط محصول با National Geogarphic هست و در یک نگاه قابل تشخیصه.

طراحی این بنر خیلی آسونه ولی نکات و جزئیات ریزی داره که می تونه برای افراد سطح مبتدی و متوسط مفید باشه.

فونت استفاده شده : Gotham

5. آموزش گرافیک: طراحی بنر محصول طرح میکروفون در فتوشاپ

یک طرح زیبا با رنگبندی جذاب برای معرفی یک محصول میکروفون که در مرکز بنر قرار گرفته.

چون این محصول یکی از محبوب ترین و معروف ترین میکروفون های موجود هست، در واقع یک میکروفون شناخته شده هست.

هدف اصلی از طراحی بنر، نمایش نام شرکت تولید کننده یا مدل محصول انتخاب شده نیست!

بلکه اینجا هدف ترکیب برند، مدل و تصویر محصول برای تولید یک طرح هنری زیبا از این میکروفون هست.

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

چرا که خود عکس محصول بخاطر سفید بودنش به تنهایی کانتراست بالایی در طرح نداره.

فونت های استفاده شده : Gotham / Hey October

6. آموزش گرافیک: طراحی بنر محصول طرح فست فود در فتوشاپ

استفاده از رنگ های گرم برای بنر های تبلیغاتی فست فود و غذا خیلی معموله.

که اینجا هم دقیقا همین کارو انجام دادیم.

یک طرح جذاب از یک برند فرضی "همبرکده" برای فروش همبرگر.

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

افکت زمینه، استایل متن ها، تگ "جدید" و خود تصاویر همگی نکات ریزی دارن که موقع تماشای ویدیو آموزشی کامل همه رو آموزش میبینی.

فونت استفاده شده : Iran Yekan

7. آموزش گرافیک: طراحی بنر اپلیکیشن طرح فوتبال در فتوشاپ

یک بنر خیلی شیک و جذاب برای معرفی یک اپلیکیشن فرضی مرتبط به ورزش و فوتبال.

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

اینجا با استفاده از یک رنگبندی محدود طلایی و سفید تونستیم این طراح زیبا رو آماده کنیم.

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

فونت های استفاده شده : Open Sans / Iran Yekan

8. آموزش گرافیک: طراحی بنر محصول طرح عروسک در فتوشاپ

بنر های این شکلی رو تو سایت های فروشگاهی خیلی میبینی.

که یک تصویر محصول نمونه به همراه عنوان و دکمه Call to Action در بنر بکار گرفته میشه.

معمولا برای معرفی یک دسته بندی از محصولات یا تخفیف ها چنین بنر هایی طراحی میشن.

تو این ویدیو یک نمونه زیبا برای دسته بندی عروسک رو کار می کنیم.

فونت استفاده شده : Iran Yekan

9. آموزش گرافیک: طراحی بنر محصول طرح هدفون در فتوشاپ

بعضی وقتا که بنر برای یک محصول خاص نیست و برای چندین محصول یا یک دسته بندی از محصولات شرکت هست، می تونیم تصویر محصول رو با افکت های مختلف تغییر بدیم.

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

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

فونت های استفاده شده : Gotham / Pacifico

10. آموزش گرافیک: طراحی بنر محصول طرح بازی در فتوشاپ

تو ویدیو شماره 10 این دوره، طراحی این بنر زیبای لپ تاپ گیمینگ/بازی رو یاد میگیری.

یک طرح بنر جذاب با رنگبندی خود تصویر نمونه لپ تاپ.

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

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

وقتی طراحیش کردی حتما سعی کن برای تمرین بیشتر رنگ های دیگه ای از همین بنر رو هم آماده کنی.

فونت های استفاده شده : Open Sans / Lato / Impact / Iran Yekan

فایل های مورد نیاز دوره آموزش گرافیک

بعد از اینکه این دوره رو خریدی، تو صفحه همین دوره، فایل های مورد نیاز برای طراحی این بنر ها رو دانلود کن تا بتونی در کنار تماشای ویدیو های آموزشی، خودت هم هر یک از بنر ها رو طراحی و تمرین کنی. برای طراحی تمام این بنر ها ما فقط از خود نرم افزار فتوشاپ (Photoshop) و تصاویری که در فایل های دوره قرار گرفته استفاده می کنیم.

نقد دوره

حتما تو همین صفحه نظرت رو درباره این دوره بنویس.

اگه تعداد نقد های مثبت از این دوره زیاد بشن قسمت 2 رو هم با 10 آموزش جدید دیگه آماده می کنیم.

امیدواریم که از تماشای این دوره لذت ببری.