آموزش ساخت لوگو موشن و اینترو در افترافکت

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

تفاوت لوگو موشن با لوگو اینترو چیست؟

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

ساخت لوگو موشن در افترافکت بدون پلاگین

برای شروع ساخت یک لوگو موشن ساده، میتوانید از نرم افزار افترافکت کمک بگیرید و به پلاگین جانبی نیاز ندارید. ابزارهایی مثل Shape Layer، Mask، Keyframe، Graph Editor و Trim Paths بخش زیادی از نیاز شما را در این زمینه پوشش می‌دهند. در ادامه مراحل انجام آن را آموزش می‌دهیم.

آماده‌سازی لوگو

در قدم اول باید لوگوی خود را وارد After Effects کنید. حال اگر فایل شما وکتور است، ترجیحاً از فرمت‌هایی مانند AI یا SVG استفاده کنید تا هنگام بزرگ و کوچک کردن، کیفیت آن کاهش پیدا نکند. اما اگر لوگو چند بخش دارد، بهتر است اجزای آن را از یکدیگر جدا کنید. مثلا اگر لوگو شامل آیکون و نوشته است، می‌توانید هر کدام را در یک لایه مستقل قرار دهید. در این صورت کنترل بیشتری روی انیمیشن لوگو به شما می‌دهد.

تبدیل لوگو به Shape Layer

اگر فایل وکتوری دارید، می‌توانید آن را به Shape Layer تبدیل کنید. زمانی که بخواهید مسیرهای لوگو را به صورت مستقل متحرک کنید، این مرحله اهمیت بسیار زیادی دارد. زیرا پس از تبدیل، با باز کردن لایه و دسترسی به بخش‌های مختلف Shape، می‌توانید روی Path، Stroke و Fill کنترل داشته باشید. سپس مراحل تغییر و تنظیم را به آسانی انجام می‌دهید.

ساخت اولین حرکت با Trim Paths

یکی از کاربردی‌ترین تکنیک‌ها برای آموزش لوگو موشن، استفاده از Trim Paths افترافکت است. مثلا یک Shape Layer بسازید و در بخش Add گزینه Trim Paths را اضافه کنید. سپس مقدار End را در ابتدای تایم‌ لاین روی صفر قرار دهید. اکنون چند فریم جلوتر مقدار آن را به ۱۰۰ درصد برسانید. در این مسیر لوگو به تدریج ظاهر می‌شود. شما می‌توانید با همین تکنیک خطوط، دایره‌ها یا بخش‌هایی از لوگو را طوری نمایش دهید که انگار در لحظه در حال طراحی شدن هستند. در نظر داشته باشید که این روش برای ساخت Logo Reveal بسیار کاربردی است. همچنین بدون نیاز به پلاگین می‌توانید کنترل کاملی روی سرعت و زمان ظاهر شدن لوگو داشته باشید.

اضافه کردن حرکت به لوگو

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

ساخت لوگو ذره‌ای و افکت‌های جذاب‌تر

اگر بخواهید یک لوگو موشن جذاب‌تر یا لوگو ذره‌ای بسازید، می‌توانید ظاهر شدن لوگو را با ذرات ترکیب کنید. مثلا ابتدا ذرات در اطراف تصویر حرکت کنند و سپس با یک Reveal لوگو ظاهر شود. البته این نکته را فراموش نکنید که در یک پروژه کوتاه نباید از چندین افکت به صورت همزمان استفاده کنید. زیرا هدف لوگو موشن، معرفی واضح برند است. در نتیجه اگر این نکته را رعایت نکنید، مخاطب به دلیل شلوغی تصویر نمی‌تواند خود لوگو را تشخیص دهد. مثلا برای پروژه‌های حرفه‌ای‌تر می‌توان سراغ لوگو موشن سه‌ بعدی نیز رفت، اما اگر هدف شما یادگیری ساخت اینترو افترافکت از صفر و بدون پلاگین است، بهتر است ابتدا کنترل کامل روی انیمیشن‌های دوبعدی و Shape Layerها پیدا کنید.

ساخت اینترو افترافکت از صفر

برای آنکه یک اینترو ساده بسازید می‌توانید یک ساختار سه‌ مرحله‌ای را طی کنید.

1. مرحله اول (ورود)

در گام اول یک حرکت کوتاه برای ورود لوگو یا عناصر گرافیکی ایجاد کنید.

