Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Adobe After Effects

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

by
Difficulty:BeginnerLength:ShortLanguages:

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

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

آنچه که خلق خواهید کرد


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

مرحله 1

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

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

مرحله 2

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

Create a new layer
یک لایه جدید ایجاد کنید

مرحله 3

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

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

مرحله 4

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

Fill white color
پر کردن با رنگ سفید

مرحله 5

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

Text tool
ابزار Text

مرحله 6

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

Text tool
ابزار Text

مرحله 7

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

Create a new layer
یک لایه جدید ایجاد کنید

مرحله 8

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

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

مرحله 9

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

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

مرحله 10

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

Free Transform
Free Transform (انتقال آزاد)

مرحله 11

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

Shorten the length of the hour hand
طول عقربه ساعت را کوتاهتر کنید

مرحله 12

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

Stroke option
انتخاب Stroke

مرحله 13

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

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

مرحله 14

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

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

مرحله 15

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

Save the file
فایل را ذخیره کنید

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

مرحله 1

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

Open After Effects
افترافکت را باز کنید

مرحله 2

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

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

مرحله 3

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

All layers
لایه‌ها

مرحله 4

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

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

مرحله 5

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

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

Expression
عبارت Expression

مرحله 6

در حال حاضر، وقتی که عقربه دقیقه (Minute Hand) به مقدار 360 درجه میچرخد یا یک چرخش کامل انجام میدهد، عقربه ی Hour Hand همین مقدار چرخش را انجام میدهد. من میخواهم عقربه دقیقه (Minute Hand) به مقدار 360 درجه بچرخد و عقربه ساعت (Hour Hand) باید تنها 30 درجه بچرخد. در ویرایشگر عبارت Expression را بر 12 تقسیم کنید.

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

مرحله 7

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

Final
نتیجه نهایی

نتیجه‌گیری

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.