آموزش انتقال آیکون متحرک در افتر افکت
Animated icon transition in After Effects
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
نمادها را برای هر رابطی در چند دقیقه متحرک کنید! حرکت در طراحی بسیار مفید است. و زنده کردن آن بسیار ساده است. من یک راه آسان برای متحرک کردن تصاویر برداری را به شما نشان خواهم داد.
در پایان شما خواهید داشت:
- انتقال متحرک بین آنها
به انیمیشن های بیشتری نیاز دارید؟ .
در مورد اندازه نماد شک دارید؟
را بررسی کنیدانتقال نمادهای متحرک.
انیمیشن خود را از یک نماد ایجاد کنید، که می تواند در رابط های کاربری اعمال شود، تنها در چند دقیقه.
لوازم:
- دو نماد (در پیوست ببینید یا موارد بیشتری را در ) انتخاب کنید
- Adobe Illustrator (30 روز آزمایشی رایگان)
- Adobe After Effects (30 روز آزمایشی رایگان)
- Adobe Photoshop (30 روز آزمایشی رایگان)
منبع مثال:
مرحله 1:
- نمادها را انتخاب کنید:
- اولیه
- آخرین مورد
- آن را برای انیمیشن در Illustrator آماده کنید:
- قطعاتی را که نامرئی هستند، اما باید در حالتی قابل مشاهده باشند، دوباره ایجاد کنید،
- لایه های ماسک آینده را بسازید،
- ایجاد لایه پس زمینه،
- اندازه مناسب را انتخاب کنید (نگاه کنید به)،
- چندین لایه ایجاد کنید،
- فایل .svg را به عنوان .ai ذخیره کنید.
- تصور کنید که انتقال چگونه خواهد بود.
- فایل آیکون .ai و توضیحات آماده شده را در بخش پروژه آپلود کنید.
مرحله 2:
- انیمیشن را در افتر افکت بسازید:
- پروژه را باز کنید،
- فایل نماد .ai را وارد کنید: اندازه لایه ها را حفظ کنید،
- ترکیب مناسب را باز کنید،
- زمان انیمیشن سریع اما قابل مشاهده (معمولاً 14 فریم) را تنظیم کنید
- زمان استراحت را انتخاب کنید (معمولاً 3 فریم در ابتدا و 3 فریم در پایان)،
- شکل های برداری را از لایه ها ایجاد کنید،
- قسمت متحرک را متحرک کنید،
- سهولت آسان
- اعمال لایه های ماسک
- فایل‌ها را به‌عنوان .gif در After Effects و Photoshop ذخیره کنید:
- در After Effects به avi. صادر کنید
- ذخیره به عنوان .gif در فتوشاپ
- آن را در اینجا آپلود کنید.
سرفصل ها و درس ها
درس ها Lessons
-
کلمات پایانی Final words
-
ذخیره یک GIF Saving a GIF
-
آماده سازی آیکون ها در Adobe Illustrator Preparing Icons in Adobe Illustrator
-
انیمیشن سازی در افتر افکت Animating in After Effects
-
آسانی، لایه ماسک، و صادرات Easy Ease, Mask Layer, and Export
-
پیش نمایش Preview
جزییات دوره
21m
6
Skillshare (اسکیل شیر)
(آخرین آپدیت)
1,950
3 از 5
دارد
دارد
دارد
https://donyad.com/d/553d
Margarita Ivanchikova
طراح آیکون و حرکت
من عاشق ایجاد انیمیشن، گرافیک برداری، اشکال هندسی تمیز، و کاراکترهای زیبا هستم.
مشاهده در Dribbble
در Society6 وارد شوید
نمایش نظرات