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

روش ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

روش ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

سطح آموزش: مقدماتی

در این آموزش، به شما نشان خواهم داد که چطور عقربه های ساعت را در افترافکت با کمک عبارات Expression ساده انیمیشن کنید.

منابع آموزش

از منابع زیر در طی این آموزش استفاده شده است:

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

۱. ایجاد قالب ساعت در فتوشاپ

مرحله ۱

فتوشاپ را باز کنید. فایل تصویر BG.jpg که همراه با آموزش است را وارد کنید. من این قالب را بعنوان مرجع ایجاد کردم که به ما در ساخت ساعت کمک میکند.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

فتوشاپ را باز کنید.

مرحله ۲

کلیدهای Shift ، Ctrl و N را بزنید تا یک لایه جدید ایجاد کنید. نام این لایه را به BG تغییر دهید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

یک لایه جدید ایجاد کنید

مرحله ۳

در حالیکه ابزار Elliptical Marquee (انتخاب بیضوی) را انتخاب کردید، یک کادر انتخاب دایره ای ایجاد کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

ابزار Elliptical Marquee (انتخاب بیضوی)

مرحله ۴

داخل انتخاب را با رنگ سفید پر کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

پر کردن با رنگ سفید

مرحله ۵

ابزار Text را بردارید و با رنگ سیاه عدد ۱۲ را تایپ کنید. آنرا با لبه ی بالا در پس‌زمینه هم‌تراز کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

ابزار Text

مرحله ۶

با استفاده از روشی مشابه میتوانید تمامی اعداد را ایجاد کنید و بر همین اساس آنها را قرار دهید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

ابزار Text

مرحله ۷

کلید Shift و Ctrl و N را بزنید تا یک لایه جدید ایجاد کنید. نام این لایه را به Minute Hand (عقربه دقیقه) تغییر دهید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

یک لایه جدید ایجاد کنید

مرحله ۸

با ابزار Rectangle Marquee (انتخاب مستطیلی) ، یک کادر انتخاب برای شکل عقربه دقیقه بکشید و آنرا با رنگ سیاه پر کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

ابزار Rectangle Marquee (انتخاب مستطیلی)

مرحله ۹

در حالیکه لایه عقربه دقیقه (Minute Hand) انتخاب شده، کلیدهای Ctrl و J را بزنید تا یک نسخه دیگر از آن ایجاد کنید. نام لایه را به Hour Hand (عقربه ساعت) تغییر دهید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

عقربه ساعت (Hour Hand)

مرحله ۱۰

در حالیکه لایه Hour Hand انتخاب شده، کلیدهای Ctrl و T را بزنید تا امکان انتقال آزاد (Free Tranform) فراهم شود. عقربه ساعت را بچرخانید و آنرا بروی ۳ تنظیم کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

Free Transform (تبدیل آزاد)

مرحله ۱۱

با کمک امکان Free Transform ، طول عقربه ساعت را کوتاهتر کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

طول عقربه ساعت را کوتاهتر کنید

مرحله ۱۲

در حالیکه لایه BG انتخاب شده، بروی آیکون fx با عنوان Add a layer style (افزودن استایل لایه) کلیک کنید. گزینه ی Stroke را در منوی باز شده انتخاب کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

انتخاب Stroke

مرحله ۱۳

این کار پنجره استایل لایه (Layer Style) را باز میکند. رنگ و پهنای مورد نظر را برای استایل stroke انتخاب کنید. این کار حاشیه‌ای دور ساعت ایجاد میکند.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

پنجره Layer Style (استایل لایه)

مرحله ۱۴

یک استایل لایه Bevel and Emboss اضافه کنید و تنظیمات نشان داده شده در تصویر زیر را اعمال کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

افزودن استایل Bevel and Emboss

مرحله ۱۵

فایل را با عنوان clock.psd ذخیره کنید. ذخیره ی فایل در فرمت PSD شما را در این مورد مطمئن میسازد که میتوانید هر لایه را جداگانه در افترافکت کنترل کنید. لطفا توجه کنید که این یک ساعت خیلی ساده و ابتدایی هست و فقط برای نمایش مقصود آموزش ایجاد شده است. میتوانید جزئیات بیشتری ایجاد کنید و بر اساس نیاز خود برای ایجاد آن خیال پردازی بیشتری کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

فایل را ذخیره کنید

۲. ایجاد انیمیشن ساعت در افترافکت

مرحله ۱

افترافکت را باز کنید. فایل clock.psd را وارد کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

افترافکت را باز کنید

مرحله ۲

آنرا بصورت Composition و با حالت Merge Layer Styles (ادغام استایل‌های لایه) در بخش Footage وارد کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

Merge Layer Styles (ادغام استایل لایه)

مرحله ۳

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

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

لایه‌ها

مرحله ۴

تنظیمات Rotation (چرخش) را برای هر دو عقربه ی دقیقه و ساعت باز کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

تنظیمات Rotation (چرخش)

مرحله ۵

 در اینجا عقربه دقیقه باید عقربه ساعت را کنترل کند. در حالیکه کلید Alt را گرفتید، بروی زمان‌سنج پارامتر Rotation کلیک کنید. این کار ویرایشگر عبارت expression را باز میکند. در اینجا بنویسید، thisComp.layer(“MinuteHand”).transform.rotation

روش جایگزین برای انجام این کار، کلیک بروی پیک ویپ (آیکون مارپیچ) پارامتر Rotation عقربه ساعت (Hour Hand) و رها کردن آن بروی Rotation عقربه دقیقه (Minute Hand) است.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

عبارت Expression

مرحله ۶

در حال حاضر، وقتی که عقربه دقیقه (Minute Hand) به مقدار ۳۶۰ درجه میچرخد یا یک چرخش کامل انجام میدهد، عقربه ی Hour Hand همین مقدار چرخش را انجام میدهد. من میخواهم عقربه دقیقه (Minute Hand) به مقدار ۳۶۰ درجه بچرخد و عقربه ساعت (Hour Hand) باید تنها ۳۰ درجه بچرخد. در ویرایشگر عبارت Expression را بر ۱۲ تقسیم کنید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

ویرایش عبارت Expression

مرحله ۷

تمام شد. میتوانید عقربه دقیقه را انیمیشن کنید و درستی آن را ببینید. وقتی که عقربه دقیقه یک چرخش کامل انجام میدهد، عقربه ساعت از عددی به عدد دیگر تغییر میکند. فقط لازم است که عقربه چرخش دقیقه (Minute Hand) را انیمیشن کنید و بدین ترتیب عقربه ساعت (hour hand) هم بطور خودکار خواهد چرخید.

ساخت انیمیشن عقربه های ساعت دیواری در افترافکت

نتیجه نهایی

نتیجه‌گیری

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

هر چند که مقداری ریاضیات لازم است، من تلاش میکنم تا آموزش‌های بیشتری در مورد عبارات expression تولید کنم.

به این مطلب امتیاز دهید
در حال ارسال
امتیاز کاربران
۴.۷۵ (۴ نفر)