جستجو برای:
سبد خرید 0
  • خانه
  • محصولاتجدید
    • دوره جامع فتوشاپ
    • دوره جامع پریمیر
    • دوره جامع افتر افکت
  • دوره های آموزشی
    • دوره آموزش فتوشاپ رایگان
      • طراحی گرافیک در فتوشاپ
      • متن و تایپوگرافی در فتوشاپ
      • افکت و فیلتر در فتوشاپ
      • رنگ و نور در فتوشاپ
      • ویرایش و رتوش عکس
      • طراحی جلد در فتوشاپ
      • موکاپ و ارائه در فتوشاپ
      • فتومونتاژ و ترکیب تصاویر
      • طراحی ست اداری در فتوشاپ
      • طراحی شبکه‌های اجتماعی
      • هوش مصنوعی در فتوشاپ
      • آموزش طراحی گرافیک
      • آموزش مبانی طراحی گرافیک
    • دوره پریمیر پرو رایگان
      • تدوین در پریمیر
      • افکت در پریمیر
      • نوشتن متن در پریمیر
      • متحرک سازی و موشن در پریمیر
      • ترانزیشن در پریمیر
      • تصحیح رنگ و نور در پریمیر
      • تنظیم صدا در پریمیر
      • پلاگین پریمیر
      • هوش مصنوعی در پریمیر
      • آموزش تدوین فیلم
      • آموزش مبانی تدوین ویدیو
    • دوره افتر افکت رایگان
      • نوشتن متن در افتر افکت
      • انیمیشن‌سازی در افتر افکت
      • تیزر تبلیغاتی در افتر افکت
      • افکت در افتر افکت
      • ترانزیشن در افتر افکت
      • رنگ و نور در افتر افکت
      • موشن گرافیک در افتر افکت
      • انیمیشن دو بعدی در افتر افکت
      • انیمیشن سه‌بعدی در افتر افکت
      • تنظیم صدا در افتر افکت
      • پلاگین‌ و اسکریپت‌ در افتر افکت
      • جلوه‌های ویژه و VFX در افتر افکت
      • کامپوزیت پیشرفته در افتر افکت
      • هوش مصنوعی در افتر افکت
      • آموزش موشن گرافیک
      • آموزش مبانی موشن گرافیک
    • آموزش فیلمسازی
      • مسترکلاس اسکورسیزی
      • مستر کلاس دیوید لینچ
      • مسترکلاس جیمز کامرون
      • آموزش جلوه‌های ویژه
      • ساخت محتوا با هوش مصنوعی
  • نقشه راه
    • مسیر یادگیری طراحی گرافیک
    • مسیر یادگیری تدوین فیلم
    • مسیر یادگیری موشن گرافیک
  • وبلاگ
  • آموزش آکادمیک
    • آموزش تدوین فیلم
    • آموزش مبانی تدوین فیلم
    • آموزش جلوه‌های ویژه
شهاب مهرپرور | آموزش تدوین، موشن گرافیک و هوش مصنوعی
ورود
[suncode_otp_login_form]

یازده − 3 =

گذرواژه خود را فراموش کرده اید؟
عضویت
[suncode_otp_registration_form]

5 × دو =

