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