ساخت شمارنده در افترافکت

ساخت شمارنده در افترافکت

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

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

چرا ساخت شمارنده در افترافکت اهمیت دارد؟

  • نمایش بصری و جذاب داده‌ها

  • امکان سفارشی‌سازی کامل رنگ، فونت، انیمیشن و استایل

  • قابلیت ترکیب با عناصر گرافیکی و موشن

  • قابل استفاده هم در افترافکت و هم در پریمیر

ساخت شمارنده ساده در افترافکت

  • . ایجاد یک کامپوزیشن جدید

    • در افترافکت به منوی Composition → New Composition بروید.

    • نام کامپوزیشن را انتخاب کنید.

    • برای مثال: رزولوشن 1920×1080 و مدت زمان 10 ثانیه.

    2. ایجاد یک لایه متن

    • به منوی Layer → New → Text بروید.

    • یک متن ایجاد کنید و روی آن کلیک کنید.

    3. اضافه کردن Expression شمارنده

    • در تایم‌لاین روی Source Text لایه متن کلیک کنید.

    • در ویندوز کلید Alt و در مک کلید Option را نگه دارید و روی آیکون Stopwatch کلیک کنید.

    • کد زیر را وارد کنید:

count = Math.floor(linear(time, 0, 10, 0, 100));
count;

این کد اعداد را از 0 تا 100 در طول 10 ثانیه نمایش می‌دهد.

ساخت شمارنده اعشاری (اعداد گویا)

  • برای نمایش اعداد با اعشار می‌توانید از کد زیر استفاده کنید:

count = linear(time, 0, 10, 0, 100);
count.toFixed(2);

در اینجا toFixed(2) به معنی نمایش دو رقم اعشار است.

اضافه کردن Easy Ease به شمارنده

  • یکی از روش‌های مهم برای طبیعی‌تر کردن انیمیشن شمارنده استفاده از Easy Ease است که با کلید F9 فعال می‌شود. Easy Ease باعث می‌شود حرکت شمارنده در ابتدا سریع‌تر و در انتها نرم‌تر یا برعکس باشد.

روش 1: Easy Ease دستی

  1. روی Keyframeها در تایم‌لاین کلیک کنید.

  2. کلید F9 را فشار دهید (در مک: Fn + F9).

  3. با این کار شتاب‌گیری و کاهش سرعت به شکل نرم انجام می‌شود.

روش 2: Easy Ease در Expression

  • برای داشتن حرکت نرم یا شروع و پایان متفاوت در کد، می‌توانید به جای linear از easeIn, easeOut یا easeInOut استفاده کنید:

count = Math.floor(easeOut(time, 0, 10, 0, 100));
count;

  • یا برای شروع نرم و پایان سریع:

count = Math.floor(easeIn(time, 0, 10, 0, 100));
count;

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

count = Math.floor(easeInOut(time, 0, 10, 0, 100));
count;

ساخت شمارنده با واحد سفارشی

  • برای افزودن هر واحدی مثل “نفر”، “کیلوگرم” یا “$” به شمارنده:

count = Math.floor(linear(time, 0, 10, 0, 500));
count + " KG";

  • یا برای پول:

count = Math.floor(linear(time, 0, 10, 0, 1000));
"$" + count;

عدد داخل toFixed(1) نشان‌دهنده تعداد رقم اعشار است.

ساخت شمارنده درصدی

  • اگر بخواهید شمارنده شما به صورت درصد نمایش داده شود، کافیست علامت درصد را به خروجی اضافه کنید:

count = Math.floor(linear(time, 0, 10, 0, 100));
count + "%";

  • یا اگر بخواهید درصد با اعشار باشد:

count = linear(time, 0, 10, 0, 100);
count.toFixed(1) + "%";

عدد داخل toFixed(1) نشان‌دهنده تعداد رقم اعشار است.

مراحل اتصال اسکریپت شمارنده به اسلایدر در افترافکت

  • 1. اضافه کردن Slider Control

    1. لایه متن شمارنده‌ت رو انتخاب کن.

    2. از منوی Effect → Expression Controls → Slider Control برو.

    3. حالا توی پنل Effect Controls یک اسلایدر می‌بینی.

    2. اتصال Expression به اسلایدر

    1. روی Source Text لایه متن Alt+کلیک (ویندوز) یا Option+کلیک (مک) کن.

    2. حالا Expression رو باز کردی.

    3. از کنار Expression با استفاده از Pick Whip (آیکون مارپیچ) بکش و بنداز روی اسلایدر.

    4. حالا کدی شبیه این داری:

effect(“Slider Control”)(“Slider”)

   3. اضافه کردن فرمت شمارنده

حالا باید این مقدار رو تبدیل به شمارنده‌ت کنی.

مثلا اگر بخوای عدد صحیح باشه:

Math.floor(effect("Slider Control")("Slider"))

اگر بخوای اعشاری باشه:

effect("Slider Control")("Slider").toFixed(2)

4. متحرک‌سازی با Keyframe

  • روی اسلایدر در Effect Controls Keyframe بزار.

  • مثلا در ثانیه 0 مقدار رو روی 0 بزار و در ثانیه 5 روی 100.

  • حالا شمارنده بین این دو عدد حرکت می‌کنه.

5. اضافه کردن Easy Ease به اسلایدر

برای نرم کردن حرکت:

  • روی Keyframeهای اسلایدر کلیک کن.

  • کلید F9 بزن (در مک Fn+F9).

  • یا در Expression از easeIn / easeOut استفاده کن:

value = easeOut(time, 0, 5, 0, 100);
Math.floor(value)

مزیت این روش

  • دیگه لازم نیست هر بار کد رو ویرایش کنی.

  • هر وقت بخوای با کشیدن اسلایدر مقدار رو تغییر میدی.

  • می‌تونی حتی وسط پروژه مسیر حرکت عدد رو تغییر بدی یا برعکس کنی.

تبدیل شمارنده به قالب MOGRT برای پریمیر

  • اگر پروژه شما در پریمیر است اما می‌خواهید شمارنده را از افترافکت وارد کنید:

    1. شمارنده را در افترافکت کامل کنید.

    2. به Window → Essential Graphics بروید.

    3. پارامترهایی که می‌خواهید در پریمیر تغییر دهید (مثل مقدار نهایی) را اضافه کنید.

    4. روی Export Motion Graphics Template کلیک کنید.

    5. فایل را در پریمیر ایمپورت و استفاده کنید.

نتیجه‌گیری

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

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

میخوای مثل یک ادیتور حرفه ای باشی؟

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

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

دیدگاهتان را بنویسید

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

old-photo-restoration-ai-prompt

پرامپت ترمیم عکس قدیمی با هوش مصنوعی

upload-instagram-reels-high-quality

آپلود ریلز با کیفیت بالا در اینستاگرام

mocha-ui-failed-to-start-error

رفع خطای The Mocha UI Failed To Start در افترافکت

اصول رنگ در موشن گرافیک

اصول رنگ در موشن گرافیک

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

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

premiere-shortcuts-guide

آموزش شورتکات های پریمیر