دوره های تخصصیگیف ها از خیلی قدیم وجود داشتن (احتمالاً از زمان شروع وب و اینترنت). گیف‌های متحرک روز به روز محبوب‌تر شدن و خیلی جاها مثل رسانه‌های اجتماعی میتونیم اونا رو ببینیم و به دیدنشون عادت کردیم.
اما ساخت گیف در افتر افکت چه جوریه؟ شما میدونین؟ خب، باید بگم که راه های مختلفی برای ساخت گیف در افترافکت وجود داره! من توی این مقاله راه های حرفه‌ای این کارو بهتون یاد میدم. آخر این مقاله، شما میتونین خودتون یه گیف بسازین و بهینه ش کنین و از اون برای پروژه هاتون استفاده کنین.
پس منتظر چی هستین؟ ادامه مقاله رو بخونین تا یاد بگیرین این کارو خیلی آسون و راحت انجام بدین.
دانش عمومی درباره انیمیشن گیف (Gif):
گیف چیه؟
یه گیف معمولا دنباله ای از چندین تصویر هستش که توی یه فایل گیف جمع آوری میشه.
چه جوری میتونیم یه گیف (GIF) بسازیم؟
4 راه برای ساخت گیف وجود داره:
- با کمک نرم افزارهای حرفه ای (فتوشاپ، افتر افکت، مدیا اینکودر، پریمیر)
- با کمک نرم افزار رایگان (Easy Gif Animator،Free Gif Maker،Falco Gif Animator،Animate Gif)
- با کمک برنامه ها و وب سایت های آنلاین (imgflip،giphy،makeagif،ezgif،imgur.com)
- با کمک برنامه های موبایل (Giphy Cam،Gifs Art)
فریم ریت در ثانیه / FPS برای یه گیف چقدره؟
برخلاف ویدیو، هیچ FPS استانداردی (فریم در ثانیه) برای گیف های متحرک یا فریم ریت ثابتی وجود نداره.
توی فتوشاپ میتونین سرعت 0.01 فریم در ثانیه و سرعت 1 فریم در 240 ثانیه رو انتخاب کنین.
اما 1 فریم در ثانیه بهتر هستش. ولی در آخر باید بگم که، این واقعا به انیمیشن شما بستگی داره. یادتون باشه که هرچه تعداد فریم‌های بیشتری داشته باشین، اندازه فایل GIF شما بیشتر میشه و کاربر با تاخیر بیشتری انیمیشن شما رو میبینه.
ساخت گیف در فتوشاپ:
ساخت گیف در فتوشاپ خیلی ساده اس. توی ادامه این مقاله مراحل این کارو که من معمولا ازشون استفاده میکنم رو بهتون میگم.
با فرض اینکه از قبل یه سری عکس توی یه پوشه آماده دارین، مراحل زیر رو انجام بدین:
برای وارد کردن یه سری عکس توی فتوشاپ روی File > Scripts > Load Files Into Stack کلیک کنین…
روی Browse کلیک کنین و همه تصاویر مورد نیاز برای GIF تتون رو انتخاب کنین.
یه بار روی OK کلیک کنین. فتوشاپ برای هر تصویر یه لایه ایجاد می کنه.
روی Windows > Timeline کلیک کنین.
حالا روی دکمه Create Video Timeline کلیک کنین.
الان باید همه لایه ها رو به تایم لاین فتوشاپ اضافه کنین.
روی نماد منوی تایم لاین () کلیک کنین.
Make Frames from Layers رو انتخاب کنین.
الان باید همه فریم های تصویر رو توی تایم لاین تون ببینین. تنها مشکل اینه که فریم ها برعکس هستن. برای معکوس کردن ترتیب فریم باید:
دوباره روی نماد منوی تایم لاین فتوشاپ () کلیک کنین.
Reverse Frames رو انتخاب کنین.
به طور پیش فرض، فتوشاپ 5 ثانیه به یه فریم اضافه می کنه. فقط روی فلش رو به پایین کلیک کنین و اون رو به زمان مورد نیاز تغییر بدین (برای اینکه بهتر متوجه بشین، دمو زیر رو میتونین ببینین.)
روی نماد منوی تایم لاین (
) کلیک کنین.Make Frames from Layers رو انتخاب کنین.
الان باید همه فریم های تصویر رو توی تایم لاین تون ببینین. تنها مشکل اینه که فریم ها برعکس هستن. برای معکوس کردن ترتیب فریم باید:
دوباره روی نماد منوی تایم لاین فتوشاپ (
) کلیک کنین.Reverse Frames رو انتخاب کنین.
به طور پیش فرض، فتوشاپ 5 ثانیه به یه فریم اضافه می کنه. فقط روی فلش رو به پایین کلیک کنین و اون رو به زمان مورد نیاز تغییر بدین (برای اینکه بهتر متوجه بشین، دمو زیر رو میتونین ببینین.)
پایین میتونین یه پیش نمایش از این گیفی که بالا مراحل ساختش رو گفتیم رو ببینین.
الان کار آماده اس فقط باید مراحل ذخیره فایل رو انجام بدین تا یه فایل گیف عالی داشته باشین. برای این کار باید:
پنجره Save for Web رو باز کنین و روی صفحه کلید تون دکمه های زیر رو فشار بدین:
ویندوز: ctrl + alt + shift + s
مک: cmd + opt + shift + s
برای پخش نامحدود و بدون توقف گیف تتون میتونین گزینه Forever رو توی پنجره «save for web» انتخاب کنین.
اگه دوست دارین ساخت گیف متحرک توی فتوشاپ رو تمرین کنین، میتونین تصاویر پرنده رو از اینجا دانلود کنین.
وارد کردن ویدیو توی فتوشاپ و ساخت گیف:
اره تعجب نکنین! فتوشاپ می تونه فایل های ویدیویی شما رو به یه فایل گیف تبدیل کنه!
در واقع، اگه بخواین دقیق تر بگیم، فتوشاپ 2017 میتونه انواع مختلفی از فرمت های ویدئویی مثل موارد زیر رو تبدیل به گیف کنه.
- .MXF
- .R3D
- .TS
- .VOB
- .VM
- .WMV
- .M4V
- .MOV
- .MP4
- .MPE
- .MPEG
- .MPG
- MTS
- .264
- .3Gp
- .3GPP
- .AVC
- .AVI
- .F4V
- FLV
با فرض اینکه فایل ویدیوی تون رو توی یه پوشه آماده دارین:
فتوشاپ رو باز کنین و به File > Open برین و فایل ویدیوتون رو انتخاب کنین.
بعد از باز شدن فایل، روی File > Export > Save for Web (Legacy) کلیک کنین…
اگه فتوشاپ ندارین، میتونین ویدیوتون رو توی وب سایت های محبوب مثل Giphy یا EZGIF آپلود کنین و به گیف تبدیلشون کنین.
روش اول: ساخت گیف در افتر افکت
روش اول: ساخت گیف در افتر افکت
روش 1 – دنباله ای از تصاویر رو توی افتر افکت آماده کنین و اونو توی فتوشاپ به گیف تبدیل کنین.
این روشیه که من توی افتر افکت برای ساخت گیف ازش استفاده میکنم. یکم خسته کننده اس، اما همیشه 100٪ جواب میده و شما کنترل خیلی زیادی روی گیف تون دارین.
رندر کردن تصاویر دنباله دار در افتر افکت:
مرحله اول: کامپ اصلی تون رو به پنجره Render Queue بکشین و رهاش کنین.
مرحله 2: تنظیمات صف رندر رو ویرایش و تنظیم کنین.
توی پنجره صف رندر، روی پیوند آبی Best Settings کلیک کنین.
توی قسمت فریم ریت (frame rate)، use this frame rate رو به 10 تغییر بدین. (اگه به انیمیشن گیف خیلی روون نیاز دارین، مقدارش رو بیشتر کنین.)
توی پنجره صف رندر، روی پیوند آبی Best Settings کلیک کنین.
توی قسمت فریم ریت (frame rate)، use this frame rate رو به 10 تغییر بدین. (اگه به انیمیشن گیف خیلی روون نیاز دارین، مقدارش رو بیشتر کنین.)
مرحله سوم: توی پنجره صف رندر، روی Lossless کلیک کنین.
فرمت رو به PNG Sequence تغییر بدین.
اگه نیاز به یه گیف متحرک با پس‌زمینه شفاف دارین، در قسمت Channels گزینه RGB+Alpha رو انتخاب کنین.
تازه ممکنه کامپ افتر افکت شما برای ساخت گیف خیلی بزرگ باشه. پس در صورت نیاز عرض و ارتفاع رو ویرایش کنین.
فرمت رو به PNG Sequence تغییر بدین.
اگه نیاز به یه گیف متحرک با پس‌زمینه شفاف دارین، در قسمت Channels گزینه RGB+Alpha رو انتخاب کنین.
تازه ممکنه کامپ افتر افکت شما برای ساخت گیف خیلی بزرگ باشه. پس در صورت نیاز عرض و ارتفاع رو ویرایش کنین.
مرحله چهارم: توی پنجره صف رندر، محل پوشه ای رو که می خواین دنباله تصویرتون بعد از خروجی گفتن اونجا قرار بگیره رو انتخاب کنین.
مرحله پنجم: روی Render کلیک کنین!
حالا فتوشاپ رو باز کنین.
مرحله اول: برای وارد کردن یه سری عکس توی فتوشاپ روی File > Scripts > Load Files Into Stack کلیک کنین…
مرحله دوم: روی Browse کلیک کنین و همه تصاویر مورد نیاز تون برای GIF رو انتخاب کنین.
مرحله سوم: بعد از این کار، روی OK کلیک کنین. فتوشاپ برای هر تصویر یه لایه ایجاد می کنه.
روی Windows > Timeline کلیک کنین.
روی دکمه Create Video Timeline کلیک کنین.
مرحله چهارم: الان باید همه لایه ها رو به تایم لاین فتوشاپ اضافه کنین.
روی نماد منوی تایم لاین () کلیک کنین.
Make Frames from Layers رو انتخاب کنین.
الان باید همه فریم های تصویر رو توی تایم لاین بتونین ببینین. تنها مشکل اینه که فریم ها برعکس هستن. برای معکوس کردن ترتیب فریم ها باید:
دوباره روی نماد منوی تایم لاین فتوشاپ () کلیک کنین.
Reverse Frames رو انتخاب کنین.
فتوشاپ به طور پیش فرض 5 ثانیه به یک فریم اضافه می کنه. فقط روی “فلش رو به پایین” کلیک کنین و او رو به زمانی که نیاز دارین تغییر بدین. (برای این که بهتر متوجه این مراحل بشین میتونین دموی پایین رو ببینین.)
روی نماد منوی تایم لاین (
) کلیک کنین.Make Frames from Layers رو انتخاب کنین.
الان باید همه فریم های تصویر رو توی تایم لاین بتونین ببینین. تنها مشکل اینه که فریم ها برعکس هستن. برای معکوس کردن ترتیب فریم ها باید:
دوباره روی نماد منوی تایم لاین فتوشاپ (
) کلیک کنین.Reverse Frames رو انتخاب کنین.
فتوشاپ به طور پیش فرض 5 ثانیه به یک فریم اضافه می کنه. فقط روی “فلش رو به پایین” کلیک کنین و او رو به زمانی که نیاز دارین تغییر بدین. (برای این که بهتر متوجه این مراحل بشین میتونین دموی پایین رو ببینین.)
مرحله پنجم: الان میتونین انیمیشن تون رو از فتوشاپ به صورت یه فایل گیف خروجی بگیرین.
پنجره Save for Web رو باز کنین و روی صفحه کلید تون فشار بدین:
ویندوز: ctrl + alt + shift + s
مک: cmd + opt + shift + s
برای ساخت یه گیف نامحدود و خود تکرار شونده، فراموش نکنین که Forever رو از توی پنجره save for web انتخاب کنین.
روش دوم: ساخت گیف در افتر افکت
روش دوم: ساخت گیف در افتر افکت
روش 2 – یه فایل فیلم رو توی افتر افکت رندر کنین و گیف رو از فتوشاپ خروجی بگیرین.
این روش دوم خیلی ساده تر از روش اول هستش، اما کنترل کمتری روی نحوه گیف شدن وجود داره. توی ادامه کامل اونو توضیح میدیم:
یکی از مواردی که می‌خواهم با این روش به اون اشاره کنم اینه که خیلی از افراد، از جمله خود من، موقع وارد کردن ویدیوها توی فتوشاپ با این پیام مواجه میشن:
“Could not complete your request because the DynamicLink Media Server is not available”.
راه حلی که من برای این مشکل پیدا کردم اینه که بررسی کنم فتوشاپ و مدیا اینکودر توسط یه نرم افزار امنیتی مسدود نشده باشن. توی سیستم من، Comodo ارتباط بین فتوشاپ و اینکودر رو مسدود کرده بود. اگه همچنان خطای dynamiclink رو دارین، توصیه می کنم از روش اول که بالا توضیحش دادم رو برای ساخت گیف استفاده کنین.
خب بیاین این روش رو یاد بگیریم!
رندر کردن کامپ افتر افکت به یه فایل Quicktime.mov:
- کامپ اصلی تون رو به پنجره Render Queue بکشین و رهاش کنین.
- روی Best Settings کلیک کنین و فریم ریت رو به 10 یا 15 تغییر بدین.
- روی Lossless کلیک کنین.
- فرمت، QuickTime رو انتخاب کنین.
- Codec باید H.264 باشه.
- اندازه کامپ تون رو به اندازه مورد نیاز تون تغییر بدین.
- صداش رو قطع کنین.
توی پنجره صف رندر، مقصد پوشه رو انتخاب کنین.
روی Render کلیک کنین!
حالا فتوشاپ رو باز کنین و به File > Open برین و فایل ویدیوتون رو انتخاب کنین.
بعد از باز شدن فایل، روی File > Export > Save for Web (Legacy) کلیک کنین…
ساخت گیف در پریمیر:
برای ایجاد یه گیف توی پریمیر، اول باید دنباله ای از تصاویرتون رو توی پریمیر ایجاد کنین و بعد از فتوشاپ استفاده کنین.
برای این کار باید مراحل زیر رو دنبال کنین:
در پریمیر:
- دنباله ای از تصاویر رو که می خواین اکسپرت کنین رو انتخاب کنین.
- روی File > Export > Media کلیک کنین.
- Adobe Media Encoder باز میشه.
- Format PNG رو انتخاب کنین.
- مسیر سیو فایل رو مشخص کنین.
- Export Setting رو باز کنین.
- فریم ریت رو به 10 تغییر بدین.
- روی Export کلیک کنین.
حالا فتوشاپ رو باز کنین.
برای وارد کردن یه سری تصاویر توی فتوشاپ، روی File > Scripts > Load Files Into Stack کلیک کنین…
روی Browse کلیک کنین و همه تصاویر مورد نیازتون رو برای ساخت GIF انتخاب کنین.
بعد از کلیک بر روی OK، فتوشاپ یه لایه برای هر تصویر ایجاد می کنه.
روی Windows > Timeline کلیک کنین.
روی دکمه Create Video Timeline کلیک کنین.
اکنون باید تمام لایه ها رو به تایم لاین فتوشاپ اضافه کنین.
روی نماد منوی جدول زمانی کلیک کنین.
Make Frames from Layers رو انتخاب کنین.
الان باید تمام فریم های تصویر رو توی جدول زمانی بتونین ببینین. تنها مشکل اینه که فریم ها برعکس هستن. برای معکوس کردن ترتیب فریم ها باید:
دوباره روی نماد منوی جدول زمانی فتوشاپ کلیک کنین.
Reverse Frames رو انتخاب کنین.
فتوشاپ به طور پیش فرض 5 ثانیه به یک فریم اضافه می کنه. فقط روی فلش رو به پایین کلیک کنین و اون رو به زمان مورد نیاز تغییر بدین. (برای درک بهتر مراحل بالا میتونین دمو زیر رو ببینین.)
روی نماد منوی جدول زمانی کلیک کنین.
Make Frames from Layers رو انتخاب کنین.
الان باید تمام فریم های تصویر رو توی جدول زمانی بتونین ببینین. تنها مشکل اینه که فریم ها برعکس هستن. برای معکوس کردن ترتیب فریم ها باید:
دوباره روی نماد منوی جدول زمانی فتوشاپ کلیک کنین.
Reverse Frames رو انتخاب کنین.
فتوشاپ به طور پیش فرض 5 ثانیه به یک فریم اضافه می کنه. فقط روی فلش رو به پایین کلیک کنین و اون رو به زمان مورد نیاز تغییر بدین. (برای درک بهتر مراحل بالا میتونین دمو زیر رو ببینین.)
پایین میتونین پیش نمایش گیف رو ببینین.
الان همه چیز برای خروجی گرفتن به صورت گیف آماده اس. برای این کار باید مراحل زیر رو طی کنین.
پنجره Save for Web رو باز کنین و روی صفحه کلید تون فشار بدین:
ویندوز: ctrl + alt + shift + s
مک: cmd + opt + shift + s
برای پخش نامحدود و خودکار گیف، فراموش نکنین که Forever رو توی پنجره save for web انتخاب کنین.
اگه دوست دارین ساخت گیف در فتوشاپ رو تمرین کنین، دنباله تصاویر پرنده رو میتونین از اینجا دانلود کنین.
ساخت گیف با کمک وب سایت:
همه افراد فتوشاپ یا افتر افکت ندارن تا بتونن با کمک اونا انیمیشن های گیف بسازن.
خوشبختانه، وب سایت های فوق العاده ای وجود دارن که به شما کمک میکنن از تصاویر یا ویدیوهاتون گیف بسازین. عالی نیست!
پایین یک سری وب سایت ها رو برای این کار بهتون پیشنهاد میکنیم:
چه جوری یه گیف متحرک رو بهینه کنیم؟
اندازه فایل های متحرک GIF گاهی اوقات خیلی سنگین میشن. پس بهتره قبل از استفاده ازشون، بررسیشون کنین که GIF های شما بهینه شده باشن تا بازدیدکنندگان شما وقت زیادی رو برای دانلود شدن گیف صرف نکنن. همچنین به پهنای باند سرور هم کمک می کنه تا تحت فشار قرار نگیره.
چند نکته برای بهینه سازی گیف های شما وجود داره که باید قبل از آپلود انیمیشن گیف تون به صورت آنلاین بررسی شون کنین.
- عرض و ارتفاع رو کاهش بدین (گیف رو برش بدین): هرچه گیف شما بزرگتر باشه، سنگین تر هم میشه. سعی کنین عرض و ارتفاع رو برش و کاهش بدین.
- حذف فریم های اضافی: فایل GIF تون رو توی فتوشاپ باز کنین و بررسی کنین که هیچ فریم اضافی یا فریم غیر ضروری وجود نداشته باشه. معمولا فریم های یکسان یا چندگانه توی گیف وجود داره که میشه اونا رو برای کم کردن حجم گیف حذف کرد.
- فریم ریت رو کاهش بدین: گیف تون رو با هر نرم افزاری که ساختین، برین و مطمئن بشین که توالی تصویر تون رو با فریم ریت کمتر هم میشه خروجی بگیرین.
- کاهش رنگ: وقتی توی فتوشاپ “save for web” می کنین، گاهی اوقات به 256 رنگ نیاز ندارین. فقط رنگ رو کم کنین. این کار به کاهش حجم فایل شما کمک می کنه.
- ابزارهای آنلاین: ابزارهای آنلاین خیلی خوبی برای کمک به کاهش اندازه فایل و بهینه سازی گیف های شما وجود داره مثلا برای این کار میتونین سایت EZGIF.com رو امتحان کنین.
- شفافیت: بسته به انیمیشن تون، با شفافیت میتونین بازی کنین و ببینین که آیا کمک می کنه حجم فایلتون کم بشه یا نه.
سخن پایانی:
امیدواریم از توضیحات درباره آموزش ساخت گیف در افتر افکت، فتوشاپ و پریمیر اطلاعات کافی به دست اورده باشین. اگه سوالی داشتین همین پایین از ما بپرسین. راستی اگه دنبال یادگیری افتر افکت هستی ما میتونیم بهت کمک کنیم چون کلی آموزش های خفن توی این زمینه داریم.
اگه هم میخوای توی حرفه موشن گرافیک متخصص بشی ولی نمی‌دونی از کجا شروع کنی، موشن گورو بهت کمک میکنه تا موشن گرافیک رو سریع و تخصصی یاد بگیری.
فقط کافیه به قسمت محصولات آموزشی سایت بری، اونجا کلی آموزش عالی داریم تازه آموزش های رایگان زیادی هم داریم که بهترین راه برای شروع این مسیره. پس منتظر چی هستی همین الان استارت کارت رو بزن.
اگه هم برای کسب و کارت نیاز به یه ویدیو موشن گرافیک قوی داری، همین امروز سفارش موشن گرافیکت رو ثبت کن.
با دادن امتیاز به این مقاله، خودتون پنج تا ستاره بگیرین!
Rating 5.00 from 7 votes
1 دیدگاه برای “آموزش ساخت گیف در افتر افکت، فتوشاپ و پریمیر ”
مفیدو عالی بود مطالب تون