شهاب مهرپرور | آموزش تدوین، موشن گرافیک و هوش مصنوعی
  • خانه
  • محصولاتجدید
    • دوره جامع فتوشاپ
    • دوره جامع پریمیر
    • دوره جامع افتر افکت
  • دوره های آموزشی
    • دوره آموزش فتوشاپ رایگان
      • طراحی گرافیک در فتوشاپ
      • متن و تایپوگرافی در فتوشاپ
      • افکت و فیلتر در فتوشاپ
      • رنگ و نور در فتوشاپ
      • ویرایش و رتوش عکس
      • طراحی جلد در فتوشاپ
      • موکاپ و ارائه در فتوشاپ
      • فتومونتاژ و ترکیب تصاویر
      • طراحی ست اداری در فتوشاپ
      • طراحی شبکه‌های اجتماعی
      • هوش مصنوعی در فتوشاپ
      • آموزش طراحی گرافیک
      • آموزش مبانی طراحی گرافیک
    • دوره پریمیر پرو رایگان
      • تدوین در پریمیر
      • افکت در پریمیر
      • نوشتن متن در پریمیر
      • متحرک سازی و موشن در پریمیر
      • ترانزیشن در پریمیر
      • تصحیح رنگ و نور در پریمیر
      • تنظیم صدا در پریمیر
      • پلاگین پریمیر
      • هوش مصنوعی در پریمیر
      • آموزش تدوین فیلم
      • آموزش مبانی تدوین ویدیو
    • دوره افتر افکت رایگان
      • نوشتن متن در افتر افکت
      • انیمیشن‌سازی در افتر افکت
      • تیزر تبلیغاتی در افتر افکت
      • افکت در افتر افکت
      • ترانزیشن در افتر افکت
      • رنگ و نور در افتر افکت
      • موشن گرافیک در افتر افکت
      • انیمیشن دو بعدی در افتر افکت
      • انیمیشن سه‌بعدی در افتر افکت
      • تنظیم صدا در افتر افکت
      • پلاگین‌ و اسکریپت‌ در افتر افکت
      • جلوه‌های ویژه و VFX در افتر افکت
      • کامپوزیت پیشرفته در افتر افکت
      • هوش مصنوعی در افتر افکت
      • آموزش موشن گرافیک
      • آموزش مبانی موشن گرافیک
    • آموزش فیلمسازی
      • مسترکلاس اسکورسیزی
      • مستر کلاس دیوید لینچ
      • مسترکلاس جیمز کامرون
      • آموزش جلوه‌های ویژه
      • ساخت محتوا با هوش مصنوعی
  • نقشه راه
    • مسیر یادگیری طراحی گرافیک
    • مسیر یادگیری تدوین فیلم
    • مسیر یادگیری موشن گرافیک
  • وبلاگ
  • آموزش آکادمیک
    • آموزش تدوین فیلم
    • آموزش مبانی تدوین فیلم
    • آموزش جلوه‌های ویژه
شروع کنید
0

وبلاگ

شهاب مهرپرور | آموزش تدوین، موشن گرافیک و هوش مصنوعی > وبلاگ > آموزش مبانی موشن گرافیک > کی‌ فریم در افتر افکت چیست؟ آموزش Keyframe و انیمیت حرکت

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

1405/08/13
ارسال شده توسط تیم تولید محتوا
آموزش مبانی موشن گرافیک
کی‌ فریم در افتر افکت چیست؟ آموزش Keyframe و انیمیت حرکت | شهاب مهرپرور

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

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

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

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

کی‌فریم (Keyframe) چیست؟

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

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

به زبان ساده، Keyframe به نرم‌افزار می‌گوید:

  • در این لحظه، المان چه وضعیتی داشته باشد؟
  • در لحظه بعد، چه تغییری در وضعیت آن ایجاد شود؟
  • تغییر موردنظر در چه مدت زمانی اتفاق بیفتد؟

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

کی‌فریم چگونه انیمیشن ایجاد می‌کند؟

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

برای مثال، اگر مقدار Opacity یک لایه در ثانیه صفر برابر 0 درصد و در ثانیه یک برابر 100 درصد باشد، لایه به‌تدریج از حالت نامرئی به حالت کاملاً قابل مشاهده تغییر می‌کند. این فرایند را انیمیشن محوشدن یا Fade In می‌نامند.

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

آشنایی با بخش‌های مهم کی‌فریم در تایم‌لاین افترافکت

برای کار با Keyframe باید با بخش Timeline آشنا باشید. تایم‌لاین جایی است که لایه‌ها، ویژگی‌های قابل انیمیت و نقاط کلیدی انیمیشن نمایش داده می‌شوند.

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

در این قسمت با گزینه‌های مهم زیر روبه‌رو می‌شوید:

Position؛ تغییر موقعیت

Position محل قرارگیری لایه را در فضای Composition مشخص می‌کند. با تغییر مقدار این ویژگی می‌توانید یک المان را به چپ، راست، بالا یا پایین حرکت دهید.

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

Scale؛ تغییر اندازه

Scale برای بزرگ یا کوچک کردن لایه استفاده می‌شود. با ثبت کی‌فریم در مقدارهای متفاوت می‌توانید افکت‌هایی مانند بزرگ‌شدن تدریجی، کوچک‌شدن یا ظاهرشدن یک المان از مرکز بسازید.

Rotation؛ چرخش

Rotation زاویه چرخش لایه را کنترل می‌کند. برای مثال، می‌توانید یک آیکون را از زاویه صفر درجه به 360 درجه بچرخانید یا هنگام ورود آن به صحنه یک چرخش کوتاه ایجاد کنید.

Opacity؛ شفافیت

Opacity میزان قابل مشاهده بودن یک لایه را مشخص می‌کند. مقدار 100 درصد به معنای نمایش کامل و مقدار صفر درصد به معنای نامرئی بودن لایه است.

این ویژگی برای ساخت Fade In و Fade Out کاربرد زیادی دارد. همچنین می‌توانید آن را با Position ترکیب کنید تا یک المان هم‌زمان با حرکت، به‌تدریج ظاهر یا محو شود.

Anchor Point؛ نقطه مرجع

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

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

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

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

مرحله اول: ایجاد Composition

ابتدا After Effects را باز کنید و یک پروژه جدید بسازید. سپس با کلیدهای ترکیبی Ctrl + N پنجره Composition Settings را باز کنید.

برای تمرین می‌توانید تنظیمات زیر را در نظر بگیرید:

  • Width: 1920
  • Height: 1080
  • Frame Rate: 30
  • Duration: 10 Seconds
  • Background Color: Dark

پس از تأیید تنظیمات، یک Composition خالی در اختیار دارید.

مرحله دوم: ایجاد یک المان

از نوار ابزار، ابزار Ellipse Tool را انتخاب کنید و یک دایره در تصویر بسازید. برای اینکه به‌جای Shape Layer یک ماسک روی لایه قبلی ایجاد نشود، پیش از رسم شکل مطمئن شوید هیچ لایه‌ای انتخاب نشده است.

می‌توانید رنگ دایره را از بخش Fill تغییر دهید تا در محیط Composition به‌خوبی دیده شود.

مرحله سوم: باز کردن ویژگی Position

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

برای دسترسی سریع به Position نیز می‌توانید لایه را انتخاب کنید و کلید P را روی صفحه‌کلید فشار دهید.

مرحله چهارم: ثبت اولین کی‌فریم

نشانگر زمان یا Current Time Indicator را روی ثانیه صفر قرار دهید. سپس مقدار Position را طوری تغییر دهید که دایره خارج از محدوده قابل مشاهده تصویر قرار بگیرد.

اکنون روی آیکون ساعت کنار Position کلیک کنید. با این کار اولین Keyframe در موقعیت زمانی فعلی ثبت می‌شود.

به یاد داشته باشید که آیکون ساعت فقط برای ایجاد یک علامت تزئینی نیست؛ فعال‌کردن آن باعث می‌شود افترافکت تغییرات بعدی آن ویژگی را به‌عنوان کی‌فریم ثبت کند.

مرحله پنجم: ثبت کی‌فریم دوم

Current Time Indicator را به ثانیه دوم منتقل کنید. حالا مقدار Position را تغییر دهید و دایره را به مرکز تصویر ببرید.

افترافکت به‌صورت خودکار یک کی‌فریم جدید در زمان فعلی ایجاد می‌کند. حالا دو نقطه کلیدی دارید که وضعیت شروع و پایان حرکت را مشخص می‌کنند.

مرحله ششم: مشاهده انیمیشن

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

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

چگونه سرعت حرکت کی‌فریم را کنترل کنیم؟

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

برای طبیعی‌تر کردن حرکت باید نحوه تغییر سرعت را کنترل کنید.

کی‌فریم Linear چیست؟

Linear یکی از حالت‌های رایج Interpolation است. در این روش، تغییر مقدار ویژگی بین دو کی‌فریم با نرخ ثابت انجام می‌شود.

برای مثال، اگر یک المان در دو ثانیه از نقطه A به نقطه B حرکت کند، سرعت آن در طول مسیر تقریباً ثابت خواهد بود. این روش برای حرکت‌های مستقیم و مکانیکی کاربرد دارد، اما همیشه برای موشن گرافیک جذاب نیست.

Easy Ease چیست؟

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

برای استفاده از آن:

  1. کی‌فریم‌های موردنظر را در تایم‌لاین انتخاب کنید.
  2. روی یکی از کی‌فریم‌ها راست‌کلیک کنید.
  3. وارد Keyframe Assistant شوید.
  4. گزینه Easy Ease را انتخاب کنید.

