با سلام

رسیدیم به بخش سوم آموزش ها از سری آموزش های ساخت بنر مترک 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 می رسانیم
توجه داشته باشید که زمانبندی فریم ها به شکل زیر باشد.برای دیدن نتیجه کار هم می توانید از دکمه پلی در همان قسمت استفاده کنید




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

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



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