• 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ساخت یک بنر تبلیغاتی حرفه ای با فتوشاپ
#1
بسم الله الرحمن الرحیم

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

[عکس: 01.jpg]

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

[عکس: 02.jpg]

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

[عکس: 03.jpg]

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

[عکس: 04.jpg]

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

[عکس: 06.gif]

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

[عکس: 07.jpg]

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

[عکس: 08.jpg]
در بين تمامي مردم تنها عقل است كه به عدالت تقسيم شده زيرا همه فكر مي‌كنند به اندازه كافي عاقلند!!!
  پاسخ
تشکر شده توسط : cyletech admin farhadfery newsinanas
#2
قدم سوم:
چطور جزئیات بهتری اضافه کنیم؟!
کارمون رو با استفاده از ابزار قلم(pen) برای ساخت یک مسیر دلنواز در پس زمینه در قسمت راست بنر شروع میکنیم.
ابتدا یک لایه جدید ایجا میکنیم.
بعد یک انتخاب زیبا میکنیم.

[عکس: 09.gif]

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

[عکس: 10.jpg]

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

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

[عکس: 12.gif]
[عکس: 13.gif]

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

[عکس: 14.jpg]

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


[عکس: 15.gif]
[عکس: 16.gif]
در بين تمامي مردم تنها عقل است كه به عدالت تقسيم شده زيرا همه فكر مي‌كنند به اندازه كافي عاقلند!!!
  پاسخ
تشکر شده توسط : cyletech admin newsinanas
#3
قدم ششم:
در یکی از آخرین مراحل آموزش میخواهم یه چیزی به کار اضافه کنم که به قول معروف به چش کاربران بیاد.به همین منظور من یه نشان ستاره به همراه متن “GO” واسه کار در نظر میگیرم.

[عکس: 18.jpg]

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

[عکس: 20.gif]

[عکس: 21.gif]

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

[عکس: 22.jpg]

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

[عکس: 23.gif]

[عکس: 24.gif]

الان میشه مثل شکل زیر:
[عکس: 25.jpg]

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

[عکس: 01.jpg]

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

ممنون
میتونید فایل PSD این اموزش رو از اینجا دریافت کنید.

همچنین این آموزش رو به صورت PDF آماده کرده و در اختیار علاقه مندان قرار دادیم.
دریافت فایل PDF
در بين تمامي مردم تنها عقل است كه به عدالت تقسيم شده زيرا همه فكر مي‌كنند به اندازه كافي عاقلند!!!
  پاسخ
تشکر شده توسط : admin farokh newsinanas shahram


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان