آشنایی با تایپوگرافی در افترافکت؛ موشن گرافیکی که نسازی، می‌بازی!

یکی از بهترین راه‌ها برای محک‌زدن علاقه، تکرار و تمرینه! یادتونه توی مقاله ارائه نمونه کار چی گفتیم؟! مهمه که شما بلد باشی از روی موشن گرافیک‌های خفن حتی به قیمت تقلید، نمونه کار خودت رو بسازی و کیفشو ببری.

اما فکر می‌کنی چی می‌تونه کارِت رو منحصربه‌فرد بکنه و وجه تمایزت با رقبا بشه؟

پیشنهادِ ما یاد گرفتن تکنیک‌های خاصی مثل تایپوگرافی در افترافکت هست!

تایپوگرافی از اون دسته تکنیک‌ها است که موشن دیزاینرها از دیدنش لذت می‌برن اما حتی چهارشانه‌ترین‌ها هم شونه خالی می‌کنن از طراحی و خلق کردنش! نه که تکنیک سختی باشه‌ها، نه؛ تایپوگرافی در افترافکت یه سبکِ ویژه گرافیکیه! اصلا شما باید برای خلقش تمام‌قد مسیر موشن گرافیک رو دوست داشته باشی.

اون‌وقت می‌بینی که نه‌تنها سخت نیست، بلکه با ساخت انیمیشن دست‌نویس، از نمونه موشن‌های دریبل و پینترست هم بیشتر دیده می‌شی! خلاصه کلام این‌که استفاده از تایپوگرافی در افترافکت، برای ارائه نمونه‌های موشن گرافیکی بسیار پر کاربرد و مهم هستن؛

چرا که متن و نوشته یکی از بهترین روش‌ها برای ساختن تیزرهای مناسبتی هست و ویدیو آموزشی امروز می‌تونه خیلی به شما در روند کسب درآمد از موشن گرافیک کمک کنه.

این شما و این آموزش مقاله امروز، ساخت تایپوگرافی در افترافکت!

آموزش تکنیک تایپوگرافی در افترافکت به‌روایتِ موشن گورو

همین‌طوری که دیدید، توی این ویدیو با استفاده از ابزار پن(Pen) و با قابلیت ماسک‌کردن لایه‌ها درافترافکت مراحل ساخت یه انیمیشن متن تماشایی رو آموزش دادیم.

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

دستور اولی که باهاش کار می‌کنیم افکت استروک (Stroke) هست. شما اگر که قرار باشه یک نوشته رو به‌صورت دستی با افکت Stroke ظاهر کنید، دیگه auto trace روی چنین نوشته‌هایی جواب نمی‌ده.

درحقیقت باید مسیر ظاهرشدن رو با ابزار Pen به‌صورت ماسک روی لایه‌تون بکشید. مثلا مطابق با ویدیو مسیر رو برای نوشته‌تون طراحی کنید؛ می‌بینید چقدر ساده و درعین‌حال هیجان‌انگیزه؟

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

به تصاویر نگاه کنید؛ ما از یه جایی به بعد مسیر رو از “ع” برنمی‌گردیم و برای قسمت “لی” نیازه که ماسک جدید رو تعریف کنیم.

بعداز اینکه برای کلمه “علی” مسیر انیمیت شدن رو کامل طراحی کردیم، لازمه که دوباره بریم سراغ افکت Stroke

اما این‌بار تا جایی که فرم نوشته‌مون بهمون اجازه می‌ده، برای این افکت قطر بیشتری در نظر می‌گیریم.

حواس‌تون جمع باشه که اینجا Spacing رو 0 و Brush hardness رو روی 100 تنظیم می‌کنیم.

حالا تصویر پایین رو ببینید. نکته چیه؟ باریکلا! فقط یک ماسک‌مون پوشش داده شد! برای اون یکی چه کنیم؟

تیک All Masks رو بزنید تا همه ماسک‌هارو پوشش بده و خیال‌مون راحت بشه.

یک مقدار هم با مسیر بازی کنید تا از همه نظر مورد قبول‌تون باشه!

در ادامه گزینه Reveal Original Image رو کلیک کنید.

بعد با قرار دادن End روی 0 که البته بعداز چند ثانیه باید روی 100 قرارش بدیم، انیمیت‌مون رنگ و لعاب تازه‌ای می‌گیره. حالا یه پیش‌نمایش از انیمیت متن‌مون می‌ریم تا مطمئن بشیم همه چی رو به راهه.

همین‌طوری که داخل ویدیوی آموزشی دیدین، نیاز داریم قسمت‌هایی از مسیرمون اصلاح بشه؛ این بیرون زدگی‌های حین مسیریابی هرچند که کاملا پیدا نباشن، برای یک موشن دیزاینر حرفه‌ای اتفاق خوبی نیست!

بعداز اینکه خاطرجمع شدیم راه و رسم‌مون درسته، قراره تایپوگرافی‌مون رو جذاب‌تر کنیم! مثلا می‌تونیم چندین Duplicate ازش بگیریم و بعد برای رنگ کردن‌ بهشون افکت Fill رو بدیم.

بعداز انتخاب رنگ‌های دلخواه هم توی اسکریپت موشن‌تولز، Sequence رو تنظیم می‌کنیم. مثلا اینجا ما Sequence پایین به بالا رو مدنظر داریم.

یکی دیگه از نکات لازم برای زیبایی تایپوگرافی در افترافکت، تنظیم فاصله رنگ‌های انتخابیه. توی ویدیو کاملا متوجه می‌شید که چجوری روند به نمایش دراومدن رنگ‌ها در هر فریم رو هم تنظیم کنید.

خلاصه اینکه کل متون فارسی و عربی رو می‌تونید از این طریق به‌راحتی اینمیت کنید و حال‌شو ببرید!

با اشتیاق منتظر سوالات احتمالی‌تون هستیم؛

وعده ما همین‌جا، انتهای همین صفحه:)