آموزش Cavalry برای مبتدیان: نحوه انیمیت کردن رابط کاربری (UI) نرمافزار، وبسایت و اپلیکیشن به صورت حرفهای - آخرین آپدیت
دانلود Cavalry for Beginners: How to Animate Software/Website/App UIs Like a Pro
آیا تا به حال یک تبلیغ یوتیوببرای یک اپلیکیشنمدرن یا یک محصول SaaSدیدهاید و از خود پرسیده باشید که آن انیمیشنهای روان و سینمایی UIچگونه ساخته میشوند؟ این دوره پاسخ شماست.
در این کلاس مناسب برای مبتدیان، شما نحوه انیمیت کردن المانهای رابط کاربری نرمافزار و وبسایت را با استفاده از Cavalryیاد میگیرید؛ ابزاری قدرتمند در زمینه موشن گرافیک که بر پایه دادهها و اتوماسیون ساخته شده است.
ما از صفر شروع میکنیم و به تدریج یک صحنه کاملاً متحرک شامل دکمهها، مکاننماهای ماوس، انتقال کارتها (Card Transitions)، افکتهای هاور (Hover)، حرکات دوربین و هایلایتر تیتر اخبار را میسازیم؛ دقیقا همان نوع انیمیشنهایی که هر روز در تبلیغات محصولات سطح بالا میبینید.
شما خواهید آموخت که Cavalry چگونه نقاط محور (Pivot Points) و فضای مختصاتی را مدیریت میکند. این موضوع برای پیشبینیپذیر و قابل کنترل کردن هر انیمیشن در این ابزار بسیار حیاتی است.
سپس در ابتدا با ابزارهای Cavalry از طریق موارد زیر آشنا خواهید شد:
- طراحی یک دکمه ساده
- ساخت یک مکاننمای ماوس که در یک مسیر منحنی، مشابه حرکت واقعی ماوس، جابهجا شود
- انیمیت کردن کلیک ماوس روی دکمه، همراه با یک واکنش کلیک جذاب.
سپس به سراغ صحنه کامل میرویم، جایی که شما:
- یک کارت پروفایل کاربر و یک کارت پیام طراحی کرده و آنها را با افکتهای هاور دکمه، واکنشهای کلیک و حرکات دوربین که به صورت سینمایی بین صفحات جابهجا میشوند، انیمیت میکنید.
- در نهایت، یک تیتر خبر را با افکت هایلایت انیمیت خواهید کرد.
در پایان این دوره، شما یک صحنه کامل انیمیشن UI خواهید داشت که میتوانید آن را به پورتفولیوی خود اضافه کنید، در ویدیوهای محصول خود به کار ببرید یا به مشتریان تحویل دهید.
درسها Lessons
-
مقدمه Intro
-
مرور کلی Cavalry Cavalry Overview
-
نقطه محور (Pivot Point) Pivot Point
-
طراحی یک دکمه Design a Button
-
طراحی مکاننمای ماوس Design a Mouse Cursor
-
انیمیت کردن مکاننما Animate the Cursor
-
انیمیت کردن کلیک دکمه Animate the Button Click
-
طراحی کارت پروفایل کاربر - بخش اول Design User Profile Card
-
طراحی کارت پروفایل کاربر - بخش دوم Design User Profile Card
-
طراحی کارت پروفایل کاربر - بخش سوم Design User Profile Card
-
طراحی کارت پیام - بخش اول Design Message Card
-
طراحی کارت پیام - بخش دوم Design Message Card
-
طراحی کارت پیام - بخش سوم Design Message Card
-
طراحی تیتر خبر Design News Headline
-
مکاننمای ماوس Mouse Cursor
-
انیمیت کردن مکاننما Animate the Cursor
-
انیمیت کردن دوربین Animate Camera
-
انیمیت کردن کارت پروفایل کاربر Animate the User Profile Card
-
انیمیت کردن کارت پیام Animate the Message Card
-
انیمیت کردن تیتر خبر Animate the News Headline
-
افزودن جلوههای صوتی Add Sound Effects
-
خروجی گرفتن (Export) Export
-
گامهای بعدی Next Steps
https://donyad.com/d/d170df
Ken Mbesa
من بسیار مشتاق ارتقاء مهارت هستم!
از زمانی که از کالج فارغ التحصیل شدم و شروع به کار کردم، همیشه به جای زندگی، تمایل شدیدی به ایجاد تغییر داشتم.
با ایجاد تغییر در زندگی مردم از طریق محتوایی که ایجاد میکنم، میدانم که هرگز کمبودی ندارم.
من به Skillshare پیوستم تا (1) به دیگران کمک کنم مهارتهای طراحی وب را که در طول سالها به دست آوردهام بیاموزند و (2) L مهارتهای مفید قرن 21 را از دیگر سازندگان محتوای شگفتانگیز به دست بیاورم. .
من در سال 2014 به عنوان یک طراح گرافیک خودآموز شروع به کار کردم (من یک متخصص Adobe Illustrator و Photoshop هستم)، سپس از حدود سال 2018 به یک طراح وب وردپرس تبدیل شدم (شروع با Divi، و اکنون من با Elementor وب سایت بسازید)، و اکنون در حال یادگیری انیمیشن های مدل سازی سه بعدی هستم (در Blender در سطح متوسط هستم و در Unreal Engine 5 مبتدی هستم).
با یادگیری این مهارتهای قرن 21، من معتقدم که میتوانم به افراد بیشتری کمک کنم تا ایدههای خود را با قدم گذاشتن به آینده اجتنابناپذیر مبتنی بر فناوری، زنده کنند.
و اکنون که کمی در مورد من میدانید، برای بررسی دورههایی که منتشر کردهام، به سمت پایین حرکت کنید.
امروز در هر یک از کلاس های من ثبت نام کنید و مهارت را شروع کنید.
نمایش نظرات