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

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

آشنایی با شمارنده در افتر افکت:

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

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

انواع شمارنده هایی که می توانید ایجاد کنید:

تو میتونی انواع مختلفی از شمارنده در افتر افکت بسازی، مثل:

• شمارنده‌های عددی (که افزایش یا کاهش عددها رو  نشون میدن)
• شمارنده‌های درصدی (که نوارهای پیشرفت یا صفحه‌های بارگذاری رو نشون میدن)
• شمارنده‌های مبتنی بر تایمر (که شامل ساعت‌ها، دقیقه‌ها و ثانیه‌ها  میشن)

آماده کردن پروژه افترافکت:

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

ایجاد یک Composition جدید:

1. افتر افکت رو باز کن و یه کامپوزیشن جدید بساز. برای این کار میتونی بری تو مسیر Composition > New Composition یا کلیدهای Ctrl + N رو بزن.
2. resolution، frame rate و duration کامپوزیشن رو بر اساس نیاز پروژه تنظیم کن.

تنظیمات Composition رو تنظیم کن:
resolution دلخواهتو انتخاب کن (مثلاً 1920×1080 برای HD) و frame rate رو روی 30fps یا 60fps تنظیم کن تا انیمیشن ها روان باشن. مطمئن شو که duration کامپوزیشن به اندازه کافی طولانی باشه تا انیمیشن شمارنده توش جا بشه.

ایجاد یک شمارنده عددی:

یک شمارنده عددی برای شمردن اعداد به سمت بالا یا پایین عالیه. بیا یاد بگیریم چطوری یکی بسازیم.

چرا توی افتر افکت وقتی میخوای یه ثانیه شمار درست کنی توی لایه text ات توی پارامتر source text بهش کی فریم میدی،همش فریم به فریم میای جلو و عددت رو ویرایش میکنی،این کار اشتباهه!

بیا تا راهکار درستو بهت بگم:

به لایه متنیت slider control میدی و پارامتر source text رو به پارامتر slider پرنت میکنی،ابتدای کد نویسی عبارت math.round رو مینویسی و اول و آخر کد نویسی که داشتی یه پرانتز باز میکنی بعد به راحتی میتونی با انیمیت کردن پارامتر slider ات از هر عددی که دوست داری تا هر عددی دلت میخواد ثانیه شمار درست کنی.

math.round(effect(“slider control”)(“slider”))

انیمیت کردن یه شمارنده عددی:

استفاده از کی فریم ها برای انیمیت کردن شمارنده در افتر افکت:

اگه می‌خوای بیشتر  انیمیشنت رو کنترل کنی، می‌تونی از کی‌فریم‌ها استفاده کنی تا speed و duration شمارنده رو تغییر بدی.

1. کی‌فریم‌ها رو در ابتدا و انتهای timeline شمارنده تنظیم کن.
2. مقدار هر کی‌فریم رو تنظیم کن تا کنترل کنی که شمارنده چقدر سریع یا آهسته افزایش پیدا کنه.

تنظیم سرعت و مدت زمان انیمیشن شمارنده:

می‌خوای سرعت شمارش رو کم یا زیاد کنی؟ خیلی ساده! اون عددی رو که توی عبارت ضرب می‌شه، عوض کن. مثلاً اگه بنویسی “زمان ضربدر ۲۰”، شمارش دو برابر سریع‌تر میشه.

ایجاد یک شمارنده‌ درصدی:

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

مرحله 1: تنظیم لایه متن

 یک لایه متن اضافه کن،  مقدار اولیه رو روی “0%” تنظیم کن.

مرحله 2: ساخت یک عبارت درصد

از عبارت زیر برای ساخت یک شمارنده بر اساس درصد استفاده کن:

 “%” + Math.floor(time * 10)

افزایش جلوه‌های بصری به شمارنده درصد شما:
می‌تونی یه progress bar یا background به شمارنده درصد خود اضافه کنی تا ظاهر آن زیباتر بشه. از لایه‌های shape و تکنیک‌های masking برای اضافه کردن عناصر dynamic پشت شمارنده خود استفاده کن.

ایجاد یک شمارنده مبتنی بر تایمر:

اگه دنبال یه تایمر هستی که بتونی زمان رو بالا ببره یا پایین بیاره، می‌تونی از یه قابلیت خیلی خوب تو افتر افکت به اسم expressions استفاده کنی.

مرحله 1: اضافه کردن یک لایه متن برای تایمر

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

مقدار اولیه این لایه را روی “00:00” تنظیم می‌کنیم. این یعنی وقتی تایمر شروع به کار کند، ابتدا عدد صفر را نشان می‌دهد.

مرحله 2: استفاده از expressions برای ساخت افکت تایمر

 از expressions برای ایجاد یک تایمر ساده استفاده کنید:

; t = Math.floor(time)
;min = Math.floor(t / 60)
; sec = t % 60
; (min < 10 ? “0” : “”) + min + “:” + (sec < 10 ? “0” : “”) + sec

تغییر فرمت تایمر (ساعت، دقیقه، ثانیه):

می‌تونی این تنظیمات رو دستکاری کنی تا ساعت‌ها یا میلی‌ثانیه رو هم نشون بده. فقط کافیه یه کم فرمولش رو عوض کنی.

تزیین و مرتب کردن شمارنده در افتر افکت:

انتخاب فونت رنگی:

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

ساختن انیمیشن برای شمارنده:

برای این که شمارنده ت جذاب‌تر بشه، بهش انیمیشن بده. مثلا اندازه یا شفافیتش رو کم و زیاد کن. اگه بخوای که حرکتش نرم‌تر باشه، یه فیلتر تاری حرکت (motion blur) هم روش بزار.

کار با شمارنده‌های سفارشی:

مرحله 1: استفاده از قالب‌های آماده برای شمارنده‌ها

می‌تونی قالب‌های آماده‌ای برای شمارنده‌ها رو تو نت پیدا کنی. اینطوری هم کلی وقتت حفظ می‌شه و هم امکانات بیشتری بهت میده.

مرحله 2: ساختن شمارنده‌های سفارشی با عبارات پیشرفته

برای شمارنده‌های پیچیده، مثل اونایی که بر اساس داده‌های خارجی محاسبه میشن، باید بیشتر تو expressions افتر افکت غرق بشید.

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

برای این که  شمارنده ت بیشتر خودشو نشون بده، یه سری افکت‌های بصری مثل درخشش یا سایه روش بذار. این کار وقتی که شمارنده ت رو روی یه پس‌زمینه شلوغ گذاشتی خیلی به کارت میاد.

بهینه سازی شمارنده ها برای اندازه های مختلف صفحه نمایش:

تکنیک‌های طراحی Responsive در افتر افکت:

با استفاده از تکنیک های طراحی Responsive، مطمئن شو که شمارنده هات در همه اندازه های صفحه نمایش عالی به نظر می رسه. این شامل تنظیم scale و position المان ها بر اساس اندازه صفحه نمایش می شه.

خروجی گرفتن از انیمیشن شمارنده در افتر افکت:

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

اشتباهات رایجی که هنگام ایجاد شمارنده باید از آنها اجتناب کنید:

حواست باشه که اشتباهاتی مثل ساختن عبارتای بیخود یا گذاشتن کلی افکت اضافی نکنی که باعث بشه رندر خیلی طول بکشه.

ترفندهایی برای بهتر شدن انیمیشن‌های شمارنده:

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

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

1.چطوری اعشار به شمارنده عددی اضافه کنم؟

برای اضافه کردن اعشار، عبارت رو با استفاده از toFixed() تغییر بدین تا کنترل کنی چند تا رقم اعشار میخوای. مثلاً، برای دو رقم اعشار از این عبارت استفاده کن:

;(time * 10).toFixed(2)

t = Math.floor(10 - time); // 10 نشان دهنده عدد شروع هست
;min = Math.floor(t / 60)
;sec = t % 60
;(min < 10 ? "0" : "") + min + ":" + (sec < 10 ? "0" : "") + sec

سخن پایانی:

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

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

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

اگه هم برای کسب و کارتون نیاز به یه ویدیو موشن گرافیک قوی دارین، همین امروز سفارش موشن گرافیکت رو ثبت کنین.