1. مرحله دوم (Reveal)

اکنون با Trim Paths، Mask یا Opacity لوگو را آشکار کنید.

1. مرحله سوم (خروج)

در پایان، لوگو را ثابت نگه دارید یا با یک حرکت ظریف از تصویر خارج کنید.

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

ویرایش پروژه آماده لوگو موشن

اگر سعی دارید از پروژه آماده لوگو موشن استفاده کنید، می‌توانید نحوه ویرایش آن را در این بخش بیاموزید. زیرا گاهی کارفرما یا مشتری به جای درخواست ساخت کامل، یک پروژه آماده لوگو موشن در اختیار شما قرار می‌دهد. در این حالت مهم‌ترین مهارت، شناخت ساختار پروژه است. برای این کار ابتدا Composition اصلی را پیدا کنید. اکنون لایه‌هایی را که برای جایگزینی لوگو، متن و رنگ در نظر گرفته شده‌اند شناسایی کنید. اگر پروژه به صورت صحیح ساخته شده باشد، معمولاً یک لایه یا Composition مشخص برای Logo وجود دارد. پس باید لوگوی خود را جایگزین آن کنید و سپس Preview بگیرید تا ببینید ابعاد و جایگذاری صحیح است یا خیر. اما در پروژه‌های پیچیده‌تر ممکن است از Expressions لوگو موشن استفاده شده باشد. در چنین شرایطی نباید بدون شناخت ساختار Expression ها آن‌ها را حذف کنید. چرا که ممکن است با تغییر یک لایه، چند بخش دیگر پروژه نیز تحت تاثیر قرار بگیرند. در نتیجه قبل از ویرایش پروژه آماده، بهتر است یک نسخه پشتیبان از فایل اصلی داشته باشید.

خروجی گرفتن از لوگو موشن

قبل از Render نهایی، باید یک بار ویدیو را از ابتدا تا انتها مشاهده کنید تا اشتباهاتی مانند باقی ماندن یک لایه اضافی، قطع شدن انیمیشن، تغییر ناگهانی رنگ یا قرار گرفتن لوگو خارج از محدوده تصویر، در کار دیده نشود. این مشکلات ممکن است در Previewهای کوتاه دیده نشوند. در ضمن بهتر است فرمت خروجی را نیز بر اساس کاربرد انتخاب کنید. مثلا برای استفاده معمول در ویدیو و شبکه‌های اجتماعی، خروجی ویدیویی استاندارد مناسب است. اما اگر کارفرما فایل دارای پس‌زمینه شفاف بخواهد، باید تنظیمات خروجی را متناسب با آن را انتخاب کنید. اگر یک فرد تازه کار هستید و با افترافکت آشنایی کامل ندارید، می‌توانید برای شروع از دوره رایگان آموزش افترافکت تک ادیتور استفاده کنید. این دوره شامل آموزش مباحث پایه، کار با لایه‌ها، انیمیشن و خروجی گرفتن است.

بررسی لوگو موشن قبل از تحویل

لوگو موشن حرفه‌ای زمانی تمام می‌شود که فایل نهایی بدون مشکل و قابل استفاده باشد. در نتیجه باید قبل از ارسال پروژه برای کارفرما این موارد را بررسی کنید.

• لوگو موشن در تمام فریم‌ها کاملاً خوانا باشد.
• حرکت‌ها پرش یا تغییر ناگهانی نداشته باشند.
• زمان ورود و خروج لوگو منطقی باشد.
• توجه داشته باشید که Motion Blur در حرکت‌های سریع در صورت نیاز فعال باشد.
• رنگ‌های لوگو با هویت بصری برند هماهنگ باشند.
• در صورت وجود صدا یا افکت صوتی با حرکت لوگو هماهنگ باشد.
• لایه‌ها و Composition های غیر ضروری حذف یا مرتب شده باشند.
• نام لایه‌ها برای پروژه‌های قابل ویرایش مشخص باشد.
• فایل پروژه و تمام Asset های مورد نیاز در یک پوشه مرتب قرار گرفته باشند.
• فرمت و ابعاد مناسب برای خروجی نهایی انجام شود.
• بهتر است علاوه بر ویدیوی نهایی، فایل پروژه افترافکت و فایل‌های مورد استفاده را مرتب و تحویل دهید. زیرا این موضوع در پروژه‌های فریلنسری اهمیت زیادی دارد.

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