دوره طراحی اینتراکشن و پرزنت UI طراحی رابط کاربری در افترافکت با UI Animation Essentials

۱

مقدمات افترافکت - قسمت اول

رایگان

تو قسمت اول از دوره UI Animation، شما با جریان کار اولیه انیمیشن‌سازی در افترافکت بیش‌تر آشنا می‌شید. 

۲

مقدمات افترافکت - قسمت دوم

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

۳

فرایندهای Import و Export

یکی از واضح‌ترین راه‌ها برای این‌که در زمان‌تون صرفه‌جویی کنید، فرایند Import یا وارد کردن صحیح فایل‌ها به افترافکت هست و در این ویدیو قراره به این  سوال پاسخ داده بشه که چطوری می‌تونین راه‌هایی رو برای تعامل ابزارهای دیگه مثل Sketch یا فیگما با افترافکت پیدا کنین.

۴

مفهوم Functionality - قسمت اول

در اولین قسمت از مجموعه ویدیوهای Functionality درباره Mask در افترافکت بیش‌تر صحبت می‌شه. 

۵

مفهوم Functionality - قسمت دوم

تو قسمت دوم درباره ابزار Text Animation و انیمیشن‌سازی متن صحبت می‌شه تا بتونین متن‌های رابط کاربری‌تون رو به شکل انیمیت‌شده به نمایش بذارین. 

۶

مفهوم Functionality - قسمت سوم

تو قسمت سوم از این مجموعه ویدیو درباره ابزار Path Animation اطلاعاتی به دست میارید و یاد می‌گیرید چطوری با اون کار کنید. این ابزارها فقط ۲۰ درصد از افترافکت رو تشکیل می‌دن اما می‌تونن ۸۰ درصد از کارهای شما رو تکمیل کنن. 

۷

مفهوم Functionality - قسمت چهارم

شما تو این ویدیو بیش‌تر با فرایند ایز کردن که فرایندی مهم در انیمیشن‌سازی محسوب می‌شه، آشنا می‌شید و کی‌فریم رو هم بهتر درک می‌کنید.

۸

انیمیشن‌سازی در Principle - قسمت اول

برای انجام خیلی از کارها، نیازی به افترافکت نیست و با ابزارها و نرم‌افزارهایی مثل Principle می‌تونین راحت‌تر اون‌ها رو انجام بدین. توی اولین قسمت از این ویدیو قراره با Principle و محیط کاربری اون بیش‌تر آشنا بشین. 

۹

انیمیشن‌سازی در Principle - قسمت دوم

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

۱۰

اسکریپت‌ها

تو قسمت بعدی قراره بیش‌تر درباره اسکریپت‌های افترافکت صحبت کنیم؛ اون‌ها گردش کار ما رو بهبود می‌بخشن و فرصت‌هایی رو در اختیار ما قرار می‌دن که درحالت عادی با استفاده از ابزارهای خود افترافکت ممکن بود خیلی پیچیده باشه. 

۱۱

انیمیشن‌سازی از Preloaders

ما اکثراً با برنامه‌های وب و موبایل آشنا می‌شیم که با یک Preloader شروع می‌شن. تو این ویدیو یاد می‌گیرین که چطوری انیمیشن‌های بهتری از Preloaderها بسازید و با لایه‌ها هم بیش‌تر آشنا می‌شین. 

۱۲

مورفینگ‌ها

تو این جلسه روی مورفینگ‌ها تمرکز می‌شه که برای انیمیشن‌های Micro-interaction اختصاص داده می‌شه؛ به عبارتی، تو این ویدیو یاد می‌گیرین که چطوری انیمیشن‌های پیچیده بسازین و اون‌ها رو مرتب و تمیز پیاده‌سازی کنین. 

۱۳

خروجی گرفتن به JS

آیا می‌تونیم انیمیشن رو جوری خروجی بگیریم که وکتورها باقی بمونن، فضای کم‌تری رو اشغال کنن، با سرعت ۶۰ فریم بر ثانیه پخش بشن و بشه اون‌ها رو به شکل کد در هر سایت یا برنامه‌ای ادغام کرد؟‌ تو این ویدیو قراره به این سوال پاسخ داده بشه. 

۱۴

زبان بصری

بخش اینترفیس همیشه مجموعه‌ای از زبان‌های بصری متمایز رو شامل می‌شه. تو این ویدیو محبوب‌ترین دستور‌العمل‌های گوگل و اپل مورد بررسی قرار می‌گیره، متوجه می‌شین که چه چیزهایی برای یه زبان بصری خوب لازمه و در چطوری می‌تونیم اینترفیس‌های متحرک رو برای دستگاه‌های iOS ایجاد کنیم. 

۱۵

انیمیشن‌سازی اینفوگرافیک‌ها

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

۱۶

یکپارچه‌سازی تصاویر

تو این ویدیو یاد می‌گیرین که چطوری یه ویدیو رو با تصاویر دیگه ادغام کنین و یه حالت سه‌بعدی و واقعیت‌مجازی به پروژه‌تون ببخشین.

۱۷

ساخت Showreel

تو این ویدیو با تکنیک‌های مختلف، یک نمایشگر شیک و عالی طراحی می‌کنید.