14 лютого, 11:00

Онлайн-воркшоп

Основи анімації сайтів в After Effects

Разом із Віталієм Дячуком ви навчитесь створювати UI-анімацію для сайтів в After Effects — від базових принципів руху до анімації кнопок, переходів і передачі роботи в розробку.

гортайте, щоб дізнатись більше

Воркшоп, що навчить перетворювати статичний макет на анімацію

UI-анімація пояснює інтерфейс без слів: спрямовує увагу, підказує дії та робить взаємодію легшою. На воркшопі ви навчитесь анімувати ключові елементи сайтів і лендінгів в After Effects — кнопки, ховери, хедери й переходи — швидко переносити готовий дизайн з Figma та створювати рух, що покращує користувацький досвід.

Мова викладання: українська

Час на проходження: 4 години

Цікавий майстерклас

Сесія питань та відповідей

Доступ до запису воркшопу

Практична робота в After Effects

Розбір прикладів та рекомендації

Сертифікат після завершення

Кому стане в пригоді

Графічним дизайнерам

SMM-дизайнерам

Бренд-дизайнерам

Продуктовим дизайнерам

UX/UI-дизайнерам

Моушн-дизайнерам

Хто викладає

Віталій Дячук

Віталій Дячук

Провідний дизайнер ікомерс-проєктів у League Design Agency

Віталій — досвідчений дизайнер з понад 8 роками досвіду у комерційному дизайні та один з улюблених викладачів спільноти Креативної Практики.

В його портфоліо проєкти для українських та міжнародних компаній, таких як Luxoft, iHerb, Vogue, Taryan Towers та британський необанк Harbour.

Його глибинна експертиза — комерційні платформ та майданчики для онлайн-торгівлі. А ще він захоплюється 3D-дизайном і моушн-анімацією, що допомагають робити взаємодію з цифровими продуктами виразнішою.

До портфоліо

Програма воркшопу

Графік події є орієнтовним, і може змінюватись під час проведення події.

11:00

Вступ та знайомство

Розберемо, що таке UI-анімація та яку роль вона відіграє в користувацькому досвіді.

11:15

After Effects для UI-анімації

Розберемо інтерфейс After Effects, навчимось працювати з ключовими кадрами та налаштовувати плавність анімації.

11:45

Практика: перенесення дизайну з Figma

Навчимось швидко переносити дизайн в After Effects. Створимо реалістичне прокручування й анімаційні ефекти для сайту.

12:30

Практика: анімація елементів інтерфейсу

Створимо анімацію кнопок, ефектів наведення, курсору та звукових акцентів.

14:15

Підготовка анімації для розробників

Навчимося передавати анімацію так, щоб її було зручно реалізувати в проєкті.

14:45

Завершення та відповіді на запитання

Підсумуємо ключові моменти воркшопу та поговоримо про подальший розвиток в UI та моушн-дизайні.

Після цього воркшопу ви

Опануєте принципи UI-анімації для сайтів

і зрозумієте, як рух впливає на сприйняття інтерфейсу.

Навчитесь працювати з After Effects

і зможете впевнено використовувати ключові інструменти для анімації.

Зможете анімувати основні елементи сайту

— такі як кнопки, ефекти наведення, курсору та звукових акцентів.

Навчитесь переносити готовий дизайн з Figma в After Effects

і швидко будувати макет до роботи з анімацією.

Зрозумієте, як краще готувати анімацію для розробників

для легкої реалізації у проєктах.

Отримаєте напрям для подальшого розвитку в UI та моушн-дизайні

і зрозумієте, як системно розвивати ці навички.

Відповіді на деякі важливі запитання

Ні, цей воркшоп не входить до передплати. Ви можете придбати доступ окремо та долучитися до події наживо або у записі.

Так, після завершення воркшопу вам буде доступний запис. Це зручно, якщо у вас немає можливості приєднатися наживо — ви зможете переглянути подію у зручний час і повернутися до потрібних моментів під час практики.

Так, воркшоп підійде для початківців. Ви отримаєте зрозуміле введення в UI-анімацію, базові принципи роботи з After Effects і практичні навички, з яких зручно починати роботу з анімацією для сайтів.

Так, після проходження воркшопу ви отримаєте сертифікат. Він підтвердить вашу участь у події та опанування навичок UI-анімації.