همچنین می‌توانید پس از انتخاب کی‌فریم‌ها از کلید F9 استفاده کنید.

با این کار حرکت معمولاً نرم‌تر می‌شود؛ المان به‌جای توقف ناگهانی، به‌آرامی به وضعیت نهایی نزدیک می‌شود و از حالت خشک اولیه فاصله می‌گیرد.

تفاوت Easy Ease In و Easy Ease Out

در افترافکت می‌توانید به‌جای اعمال Easy Ease در هر دو سمت کی‌فریم، فقط ورود یا خروج از آن را کنترل کنید.

  • Easy Ease In: سرعت حرکت هنگام نزدیک‌شدن به کی‌فریم را نرم می‌کند.
  • Easy Ease Out: سرعت حرکت هنگام خارج‌شدن از کی‌فریم را نرم می‌کند.
  • Easy Ease: هر دو جهت را تحت تأثیر قرار می‌دهد.

انتخاب درست این حالت‌ها به نوع حرکت بستگی دارد. برای مثال، اگر می‌خواهید یک المان به‌آرامی وارد موقعیت نهایی شود، کنترل سرعت هنگام رسیدن به آن اهمیت بیشتری دارد.

Graph Editor چیست و چه کاربردی دارد؟

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

پس از انتخاب کی‌فریم‌ها، دکمه Graph Editor را در پنل Timeline فعال کنید. بسته به نوع ویژگی و تنظیمات نمایش، نمودارهای مختلفی در اختیار شما قرار می‌گیرند.

Value Graph

Value Graph تغییر مقدار یک ویژگی را در طول زمان نمایش می‌دهد. برای مثال، می‌توانید مشاهده کنید که مقدار Opacity یا Scale چگونه از مقدار اولیه به مقدار نهایی تغییر می‌کند.

این نمودار زمانی کاربرد دارد که بخواهید میزان تغییر یک ویژگی را دقیق‌تر کنترل کنید.

Speed Graph

Speed Graph سرعت تغییر ویژگی را نمایش می‌دهد. با استفاده از آن می‌توانید مشخص کنید یک المان در چه زمانی سریع‌تر حرکت کند و در چه زمانی سرعت خود را کاهش دهد.

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

انواع کی‌فریم در افترافکت

درک تفاوت انواع Keyframe به شما کمک می‌کند برای هر پروژه روش مناسبی انتخاب کنید. مهم‌ترین حالت‌هایی که هنگام کار با کی‌فریم با آن‌ها روبه‌رو می‌شوید عبارت‌اند از:

Linear Keyframe

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

Bezier Keyframe

Bezier امکان کنترل منحنی تغییرات را فراهم می‌کند. با استفاده از دستگیره‌های کنترل می‌توانید نحوه ورود و خروج از نقاط کلیدی را تنظیم کنید و حرکت‌های نرم‌تر یا پیچیده‌تری بسازید.

Hold Keyframe

در حالت Hold، مقدار ویژگی تا رسیدن به کی‌فریم بعدی ثابت باقی می‌ماند و تغییر تدریجی بین دو مقدار اتفاق نمی‌افتد.

این حالت برای تغییرات ناگهانی کاربرد دارد؛ برای مثال، زمانی که می‌خواهید یک تصویر در یک لحظه جایگزین تصویر دیگری شود یا یک ویژگی در زمان مشخص تغییر کند.

نکته مهم این است که Linear، Bezier و Hold به نحوه Interpolation کی‌فریم مربوط می‌شوند. Easy Ease نیز یک روش سریع برای تنظیم نرم‌شدن سرعت در کی‌فریم‌ها است و نباید آن را دقیقاً معادل یک نوع مستقل Interpolation در نظر گرفت.

چگونه کی‌فریم را ویرایش، جابه‌جا یا حذف کنیم؟

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

جابه‌جایی کی‌فریم در تایم‌لاین

برای تغییر زمان اجرای یک Keyframe، آن را انتخاب کنید و به سمت چپ یا راست بکشید. با این کار زمان ثبت مقدار تغییر می‌کند، اما خود مقدار ویژگی ثابت می‌ماند.

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

تغییر مقدار کی‌فریم

