آموزش ساخت متن متحرک در فتوشاپ — راهنمای تصویری و کامل (+ فیلم رایگان)

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

برای دنبال کردن مراحلی که در ادامه مقاله تشریح کرده‌ایم، نیاز به فونت Bebas Neue (+) یا هر فونت مشابهی که خودتان دوست دارید و همینطور VHS Video Overlay (+) خواهید داشت. بعد از دریافت این فایل‌ها، می‌توانیم کار را آغاز کنیم. پیش از ادامه این مطلب، لازم است یادآور شویم که این متن صرفا بر ساخت متن متحرک در فتوشاپ متمرکز است و اگر تمایل دارید درباره فتوشاپ بیشتر یاد بگیرید و ترفندهای این نرم‌افزار پرکاربرد را بیاموزید، مطلب آموزش فتوشاپ مجله فرادرس می‌تواند مرجع خوبی برای شروع یادگیری باشد.

مرحله اول: آماده‌سازی سند

۱. نرم‌افزار فتوشاپ را باز کرده و دکمه‌های Ctrl و N را به صورت همزمان فشار دهید تا سندی تازه به وجود آید. سپس تنظیمات پیش رو را در آن اعمال کنید:

• رزولوشن ۱۹۲۰ در ۱۰۸۰ پیکسل
• تراکم پیکسلی ۳۰۰ DPI

۲. با استفاده از دکمه‌های Shift و Ctrl و N روی کیبورد، یک لایه جدید ایجاد کرده و نام آن را Placeholder بگذارید.

۳. روی لایه مورد نظر راست کلیک کرده و گزینه Convert to Smart Object را بزنید.

۴. بعد از این، روی لایه Placeholder راست کلیک کرده و Edit Contents را بزنید.

۵. برای باز شدن ابزار Horizontal Type، روی آیکن T کلیک کنید و با استفاده از فونت Bebas Neue با ابعاد ۸۴، هر متن تازه‌ای ایجاد کنید. بعد از این، ابزار را بسته و کار را ذخیره کنید.

۶. روی Smart Object راست کلیک کنید، Duplicate را انتخاب نمایید و دو المثنی دیگر از آن بسازید.

۷. نام لایه را به Text و Glow تغییر داده و نخستین Smart Object را نیز Invisible (نامرئی) کنید.

۸. لایه پس‌زمینه را انتخاب کرده و با استفاده از دکمه‌های Shift و F5 و کد رنگی #141414 آن را پر (Fill) کنید.

مرحله دوم: چطور افکت‌های متنی VHS بسازیم؟

۱. حالا بیایید رویه ساخت افکت‌های متنی خود را آغاز کنیم. لایه Text را انتخاب کرده و سپس مسیر Filter > Blur > Gaussian Blur را دنبال کنید تا بتوانید متغیر Radius را روی ۲ پیکسل قرار دهید.

۲. بعد از این به مسیر Filter > Blur > Motion Blur بروید و تنظیمات پیش رو را اعمال کنید:

• زاویه (Angle): ۹۰ درجه
• مسافت (Distance): ۶۰ پیکسل

۳. به مسیر Filter > Distortion > Wave بروید و از این تنظیمات بهره بگیرید:

• Number of Generators: عدد ۱
• طول موج (Wavelength): ۱ و ۲۹۸
• نوسان (Amplitude): ۱ و ۶
• نوع (Type): حالت Sine

۴. حالا باید افکت‌های استایل لایه جدید بسازیم. روی لایه دو بار کلیک کنید و سپس به سراغ Gradient Overlay بروید.

۵. از تنظیمات پیش رو برای گرادینت خود بهره بگیرید:

• حالت ادغام (Blend Mode): Normal
• ماتی (Opacity): ۱۰۰ درصد
• زاویه (Angle): ۱۸۰- درجه

از این کدهای رنگی نیز برای گرادینت خود استفاده کنید: fc3d4f و fd7335 و f57c21

۶. بعد از این لازم است Guassian Blur و Wave Effect را نیز با پارامترهایی مشابه به لایه Glow اضافه کنید.

۷. روی لایه دو بار کلیک کرده و افکت Outer Glow را با همان گرادینتی که پیشتر استفاده کردیم و تنظیمات پیش رو به آن اضافه کنید:

• حالت ادغام (Blend Mode): Screen
• ماتی (Opacity): ۱۰۰ درصد
• گستردگی (Spread): ۴ درصد
• سایز (Size): ۱۲ پیکسل

۸. تنظیمات Fill لایه را روی ۰ درصد قرار دهید.

۹. آبجکت‌های هوشمند (Smart Objects) خود را درحالی که دکمه Shift را نگه داشته‌اید انتخاب کنید و سپس روی آیکن Create a New Group بزنید و نام Main Text را وارد کنید.

۱۰. دو المثنی (Duplicate) از این گروه ساخته و نام‌های «Color Shift 01» و «Color Shift 02» را برای آن‌ها وارد کنید.

