Интерфейсна анимация - курс 31 900 RUB. от Uprock, обучение 4 месеца, дата 28 ноември 2023 г.
разни / / November 30, 2023
Започнете по всяко време и научете с удобна скорост
Началото на обучението не е обвързано с датата на закупуване на курса. Започнете по всяко време, когато ви е удобно и учете с комфортна скорост. Най-добрият вариант е да отделяте 2 часа на ден за учене. Ако можете да посветите 4-8 часа на курса, ще го завършите 2-4 пъти по-бързо.
Последователност и време за адаптиране
Сложността на задачите, които изпълнявате, нараства от най-простите, с продължителност до 30 минути, до по-сложните и отнемащи много време. Така постепенно се включвате в учебния процес.
Обемни, но информативни видео уроци
Първо направихме сценарий от няколкостотин страници, след това го озвучихме, редактирахме, напълнихме го с графики и направихме за вас кратки уроци „без вода“, които са лесни за научаване и удобни за връщане към нещо припомням си.
Нашите куратори дават най-бързите и подробни отговори. Има строги правила: ще получавате поне 2 видео анализа на ден, във всеки отговор кураторът ще отбележи вашите грешки и ще ви каже как да ги коригирате.
Програмата на курса обхваща всички теми на анимацията на интерфейса. Всички уроци се дават последователно и интензивно, обемно и без вода.
ТЕОРИЯ
Въведение
В този урок ще получите представа какво е уеб анимация, какви функции изпълнява в дизайна на интерфейса и в какви случаи се използва. Ще научите какви два вида анимации се използват в реални уебсайтове. Получете ключови съвети как да създавате плавна, лесна и винаги подходяща анимация. Ще научите кои техники е най-добре да не използвате в реалистични анимации и защо. Ще анализираме основните анимационни действия и ще ги разгледаме с примери. Нека да разберем какви програми трябва да бъдат инсталирани за обучение и удобна работа. Къде и как да се регистрирате, кой тарифен план да изберете. Ще получите два полезни плъгина - AEUX и Motion Tool, които ви позволяват да оптимизирате някои ключови работни процеси в Adobe After Effects и значително улеснете процеса на създаване на анимация и се запознайте с програмата After Ефекти.
- Въведение в уеб анимацията
- Теория
- Инсталиране на програми
- Интерфейс и настройка на After Effects
ПРАКТИКА
Анимация на външния вид
В този урок ще научите най-основната и популярна анимация - анимацията на външния вид и свойството Opacity. Този практически урок е структуриран по такъв начин, че да получите подробни инструкции как да създадете анимация за външен вид стъпка по стъпка. Ще говорим за това какво е рендиране и защо е необходимо. Нека да разгледаме функцията Track Matte и първото й свойство - Alpha Matte (алфа маска). В резултат на това ще придобиете основни умения за работа със свойствата Opacity, Alpha Matte (алфа маска) и ще създадете снимка с красива анимация на външния вид.
ПРАКТИКА
Сложна сцена на външен вид
Нека да разгледаме комбинация, която се състои от две анимации: външен вид (вече сте запознати с нея) и движение (това е нов тип анимация за вас). На последното ще се спрем по-подробно. За да анимирате движение, ще използвате параметъра Position, който определя позицията на обекта в композицията. Също така ще се запознаете с опцията на слоя Anchor Point и ще научите как да я използвате правилно. В крайна сметка ще анимирате кадър и ще научите как да създавате впечатляващи анимации от различни видове анимации.
ПРАКТИКА
Работа с инструменти за движение
В урока ще разгледате подробно скрипта Motion Tools. На практика вижте колко удобен е този инструмент. Всъщност това значително ускорява работния процес. Ще придобиете задълбочено разбиране за това какво е Velocity Graph, Easing, как работят кривите на Безие в After Effects и как влияят върху анимацията. Накрая ще научите подробно как да персонализирате вашата анимация с помощта на Motion Tools, което значително ще оптимизира изживяването ви с анимация.
- Общи понятия
- Инструменти за движение v2.0
ПРАКТИКА
Анимация за мащабиране (използване на алфа маска)
Ще научите как можете да показвате анимации на появяващи се снимки. Ключовото свойство, което ще научите в този урок, е параметърът Scale на слоя. С негова помощ можете да промените размера на обект. Тази анимация се нарича мащабираща анимация (използвайки Alpha Matte). Ние ще мащабираме самата Alpha Matte (алфа маска) и изображението вътре в нея заедно с анимацията на външния вид, която вече сте проучили. В резултат на това ще научите как ефективно да анимирате снимки.
ПРАКТИКА
Паралакс анимация
Ще придобиете задълбочено разбиране как да приложите един от най-популярните ефекти - паралакса. За да го реализирате, ще ви трябват 3 дизайнерски елемента и вече познатото свойство Position. След като създадете ефекта на паралакса, ще разберете как да приложите обратна анимация, за да я направите циклична. И накрая, ще научите как да създавате кадри, които използват ефекта на паралакса, за да създадат усещане за дълбочина и измерение, което оставя силно впечатление у зрителите.
ПРАКТИКА
Сложна сцена с прилагане на паралакс, движение и маска
В този урок ще научите как да създавате сложни анимации, които включват анимациите, които сте научили в предишните глави. спринтове, а именно: Външен вид - Непрозрачност, Движение - Позиция, Мащабиране - Мащаб, прилагане на Alpha Matte (алфа маска) и Effect паралакс. Нов тип анимация за вас ще бъде появата на заглавието в областта на маската. Ще научите как да създавате сложни сцени с преходи, като използвате всички тези типове анимация, което ще помогне на вашите снимки да се открояват от останалите.
ПРАКТИКА
Адаптивна анимация
Ще разгледаме концепцията за адаптивна анимация. Това е вече познатата анимация за увеличение, която ще използвате, за да демонстрирате адаптивни версии на сайта, когато оформлението на работния плот плавно се трансформира в оформление на мобилен телефон. За да го създадете, ще използвате предварително научени свойства, като Movement – Position, Scaling – Scale, Disappearance/Appearance – Opacity, Reverse Animation – Motion Tools 2/Clone. Знанието как правилно да внедрите адаптивна анимация ще ви позволи ефективно да представите вашите проекти.
ПРАКТИКА
Ротационна анимация
Ще научите проста анимация - завъртания и свойството на обект Rotation, което отговаря за завъртането на слой около неговата опорна точка. Ще разгледаме три параметъра на въртене: броя на оборотите, количеството, с което искаме да завъртим елемента (в градуси), въртене по посока на часовниковата стрелка/обратно на часовниковата стрелка. След като преминете през всеки от повтарящите се анимационни цикли стъпка по стъпка, в крайна сметка ще овладеете умението да работите със свойството Rotation и ще създадете кадър с ротационна анимация, която ще привлече вниманието на зрителите.
ПРАКТИКА
Комплексна анимация, състояща се от всички основни анимации
Нека разгледаме една по-сложна комбинация, която се състои от всички основни анимации, с които сте запознати. В този урок ще засегнем темата за създаване на ефект на симулиране на щракване върху картина с помощта на анимация на мащабиране и изчезване на кръга (Ellipse Tool). В резултат на това ще научите последователността от различни анимации, което ви позволява да създавате по-сложни, впечатляващи анимации.
ПРАКТИКА
Работа със сцени
Този урок е цикъл, който се състои от 3 спринта. Той се фокусира върху алтернативни преходи на сцени. Първо, ще разгледаме по-подробно понятието „сцена“ и ще обсъдим какви преходи между сцените съществуват. Ще научите как да използвате 3 нестандартни опции за смяна на сцени: смяна на маска, смяна на перде и смяна на слайд. За да създадете преход „промяна на маската“, ще разберете и научите как да работите с новия параметър Track Matte – Alpha Inverted Matte или Inverted Alpha Mask. И научете как да импортирате видео в анимационна композиция.
ПРАКТИКА
Анимация за промяна на цвета
В този урок ще научите как да работите с цветна анимация и свойството Color слой. Проста анимация, която може да се използва за демонстриране на задържане на бутони или връзки. Но ние ще разгледаме по-интересен вариант, как можете красиво да представите проекта си с помощта на анимация, променяща цвета.
ПРАКТИКА
Анимация на пътя (изрязване)
Ще научите новия параметър Trim Path, който може да се използва за създаване на много готини ефекти на движение на пътека, или с други думи, ефекти за изрязване на пътека. Например, когато искат да покажат предварително зареждане, лента за напредък във видео плейър и т.н.
ПРАКТИКА
Комплексна анимация
В този урок отново ще работите със сложна анимация, ще консолидирате придобитите преди това умения и ще създадете анимация на кадри с нови ефекти, като използвате всички същите основни свойства на анимацията: външен вид, движение, маска, мащабиране, преход между сцена 1 (промяна на маската), преход между сцена 2 (промяна завеса).
ПРАКТИКА
Декоративна текстова анимация (бъг)
Този урок започва друг малък цикъл, състоящ се от 3 урока за декоративна текстова анимация. В този урок ще научите как да направите такъв необикновен ефект като Glitch - ефектът на „счупена“ картина или телевизионни смущения. Този ефект в анимацията изглежда доста модерен и създава уау ефект. Създаването му е доста лесно
ПРАКТИКА
Декоративна текстова анимация (скрипт)
В този урок ще научите как да създадете анимация, която симулира главен текст. Тази техника често се използва за поставяне на акценти в уебсайт и изглежда доста естетически. За тази анимация ще използвате новия Pen Tool. Бъдете готови за тежка работа и бъдете търпеливи. В резултат на това ще получите красива анимация, която можете да използвате, за да представите вашите проекти.
ПРАКТИКА
Творческа текстова анимация
В този урок отново ще намерите текстова анимация, но по-креативна и необичайна. Интересният му ефект включва комбинация от различни анимации, използващи две алфа маски - проста и обратна. В резултат на това ще създадете страхотен кадър и можете да използвате този метод в проектите си за ефективни презентации.
ПРАКТИКА
Комплексна анимация
В този урок ще използваме видовете анимации, с които вече сте запознати, но ще използваме някои от тях, за да създадем по-сложни и нестандартни ефекти. В резултат на това получаваме сложна, сложна анимация, която се състои от три сцени с преходи, превъртане и промени в слайдовете.
ПРАКТИКА
Анимация с помощта на Luma Matte
В предишните уроци обсъдихме параметрите на Track Matte и вече имате добра представа за принципа на работа на Alpha Matte и Alpha Inverted Matte. В този урок ще разгледаме следните две опции за Track Matte: Luma Matte и Luma Inverted Matte и ще научим как да ги прилагаме към нашите проекти.
ПРАКТИКА
Анимация, използваща Turbulent Displace
Нека изучим анимацията, използвайки ефекта на изкривяване на снимката. Turbulent Displace е един от инструментите на параметъра Distort. Технически, това е леко изместване на пикселите, което помага да се създаде ефект на вълна и често се използва за ефекта в снимките.
ПРАКТИКА
Сложна комплексна анимация
Последният обучителен урок, в който ще създадем сложна комплексна анимация, използвайки наученото преди това видове анимации и нов – параметърът Text и неговото свойство „Source Text“, което ви позволява да променяте съдържанието на текста слой. Самостоятелна практическа част, в която ще измислите и създадете анимация за вашия кадър от нулата, както и няколко интересни и полезни бонус видео урока
ПРАКТИКА
Създаване на анимация от нулата
Определяне на стила, търсене на референции, създаване на сценарий. Принципът на създаване на идеи за сцени и преходи между тях, подготовка на изходния код, създаване на анимация на 1 сцена, публикуване на кадъра в мрежите.
ПРАКТИКА
Управление на Dribbble акаунт и промоция
Управление на Dribbble акаунт и промоция. Анимация за презентации и Behance. Използване на анимация от After Effects на уебсайта.