برای تغییر مقدار ثبت‌شده، نشانگر زمان را روی کی‌فریم موردنظر قرار دهید و مقدار ویژگی را اصلاح کنید. برای مثال، می‌توانید Position را تغییر دهید تا محل نهایی حرکت جابه‌جا شود.

حذف کی‌فریم

کی‌فریم موردنظر را انتخاب کنید و کلید Delete را فشار دهید. اگر می‌خواهید انیمیشن یک ویژگی را به‌طور کامل حذف کنید، می‌توانید روی آیکون ساعت همان ویژگی کلیک کنید؛ این کار کی‌فریم‌های آن ویژگی را حذف می‌کند و انیمیشن آن را غیرفعال می‌سازد.

نمایش سریع کی‌فریم‌های یک لایه

برای مشاهده ویژگی‌هایی که روی آن‌ها Keyframe ثبت کرده‌اید، لایه را انتخاب کنید و کلید U را فشار دهید. این میان‌بر کمک می‌کند در پروژه‌هایی با لایه‌های زیاد، سریع‌تر به بخش‌های متحرک دسترسی پیدا کنید.

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

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

برخی از کاربردهای رایج Keyframe عبارت‌اند از:

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

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

تفاوت انیمیت Position، Scale و Opacity

برای شروع کار با کی‌فریم بهتر است سه ویژگی پرکاربرد Position، Scale و Opacity را به‌خوبی بشناسید. هرکدام از این ویژگی‌ها نتیجه متفاوتی ایجاد می‌کنند و ترکیب آن‌ها می‌تواند انیمیشن جذاب‌تری بسازد.

ویژگیکاربردنمونه حرکت
Positionتغییر موقعیتورود المان از کنار تصویر
Scaleتغییر اندازهبزرگ‌شدن یک آیکون
Opacityتغییر شفافیتظاهر یا محو شدن متن

برای مثال، اگر فقط Position را تغییر دهید، المان از نقطه‌ای به نقطه دیگر حرکت می‌کند. اما اگر هم‌زمان Opacity را از صفر به صد برسانید، المان در حین حرکت به‌تدریج ظاهر می‌شود.

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

اشتباهات رایج هنگام کار با Keyframe

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

تغییر مقدار ویژگی بدون فعال‌کردن Stopwatch

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

انتخاب زمان نامناسب برای کی‌فریم‌ها

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

استفاده بیش از حد از حرکت‌های مختلف

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

نادیده‌گرفتن Anchor Point

اگر نقطه مرجع لایه در محل مناسبی قرار نداشته باشد، هنگام تغییر Scale یا Rotation ممکن است المان به شکلی غیرمنتظره حرکت کند. قبل از ساخت انیمیشن، محل Anchor Point را بررسی کنید.

استفاده نکردن از Easy Ease

حرکت‌های کاملاً خطی برای بعضی از پروژه‌ها مناسب هستند، اما در بسیاری از انیمیشن‌های گرافیکی ظاهر خشک و ماشینی ایجاد می‌کنند. در صورت نیاز از Easy Ease و Graph Editor برای کنترل بهتر سرعت استفاده کنید.

چگونه مهارت انیمیت با کی‌فریم را تقویت کنیم؟

برای تسلط بر Keyframe لازم نیست از همان ابتدا سراغ پروژه‌های پیچیده بروید. بهتر است ابتدا هر ویژگی را جداگانه تمرین کنید و بعد آن‌ها را با یکدیگر ترکیب کنید.

یک مسیر تمرینی مناسب می‌تواند به این شکل باشد:

  1. ساخت حرکت افقی و عمودی با Position
  2. بزرگ و کوچک کردن یک شکل با Scale
  3. ساخت Fade In و Fade Out با Opacity
  4. ایجاد چرخش با Rotation
  5. ترکیب دو یا سه ویژگی در یک انیمیشن
  6. استفاده از Easy Ease برای نرم‌کردن حرکت
  7. اصلاح سرعت با Graph Editor
  8. ساخت یک انیمیشن کوتاه برای لوگو یا عنوان

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

پروژه عملی: ساخت انیمیشن ورود و خروج یک المان

در این تمرین یک المان گرافیکی مانند دایره، آیکون یا لوگو را وارد صحنه می‌کنیم، برای آن حرکت نرم می‌سازیم و در پایان از کادر خارج می‌کنیم. هدف این پروژه، تمرین هم‌زمان Position، Opacity و Easy Ease است.

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

یک Composition با ابعاد 1920 در 1080 پیکسل و نرخ 30 فریم بر ثانیه ایجاد کنید. مدت‌زمان پروژه را روی 6 ثانیه قرار دهید.

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

مرحله دوم: تنظیم ورود المان

لایه را انتخاب کنید و کلیدهای P و T را برای نمایش Position و Opacity فشار دهید.

Current Time Indicator را روی ابتدای تایم‌لاین، یعنی ثانیه صفر قرار دهید. سپس المان را خارج از کادر و در سمت چپ تصویر قرار دهید و مقدار Opacity را روی صفر درصد تنظیم کنید.

حالا آیکون ساعت کنار Position و Opacity را فعال کنید تا دو کی‌فریم اولیه ثبت شوند.

مرحله سوم: نمایش المان در صحنه

نشانگر زمان را به ثانیه یک منتقل کنید. المان را به مرکز تصویر ببرید و مقدار Opacity را به 100 درصد تغییر دهید.

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

مرحله چهارم: نرم‌کردن حرکت ورود

کی‌فریم‌های مربوط به ورود را انتخاب کنید و با فشردن F9 گزینه Easy Ease را اعمال کنید.

حالا پیش‌نمایش را اجرا کنید. اگر سرعت حرکت مناسب نیست، فاصله زمانی کی‌فریم‌ها را تغییر دهید یا با Graph Editor سرعت را دقیق‌تر تنظیم کنید.

مرحله پنجم: تنظیم خروج المان

Current Time Indicator را به ثانیه چهار منتقل کنید. در این زمان المان باید همچنان در مرکز تصویر باشد؛ بنابراین یک کی‌فریم برای Position و Opacity ثبت کنید.

سپس نشانگر زمان را به ثانیه پنج منتقل کنید. المان را به سمت راست و خارج از کادر ببرید و Opacity را به صفر درصد کاهش دهید.

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

مرحله ششم: بررسی و اصلاح نتیجه

پروژه را از ابتدا اجرا کنید و به سه بخش توجه داشته باشید:

  • آیا المان به‌درستی وارد تصویر می‌شود؟
  • آیا هنگام قرارگرفتن در مرکز، حرکت آن متوقف و قابل‌قبول است؟
  • آیا خروج المان با سرعت و زمان‌بندی مناسبی انجام می‌شود؟

اگر حرکت بیش از حد سریع است، فاصله کی‌فریم‌ها را افزایش دهید. اگر ورود یا خروج ناگهانی به نظر می‌رسد، Interpolation را اصلاح کنید و از Graph Editor کمک بگیرید.

در پایان می‌توانید یک متن کوتاه یا عنصر تزئینی به صحنه اضافه کنید و زمان‌بندی آن را با حرکت المان هماهنگ سازید. با همین تمرین ساده، چند مورد از مهم‌ترین کاربردهای کی‌فریم را در یک پروژه واقعی تجربه می‌کنید.

سوالات متداول

کی‌فریم در افترافکت چیست؟

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

چگونه در افترافکت کی‌فریم ایجاد کنیم؟

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

میان‌بر نمایش Position در افترافکت چیست؟

با انتخاب لایه و فشردن کلید P می‌توانید ویژگی Position را در تایم‌لاین نمایش دهید.

کلید F9 در افترافکت چه کاری انجام می‌دهد؟

کلید F9 گزینه Easy Ease را روی کی‌فریم‌های انتخاب‌شده اعمال می‌کند تا تغییر سرعت در اطراف آن‌ها نرم‌تر شود.

تفاوت Linear و Easy Ease چیست؟

Linear تغییرات را با سرعت ثابت انجام می‌دهد؛ اما Easy Ease سرعت حرکت را هنگام نزدیک‌شدن به کی‌فریم یا دورشدن از آن نرم می‌کند.

چگونه سرعت انیمیشن را در افترافکت افزایش دهیم؟

با نزدیک‌تر کردن کی‌فریم‌ها به یکدیگر می‌توانید مدت‌زمان تغییر را کاهش دهید. همچنین با Graph Editor می‌توانید نحوه تغییر سرعت را دقیق‌تر تنظیم کنید.

چگونه یک کی‌فریم را در افترافکت حذف کنیم؟