۱۱. روی لایه Color Shift 01 دو بار کلیک کرده و تیک‌ کانال‌های رنگی Green و Blue را بردارید.

۱۲. روی لایه Color Shift 02 دو بار کلیک کرده و تیک کانال‌های رنگی Red و Green را بردارید.

۱۳. گروه لایه‌های Color Shift 01 را درحالی که دکمه Shift را نگه داشته‌اید به اندازه ۴ پیکسل به چپ ببرید.

۱۴. گروه لایه‌های Color Shift 02 را درحالی که دکمه Shift را نگه داشته‌اید به اندازه ۸ پیکسل به راست ببرید.

• مطالب پیشنهادی برای مطالعه:
  • نحوه کم کردن حجم عکس در فتوشاپ — آموزش تصویری و ساده
  • قرار دادن دو عکس کنار هم در فتوشاپ — آموزش تصویری (+ فیلم آموزش رایگان)
  • نحوه چرخاندن عکس در فتوشاپ — آموزش تصویری (+ دانلود فیلم رایگان)
  • آموزش ساخت پالت رنگ در فتوشاپ — راهنمای تصویری و گام به گام

مرحله سوم: چطور المان‌های رویی را بسازیم؟

۱. حالا لازم است بافت‌های رویی TV Lines را بسازیم.

با فشردن همزمان دکمه‌های Shift و Control و N لایه‌ای جدید ایجاد کرده و با رنگ 282828 پر یا Fill کنید.

۲. به آدرس Filter > Filter Gallery > Sketch بروید و Halftone Pattern را انتخاب کنید. از تنظیمات پیش رو بهره بگیرید:

• اندازه (Size): ۲
• کنتراست (Contrast): ۵۰

۳. یک المثنی از لایه ساخته و درحالی که دکمه Shift را نگه داشته‌اید به اندازه ۱۰۸۰ پیکسل به بالا حرکت دهید.

۴. بعد از این، باید هردو لایه را انتخاب کرده و بار دیگر به اندازه ۱۰۸۰ پیکسل بالا ببرید.

۵. یک المثنی دیگر از لایه ۱ ساخته و سپس ۱۰۸۰ پیکسل پایین بیاورید.

۶. هر سه لایه را انتخاب و روی آن‌ها کلیک راست کنید تا گزینه Marge Layers در دسترس قرار بگیرد. نام لایه جدید را TV Lines بگذارید.

۷. تنظیمات Blending Mode لایه را روی Overlay قرار دهید و Opacity را هم روی ۲۵ درصد بگذارید.

۸. به منوی File و سپس Place رفته و فایل MP4 ضمیمه شده در این آموزش را انتخاب کنید. ابعاد و چرخش آن را مطابق با لبه‌های سند تنظیم کنید.

۹. تنظیمات Blending Mode لایه را روی حالت Screen قرار دهید.

۱۰. درحالی که دکمه Shift را نگه داشته‌اید لایه‌های رویی را انتخاب کرده، سپس آیکن Create a New Group را بزنید و نام Video Overlays را وارد کنید.

۱۱. حالا لازم است لایه‌های رویی گرادینت برای ویدیوی خود بسازیم. به آدرس Layer > New Fill Layer > Gradient رفته و دو گرادینت بسازید. نام Light Leaks 01 و Light Leaks 02 را برای آن‌ها وارد کنید.

۱۲. روی نخستین گرادینت در پنل Layers دو بار کلیک کرده و تنظیمات زیر را به کار ببندید:

• استایل (Style): Linear
• زاویه (Angle): ۳۵- درجه
• مقیاس (Scale): ۲۳۲ درصد

۱۳. بعد از این، روی Gradient در همین پنل چپ کلیک کرده و گرادینتی جدید با تنظیمات پیش رو بسازید:

• رنگ (Color): ff7511، لوکیشن (Location): ۰ درصد، ماتی (Opacity): ۱۰۰ درصد
• لوکیشن: ۳۰ درصد، ماتی: ۸۲ درصد
• لوکیشن: ۵۱ درصد، ماتی: ۰ درصد
• رنگ: e90f43، لوکیشن: ۶۱ درصد
• لوکیشن: ۶۷ درصد، ماتی: ۸۲ درصد
• رنگ: f3005e، لوکیشن: ۱۰۰ درصد، ماتی: ۱۰۰ درصد

۱۴. روی دومین Gradient Fill در پنل لایه دو بار کلیک کرده و تنظیمات زیر را اعمال کنید:

• استایل (Style): Linear
• زاویه (Angle): ۱۷۱- درجه
• مقیاس (Scale): ۲۳۲ درصد

۱۵. بعد از این، روی Gradient در همان پنل چپ کلیک کرده و گرادینتی جدید با تنظیمات پیش رو بسازید:

• رنگ (Color): 315934، لوکیشن (Location): ۰ درصد، ماتی (Opacity): ۱۰۰ درصد
• رنگ: ac9102، لوکیشن: ۱۰۰ درصد، ماتی: ۱۰۰ درصد

‍۱۶. حالات Blending هردو گرادینت را روی Color Dodge قرار دهید.

۱۷. لایه‌های رویی خود را درحالی که دکمه Shift را نگه داشته‌اید انتخاب کنید و سپس روی آیکن Create a New Group بزنید و نام Light Leaks را روی آن بگذارید.

مرحله چهارم: چطور انیمیشن لایه‌ها را بسازیم؟

۱. حالا برای ساختن متن متحرک در فتوشاپ و انیمیشن خود آماده شده‌ایم. به Window و سپس Timeline بروید و روی آیکن Create Video Timeline کلیک کنید.

۲. مدت‌زمان تایم‌لاین را با حرکت دادن آیکنی که در تصویر می‌بینید، روی ۰۵:۰۰ قرار دهید.

۳. حالا باید نخستین کی‌فریم (Keyframe) خود را بسازید. لایه Text را انتخاب کرده و روی آیکن Timer در نزدیکی Transform کلیک کنید تا نخستین کی‌فریم ساخته شود.

۴. Time Indicator را روی ۰:۰۰:۰۰:۱۰ قرار دهید و سپس وقتی Shift را گرفته‌اید، لایه را ۱۵ پیکسل به بالا ببرید.

۵. Time Indicator را روی ۰:۰۰:۰۰:۲۰ قرار دهید و سپس وقتی Shift را گرفته‌اید، لایه را ۱۵ پیکسل پایین ببرید.

۶. با نگه داشتن دکمه Shift، کی‌فریم‌هایی که همین حالا ساختیم را انتخاب، روی آن‌ها راست کلیک کنید و گزینه Copy را بزنید.

۷. Time Indicator را روی ۰:۰۰:۰۱:۰۰ قرار دهید و آیکن Keyframe را بزنید.

۸. بعد از این روی آخرین کی‌فریم راست کلیک کرده و Paste را بزنید تا یک المثنی از کی‌فریمی که پیشتر ساختیم ایجاد شود.

۹. آنقدر از کی‌فریم‌های خود المثنی بسازید تا تمام تایم‌لاین پر شود.

۱۰. تمام کی‌فریم‌های لایه‌ Text را انتخاب کرده و درون لایه Glow پیست کنید.

۱۱. لایه TV Lines را انتخاب کرده و آیکن Timer در نزدیکی Position را بزنید تا نخستین کی‌فریم ایجاد شود.

۱۲. Time Indicator را روی ۰:۰۰:۰۵:۰۰ قرار دهید و درحالی که دکمه Shift را نگه داشته‌اید، لایه را ۲۱۶۰ پیکسل بالا ببرید.

۱۳. لایه Light Leaks 01 را درون پنل تایم‌لاین انتخاب کرده و تنظیمات Start را روی ۰۲:۰۰ و Duration را روی ۰۲:۰۰ قرار دهید.

۱۴. لایه Light Leaks 02 را درون پنل تایم‌لاین انتخاب کرده و تنظیمات Start را روی ۰۳:۰۰ و Duration را روی ۰۲:۰۰ قرار دهید.

۱۵. روی آیکن Transition کلیک و گزینه Fade را انتخاب کنید.

۱۶. ترنزیشن Fade را در ابتدا و انتهای Light Leak 01 درگ و دراپ کنید.

۱۷. راست کلیک کرده و مدت‌زمان هر دو ترنزیشن Face را روی ۰.۹۷ ثانیه قرار دهید.

۱۸. بعد از این، باید همین ترنزیشن را با همین مدت‌زمان به دومین لایه Light Leaks اضافه کنید.

۱۹. با فشردن همزمان دکمه‌های Shift و Ctrl و N، لایه‌ای جدید ساخته، آن را با رنگ مشکی پر کنید و نام Fade In/Out را برایش قرار دهید.

۲۰. تنظیمات Fill لایه را روی ۰ درصد قرار دهید.

۲۱. و در نهایت، ترنزیشن Fade With Black را در بخش ابتدایی و انتهایی لایه Fade In/Out درگ و دراپ کنید.

• مطالب پیشنهادی برای مطالعه:
  • تغییر اندازه عکس در فتوشاپ — از صفر تا صد (+ دانلود فیلم آموزش گام به گام)
  • ترفند برای کار راحت تر در فتوشاپ‌ (+ فیلم آموزش رایگان)
  • افزایش وضوح عکس با فتوشاپ — راهنمای گام به گام

مرحله پنجم: چطور ویدیو را رندر بگیریم؟

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

روی آیکن موجود در گوشه بالا سمت راست کلیک کرده و Render Video را بزنید.

۲. تنظیمات پنل Render Video را مطابق زیر پیاده‌سازی کنید:

• فرمت (Format): H.264
• سایز (Size): Document Size
• بازه (Range): All Frames

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