آموزش استوری موشن حرفه‌ای در افترافکت

قطعا میدانید که استوری موشن بهترین انتخاب برای پیام تبلیغاتی در چند ثانیه است که منظور را به مخاطب منتقل می‌کند. اما سوال اصلی کاربران تک ادیتور این است که برای ساخت استوری موشن باید همه چیز را از صفر طراحی کرد؟ استوری موشن با ترکیب تصویر، متن، حرکت، صدا و ریتم ایجاد می‌شود و یک پیام ساده را به محتوایی جذاب‌تر و اثرگذارتر تبدیل کند. اما برای ساخت حرفه‌ای آن لازم نیست که همه چیز را از صفر طراحی کنیم. در این آموزش، قرار است یک پروژه واقعی را در After Effects از مرحله انتخاب و آماده‌سازی المان‌ها تا انیمیشن و خروجی نهایی پیش ببریم. با استفاده از المان‌های آماده، زمان طراحی کاهش پیدا کند و تمرکز اصلی روی اجرای درست موشن می‌باشد. به همین خاطر، انجام آن برای افراد تازه کار نیز ساده‌تر خواهد بود.

تفاوت استوری موشن، فست موشن و تکست موشن چیست؟

استوری موشن نام یک قالب یا کاربرد محتوایی است. این محتوای متحرک بیشتر برای استوری شبکه‌های اجتماعی بوده و معمولاً با ساختار عمودی طراحی می‌شود.

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

تکست موشن نیز، نوعی دیگر از محتوا است که روی متحرک‌سازی نوشته‌ها تمرکز دارد. برای مثال، ظاهر شدن کلمه‌ها، حرکت تیتر، تغییر اندازه یا محو شدن متن نمونه‌ای از تکست موشن است.

بنابراین یک استوری تبلیغاتی می‌تواند هم‌زمان تکست موشن، فست موشن و سایر عناصر موشن گرافیکی داشته باشد. اما این سه اصطلاح را نباید با یکدیگر اشتباه گرفت.

مراحل ساخت استوری موشن

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

مرحله اول؛ تنظیم ابعاد استوری اینستاگرام

برای شروع پروژه در نرم افزار افترافکت، ابتدا یک Composition جدید بسازید.

ابعاد استاندارد برای محتوای عمودی اینستاگرام 1080×1920 پیکسل با نسبت تصویر 9:16 است.

مدت زمان استوری موشن نیز به محتوای شما بستگی دارد، اما برای یک پیام تبلیغاتی کوتاه، بهتر است از همان ابتدا سناریو را فشرده طراحی کنید.

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

قبل از اینکه سراغ استوری موشن افترافکت بروید، مشخص کنید که پیام اصلی چیست؟ مخاطب قرار است چه چیزی ببیند؟ CTA یا دعوت به اقدام کجای استوری قرار می‌گیرد؟ کدام بخش باید بیشترین توجه مخاطب را جلب کند؟ موسیقی و افکت صوتی چه ریتمی دارند؟

در نظر داشته باشید که این مرحله ساده به نظر می‌رسد، اما یکی از مهم‌ترین بخش‌های ساخت استوری موشن است. زیرا نتیجه‌ی محتوای شما را تا حد زیادی مشخص می‌کند.

مرحله دوم؛ استفاده از المان‌های آماده

یکی از روش‌های سریع برای ساخت استوری موشن، استفاده از پروژه آماده استوری موشن یا المان‌های لایه‌باز است. در این روش، فایل‌های آماده را جایگزین طراحی تمام عناصر می‌کنیم. شما می‌توانید از فایل‌های آماده استفاده کنید و آن‌ها را مطابق هویت بصری پروژه تغییر دهید. برای مثال، در یک استوری تبلیغاتی فروشگاه می‌توانیم از تصویر محصول، Shapeهای گرافیکی، آیکون‌ها، بک‌گراند، فریم و المان تزئینی، تکست‌های آماده، ترنزیشن‌ها و… کمک بگیریم. مزیت این روش زمانی بیشتر مشخص می‌شود که قرار باشد برای یک پیج، تعداد زیادی استوری تولید کنیم. با این کار زمان اجرای پروژه کاهش پیدا می‌کند و مجموعه تک‌ادیتور، ابزارها و دوره‌های مرتبط با موشن گرافیک را ارائه می‌دهد.

مرحله سوم؛ ساخت ساختار استوری

اکنون سعی داریم برای یک محصول، یک استوری تبلیغاتی 10 تا 15 ثانیه‌ای بسازیم. ساختار آن می‌تواند بسیار ساده باشد‌.

• ثانیه 0 تا 2: ورود سریع بک‌گراند و المان اصلی
• ثانیه 2 تا 5: نمایش محصول و تیتر اصلی
• ثانیه 5 تا 9: نمایش ویژگی یا پیشنهاد ویژه
• ثانیه 9 تا 12: نمایش CTA
• ثانیه پایانی: خروج عناصر یا نمایش لوگو

این ساختار باعث می‌شود انیمیشن بدون هدف و شلوغ نباشد. در واقع، استوری موشن خوب الزاماً استوری‌ای نیست که در آن همه چیز حرکت کند. بلکه باید حرکات به انتقال پیام کمک کند. به همین خاطر است که ریتم استوری موشن اهمیت زیادی دارد.