کی‌فریم موردنظر را در Timeline انتخاب کنید و کلید Delete را فشار دهید. برای حذف تمام کی‌فریم‌های یک ویژگی نیز می‌توانید آیکون Stopwatch آن را غیرفعال کنید.

آیا برای ساخت انیمیشن در افترافکت فقط به Position نیاز داریم؟

خیر. می‌توانید ویژگی‌هایی مانند Scale، Rotation و Opacity را نیز انیمیت کنید. ترکیب این ویژگی‌ها امکان ساخت حرکت‌های متنوع‌تری را فراهم می‌کند.

در پایان

کی‌فریم در افترافکت پایه اصلی بسیاری از انیمیشن‌ها و حرکت‌های گرافیکی است. با استفاده از Keyframe می‌توانید مقدار ویژگی‌هایی مانند Position، Scale، Rotation و Opacity را در زمان‌های مختلف مشخص کنید و از تغییر آن‌ها برای ساخت انیمیشن کمک بگیرید.

برای شروع، کافی است دو کی‌فریم ایجاد کنید و نتیجه تغییر یک ویژگی را مشاهده کنید. پس از آن با یادگیری Linear، Bezier، Hold و Easy Ease می‌توانید کنترل بیشتری روی رفتار حرکت داشته باشید. در مرحله بعد نیز Graph Editor امکان تنظیم دقیق سرعت و زمان‌بندی را در اختیار شما قرار می‌دهد.

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

قبلی After Effects چیست؟ آشنایی با محیط افترافکت و ساخت اولین Composition
بعدی آموزش Graph Editor در افتر افکت | کنترل سرعت و نرمی حرکت انیمیشن

پست های مرتبط

After Effects چیست؟ آموزش محیط نرم‌ افزار و ساخت کامپوزیشن | شهاب مهرپرور

1405/08/13

After Effects چیست؟ آشنایی با محیط افترافکت و ساخت اولین Composition

تیم تولید محتوا
ادامه مطلب
۱۲ اصل انیمیشن چیست؟ آموزش اصول حرکت | شهاب مهرپرور

1405/08/13

۱۲ اصل انیمیشن چیست؟ آموزش اصول حرکت برای ساخت موشن گرافیک

تیم تولید محتوا
ادامه مطلب
اصول طراحی موشن گرافیک _ ترکیب‌ بندی، رنگ و Style Frame | شهاب مهرپرور

1405/08/13

اصول طراحی در موشن گرافیک | ترکیب‌ بندی، رنگ و ساخت Style Frame

تیم تولید محتوا
ادامه مطلب
موشن گرافیک چیست؟ انواع، کاربردها و آموزش شروع | شهاب مهرپرور

1405/08/10

موشن گرافیک چیست؟ کاربردها، انواع و مسیر شروع یادگیری

تیم تولید محتوا
ادامه مطلب

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دوره های جامع
  • افتر افکت
  • پریمیر پرو
  • فتوشاپ
دوره های رایگان
  • دوره آموزش فتوشاپ رایگان
  • دوره پریمیر پرو رایگان
  • دوره افتر افکت رایگان
  • آموزش تدوین فیلم
  • آموزش مبانی تدوین ویدیو
  • آموزش جلوه‌های ویژه
  • آموزش فیلمسازی
اکادمی شهاب مهرپرور لوگو سفید

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

  • شیراز، خیابان شریعتی
  • پشتیبانی تلگرام shahabmehrparvar@
دسترسی سریع
  • خانه
  • جدیدترین دوره ها
  • دوره جامع فتوشاپ
  • دوره جامع پریمیر پرو
  • دوره جامع افتر افکت
  • پرسش متداول
  • تدریس در آکادمی
  • سفارش تدوین
خدمات
  • درباره ما
  • وبلاگ و اخبار
  • تماس با ما
  • گزارش باگ
  • مجوز آنلاین
  • نمونه کار دانشجویان
  • نحوه ثبت سفارش
دوره ها
  • دوره های آموزشی
  • محصولات
  • آموزش فتوشاپ رایگان
  • آموزش پریمیر رایگان
  • آموزش افترافکت رایگان
  • آموزش هوش مصنوعی
  • آموزش فیلمسازی
نمادها

© 1405. تمامی حقوق برای آکادمی شهاب مهرپرور محفوظ است. طراحی سایت | سئو

سبد خرید شما