با سلام

رسیدیم به بخش سوم آموزش ها از سری آموزش های ساخت بنر مترک gif ما دو جلسه از این آموزش ها رو طی روز گذشته ارائه دادیم و اکنون به ادامه آموزش ها و اصلی ترین مرحله آموزش ها رسیدیم
دوستانی که در مراحل قبلی با ما نبودن لطفا" برای شروع جلسات قبلی رو مرور کنند

آموزش ساخت بنر های متحرک gif(جلسه اول)

آموزش ساخت بنر های متحرک gif(قسمت دوم)




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


بخش 1 ساخت لایه گرافیکی تکست در سند جدید:

برای این کار طبق گام اول ارائه شده در جلسه دوم از قسمت فایل گزینه mew سندی مثلا" در ابعاد 350 عرض و 50 ارتفاع ایجاد می کنیم .
ابزار رسم مستطیل رو ایجاد می کنیم نشانگر موس رو بر روی صفحه ایجاد شده منتقل کرده و روی آن دوبل کلیک می کنیم تا پنجره مخصوص ابعاد ترسیم ظاهر شود ...
بعد از باز شدن پنجره تازه ابعاد 300 در 25 پیکسل رو وارد و تایید می کنیم بعد از ایجاد مستطیل طبق آموزش های قبل رنگ مستطیل ایجاد شده را طوسی متوسط انتخاب می کنیم


سپس با استفاده از دکمه های ترکیبی ctrl+j از لایه مستطیل مورد نظر کپی می گیریم و رنگ لایه کپی شده رو یک مقدار از لایه قبلی تیره انتخاب می کنیم
زمانی که لایه کپی کرده در حالت انتخاب است با استفاه از دکمه های ترکیبی ctrl+t به مستطیل پر رنگ تر زاویه 20 الی 25 درجه رو میدیم و از حالت انتخاب خارج می کنیم
توجه داشته باشید که در این مرحله باید از قسمت سمت راست لایه ها لایه مستطیل کم رنگ رو به بالا بکشیم تا بر روی تمام لایه ها قرار بگیرید




در ادامه کار نوشته مورد نظر رو با استفاده از ابزار متن بر روی طرح ساخته شده ایجاد می کنید و بعد از اتمام کار بکگراند کار رو خاموش می کنید تا نتیجه کار رو بدون بکگراند و پشت زمینه باشد
سپس از گزینه save for web... کار ساخته شده رو با فرمت png ذخیره کنید


نتیجه کار هم مثل عکس زیر در میاد




بخش 2 انتقال شکل ساخته شده به روی بنر اصلی:


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





همانطور که در تصویر هم نشون داده شد زمانبندی فریم ها رو هم مطابق شکل انجام در ادامه فریم اولی رو انتخاب و لایه مورد نظر رو به بالا ترین نقطه بنر انتقال می دهیم تا به طور کامل از دید پنهان شود و سپس فریم دومی رو انتخاب کرده لایه مورد نظر رو اونجایی که قراره باشه یعنی همون وسط بنر قرار بدین...
دو باره انتخاب رو بر روی فریم اولی قرار بدین حالا با استفاده از دکمه موجود در امکان تایم لاین که در تصویر زیر هم نشان داده شده است فریم ها رو به 3 قسمت تقسیم می کنیم که با دو فریم اصلی به 5 فریم تبدیل می شود




در ادامه کار از لایه شماره 5 کپی گرفته و اینبار بر روی فریم شماره 6 لایه مورد نظر رو از قسمت پایین کادر خارج می کنیم و بعد با انتخاب فریم شماره 5 از امکان تایم لاین مثل قبل تعداد فریم های خروجی رو به 5 می رسانیم
توجه داشته باشید که زمانبندی فریم ها به شکل زیر باشد.برای دیدن نتیجه کار هم می توانید از دکمه پلی در همان قسمت استفاده کنید




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

به طور مثال در ادامه چند لایه با نام های متفاوت به شکل نمونه زیر می سازید و ادامه کار را با همان آموزش ها از سر می گیرید



نتیجه کار این آموزش ها همین بنر پایینی ست که می بینید یک بنر حرفه ای و زیبا که شما هم می تونید با همین آموزش ها بهترین بنر ها رو بسازید موفق باشید

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

---

آموزش های آقا امیر در قالب pdf:
قسمت اول:
کلیک کنید
قسمت دوم:
کلیک کنید
قسمت سوم:
کلیک کنید

ممنون داداش واقعا برای افراد مبتدی مثل من یه آموزش کامل بود 

سلام . خیلی ممنون .
میشه بگین این کاری رو که گفتین چه طوری انجام بدیم؟
((توجه داشته باشید که در این مرحله باید از قسمت سمت راست لایه ها لایه مستطیل کم رنگ رو به بالا بکشیم تا بر روی تمام لایه ها قرار بگیرید))
یعنی چطوری لایه اولیه رو بکشیم بالا؟ من وقتی روی اون لایه کلیک میکنم چند تا گزینه میاد ! چیکار بکنم؟

(92-11-14، 10:12 عصر)وبلاگ نویس ارزشی نوشته است: سلام . خیلی ممنون .
میشه بگین این کاری رو که گفتین چه طوری انجام بدیم؟
((توجه داشته باشید که در این مرحله باید از قسمت سمت راست لایه ها لایه مستطیل کم رنگ رو به بالا بکشیم تا بر روی تمام لایه ها قرار بگیرید))
یعنی چطوری لایه اولیه رو بکشیم بالا؟ من وقتی روی اون لایه کلیک میکنم چند تا گزینه میاد ! چیکار بکنم؟

نباید کلیک راست بکنید
با کلیک چپ آن را بگیرید و به بالای لایه ها ببرید
(همانند انتقال فایلها و برنامه ها در دسکتاپ)

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

(92-11-16، 09:43 عصر)وبلاگ نویس ارزشی نوشته است: ببخشید از شما ولی من یک سوال دیگه داشتم چون هیچ اشنایی با فتوشاپ ندارم نمیدونم که چه جوری باید این کار رو بکنم :
انتقال شکل ساخته شده به روی بنر اصلی:
ممنون میشم بگید اینکارو چطوری انجام بدم.
ببخشید بابت این سوالات ساده

در فتوشاپ وقتی شما می خواهید تغییرات و یا ابزار ها برای یک لایه مورد نظر انجام دهید از سمت راست قسمت layer بر روی لایه مورد نظر کلیک می کنید تا فقط اون قسمت مورد نظر فعال شود ...
در مرحله بعد راحت ترین روش برای انتقال یک لایه با بالا و یا پایین گرفتن راست کلیک موس روی همان لایه و انتقال به سمت بالا هست در این حرکت لایه شما هر قدر بالا قرار بگیرد در طراحی اصلی شما هم بالا نشان داده می شود

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

خیلی خیلی ممنون .
ولی منظور من این بود که این عکس دوم رو که ساخیتم چه طوری منتقل کنیم روی عکس اصلی

منظورم این تصویر رو


چه طوری منتقلش کنیم روی عکس اصلی .؟

(92-11-17، 03:30 عصر)وبلاگ نویس ارزشی نوشته است: خیلی خیلی ممنون .
ولی منظور من این بود که این عکس دوم رو که ساخیتم چه طوری منتقل کنیم روی عکس اصلی

منظورم این تصویر رو


چه طوری منتقلش کنیم روی عکس اصلی .؟

خب من هم منظورم دقیقا" همین بود اگر جواب آخری منو به دقت بخونید و یه کم با فتوشاپ ور برین مشکلتون حل میشه