مرحله چهارم؛ ساخت انیمیشن متن استوری

یکی از مهم‌ترین بخش‌های آموزش استوری موشن، تکست موشن است. برای تیتر اصلی آن، می‌توانید از Position، Scale و Opacity استفاده کنید. مثلاً متن ابتدا با Opacity صفر خارج از محدوده دید قرار داشته باشد و طی چند فریم وارد صحنه شود. اکنون توجه کنید که همه متن‌ها را با یک حرکت وارد نکنید. در ادامه برای تیتر اصلی می‌توانید از حرکت سریع استفاده کنید. در حالی که متن توضیحی با تأخیر کوتاه و حرکت نرم‌تر ظاهر شود. این اختلاف در حرکت باعث ایجاد سلسله‌ مراتب بصری می‌شود. همچنین استفاده از Easy Ease نیز می‌تواند حرکت کی‌فریم‌ها را طبیعی‌تر کند. در ادامه می‌توانید با Graph Editor سرعت حرکت را کنترل کنید. اما اگر متن بدون تغییر سرعت و با حرکت خطی جابه‌جا شود، نتیجه معمولاً خشک و آماتور به نظر می‌رسد. همین موارد را هنگام ساخت لوگو موشن باید رعایت کرد.

مرحله پنجم؛ ایجاد ریتم استوری موشن

همانطور که پیش‌تر اشاره کردیم، ریتم استوری موشن فقط به سرعت حرکت عناصر مربوط نیست. بلکه زمان‌بندی بین تصویر، متن، صدا و تغییر صحنه‌ها نیز بخشی از ریتم است.(مانند انیمیشن متن استوری) یک موسیقی را در نظر بگیرید که یک ضرب مشخص دارد. حال اگر ورود محصول دقیقاً روی همان ضرب اتفاق بیفتد، حرکت بسیار هماهنگ‌تر احساس می‌شود. برای انجام این کار می‌توانید Markerهای Timeline را با ضرب‌های مهم موسیقی هماهنگ کنید و کی‌فریم‌ها را نسبت به آن‌ها تنظیم نمایید. در نظر داشته باشید که در استوری‌های تبلیغاتی سریع، این هماهنگی اهمیت بیشتری دارد. زیرا مخاطب زمان زیادی برای پردازش اطلاعات ندارد. نکته‌ی دیگری که حائز اهمیت است، این است که فست موشن را با شلوغی اشتباه نگیرید. اگر تمام عناصر دائماً حرکت کنند، هیچ عنصری نقطه تمرکز نخواهد بود. در نتیجه پروژه‌ی شما ناموفق عمل می‌کند.

مرحله ششم؛ ساخت استوری تبلیغاتی با المان‌های آماده

اکنون به آخر پروژه نزدیک شده‌ایم و می‌توانیم آن را کامل کنیم. برای این کار ابتدا رنگ‌های اصلی برند را روی بک‌گراند و Shapeها اعمال کنید. سپس تصویر محصول را در مرکز یا نقطه کانونی قرار دهید. در مرحله بعد تیتر اصلی را وارد کنید. ورود تیتر را با Position و Opacity انیمیت کنید. در ادامه محصول را با Scale یا Position وارد صحنه کنید. حال یک یا دو Shape متحرک برای ایجاد عمق اضافه کنید. سپس اطلاعات تکمیلی را با تأخیر کوتاه نمایش دهید. اکنون CTA را در بخش پایانی قرار دهید. به این نکته توجه داشته باشید که حرکت‌ها را با موسیقی هماهنگ کنید. در پایان کار نیز سرعت و زمان‌بندی تمام عناصر را بازبینی کنید. حال اگر از المان‌های آماده استفاده می‌کنید، صرفاً تغییر رنگ و متن کافی نیست. باید فایل را با توجه به محتوای جدید بازطراحی کرده و زمان‌بندی کنید تا خروجی شبیه یک قالب خام و تکراری نباشد. به این ترتیب استوری اینستاگرام موشن شما آماده است.

خروجی گرفتن برای اینستاگرام

پس از اتمام پروژه، بهتر است قبل از رندرگیری یک بار ویدیو را از ابتدا تا انتها ببینید. زیرا اشتباهات رایج در این مرحله شامل متن‌های خارج از محدوده امن، سرعت بیش از حد انیمیشن، افت کیفیت تصاویر و حجم بالای فایل هستند. برای خروجی نیز بهتر است رزولوشن پروژه را روی ابعاد عمودی موردنظر نگه دارید و فرمت MP4 با کدک H.264 انتخاب مناسبی برای استفاده عمومی در اینستاگرام است. شما باید توجه کافی به ابعاد استوری اینستاگرام داشته باشید. همچنین بهتر است قبل از تحویل، فایل نهایی را روی موبایل خود بررسی کنید. زیرا چیزی که روی مانیتور به‌ خوبی دیده می‌شود ممکن است روی صفحه کوچک گوشی بیش از حد ریز یا شلوغ به نظر برسد. در این صورت کارفرما از پروژه شما ناراضی خواهد بود.