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

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

قدم اول:
در اولین قدم شما ابتدا باید یک سند از طریق File > New در اندازه 460 پیکسل عرض و 60 پیکسل طول ایجاد کنید.
حالا بهتره که یک پس زمینه خوب برای این لایه ایجاد کنیم.برای این کار من از یک رنگ نارنجی خوب انتخاب میکنم.رنگهای مورد استفاده من در این قسمت #e14d0f و #4d1805 خواهند بود.

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

حالا در حالی که روی لایه جدید هستیم اونو با رنگ پر میکنیم.یک گرادینت روشن...
رنگهای مورد استفاده من در این قسمت #0084e6 و #003967 هستند.حالا کارمون باید مثل شکل زیر بشه:

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

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

آخرین قسمت از این قدم اضافه کردن یک هایلایت شیشه ای به لایه گرادینت آبی هست.
این کار آسونه فقط شما باید با من این چهار مرحله رو قدم به قدم انجام بدید:
1. یک لایه جدید ایجاد کنید.سپس لایه گرادینت آبی رو همراه با نگه داشتن کلید Ctrl از صفحه کلید انتخاب کنید.
2. در حالی که روی لایه جدید هستید یک گرداینت سفید ایجاد کنید(در داخل انتخاب خودتون).
3. بعد ایجاد گرادینت ،بهتره انتخابمون رو 30 پیکسل پایینتر بیاریم(برای اینکار کلید شیفت رو از صفحه کلید نگه داشته و سه بار کلید جهت پایین رو فشار میدیم)سپس دکمه Delete رو میزنیم.
4. مد این لایه رو به Soft Light تغییر میدیم و opacity لایه رو حدود 30-55%. قرار میدیم.

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

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

قدم چهارم:
توضیحات متنی خودتون رو در قسمت چپ بنر با استفاده از ابزار Horizontal Type Tool, اضافه کنید.متن خودتون رو با رنگ سفید تایپ کنید.

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

که شکل به این صورت در میاد:

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

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

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

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

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

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

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

پایان
از همه عزیزانی که وقت گذاشتند و این آموزش رو مطالعه کردند تشکر میکنم.
لطفا نظرات یا پیشنهادتون رو در هر چه بهتر شدن آموزش های بعدی با من در میان بزارید.

ممنون

بازگشت به صفحه ی اصلی ومشاهده ی مطالب جدید

مطالب مرتبط : اصول طراحی وب ، آموزش نکات HTML ، تبادل لینک با رنک 3 ، آموزش CSS ، آموزش دریم ویور ، آموزش فرانت پیج ، جاوا اسکریپت ،معرفی CMS ها ، مرورگر، فایرفاکس، اوپرا، IE ،موتور های جستجوگر و SEO ، محصولات چند رسانه ای ، گرافیک و طراحی قالب ، آموزش فلش ، مهندسی نرم افزار ، برنامه نویسی دات نت ، آموزش زبان ASP کلاسیک ، آموزش کلدفیوژن ، روش طراحی وب آجاکس ، بانک اطلاعاتی اکسس ، وب سرویس ها ، برنامه نویسی موبایل ، نمونه کار های طراحی وب ، سایت های آموزشی ، سریالهای روزانه برای NOD32 ، سريال هاي روزانه براي Kaspersky ، كسب درآمد اينترنتي ، خدمات ايرانسل و وايمكس ، تغيير تصوير هدر وبلاگ ، افزايش سئو و بازديد ، قالب بلاگفا ، قالب ميهن بلاگ ، قالب بلاگ اسكاي ، رزبلاگ ، پرشين بلاگ ، اخبار کامپیوتر ، آپدیت Macafee ، كار با Word2007 ، كار با Word 2003 ، ساخت صفحه وب با HTML5وCSS 3.0 ، مرورگر ، اهمیت CSS ، نرم افزار بهینه سازی ، سریالهای روزانه AVG ، ویندوز 7 ، ویندوز XP ، نرم افزار های طراحی وب ، کتاب الکترونیکی ، تصاویر زیبا ساز وب ، مودم ، ترفندهای کامپیوتر ، ترفندهای اینترنت ، ترفندهای موبایل ،کد های وبلاگ ، لپ تاب،سخت افزار ،فروشگاه ، ،

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

مطالب مشابه :

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

آموزش گذاشتن تصویر ( اسلاید متحرک ) در بالای قالب وبلاگ

متحرک کردن لینکدونی و قسمت پیوندهای وبلاگ

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

تغيير عکس بالاي وبلاگ يا تغيير هدر

آموزش ساخت وبلاگ در بلاگفا

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

نمونه طراحی هدر انیمیشنی فلش برای وبلاگ صیادان شمال