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

۱۵۸۰ بازدید
آخرین به‌روزرسانی: ۰۹ مرداد ۱۴۰۲
زمان مطالعه: ۴۵ دقیقه
آموزش ساخت متن متحرک در فتوشاپ — راهنمای تصویری و کامل (+ فیلم رایگان)

در این نوشتار از مجموعه نوشتارهای آموزش کار با فتوشاپ فرادرس قصد داریم با استفاده از فیلترهای هوشمند، قابلیت گرادینت فیل و لایه‌های روی ویدیو، یک افکت متحرک فتوشاپی با شمایل فیلم‌های 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 به کمک آبجکت‌های هوشمند، گرادینت‌ها، فیلترها و لایه‌های رویی ویدیویی را نیز آموختیم.

بر اساس رای ۱۱ نفر
آیا این مطلب برای شما مفید بود؟
اگر بازخوردی درباره این مطلب دارید یا پرسشی دارید که بدون پاسخ مانده است، آن را از طریق بخش نظرات مطرح کنید.
منابع:
TutsPlus
نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *