Профессия UI/UX-дизайнер. Модуль 13. Супер After Effects
О чём курс
О чём курс
Вы пройдете полный цикл создания сайтов и мобильных приложений с нуля до передачи готовых макетов в разработку, начав с первоначального брифа и проработки бизнес-требований в рамках профессии UI/UX-дизайнера.
Студенты изучают продуктовый дизайн, проектирование пользовательского опыта и основы визуальной коммуникации. Обучение проходит по свободному графику с акцентом на практические задачи.
Для кого
Материал ориентирован на новичков, не имеющих предварительного опыта или специальных знаний в сфере IT и дизайна. Также курс подойдёт специалистам с базовым бэкграундом, желающим закрыть пробелы в знаниях или точечно освоить профильный софт.
Что внутри
Обучение выстроено по дорожной карте, которая включает в себя несколько ключевых блоков:
- Основы графического дизайна: композиция, типографика, теория цвета и развитие насмотренности.
- Инструменты: работа в Figma, Photoshop, After Effects, Cinema 4D и использование нейросетей (Midjourney, Stable Diffusion, Kling AI).
- Дизайн интерфейсов: проектирование лендингов, мобильных приложений, дэшбордов, а также создание UI-kit и дизайн-систем.
- Продуктовый подход: продуктовые метрики, взаимодействие внутри продуктовой команды и методология Double Diamond.
Что даёт
Практическая часть направлена на создание концепт-проектов для старта на рынке фриланса или в найме. По итогам обучения студенты собирают портфолио из шести разноплановых работ.
Отдельный блок посвящён трудоустройству: подготовке резюме и CV, прохождению собеседований, выполнению тестовых заданий и вайтборд-сессий.
Преподаватели
Кураторы и спикеры курса — практикующие дизайнеры с опытом работы в компаниях Яндекс, Сбер, Альфа-Банк, ГК «Самолёт» и Газпромбанк.
Программа обучения
Дорожная карта курса:
- Этап 1. Введение в профессию UI/UX-дизайнер
- Этап 2. Основы графического дизайна
- Композиция
- Типографика
- Средства визуальной выразительности
- Цвет и свет
- Насмотренность
- Этап 3. Инструменты UI/UX-дизайнера
- After Effects
- Photoshop
- Figma
- Cinema 4D
- Нейросети
- Этап 4. Дизайн интерфейсов
- Основы веб-дизайна
- Лендинги
- Мобильные приложения
- UI-kit и дизайн-система
- Этап 5. Продуктовый дизайн
- Метрики
- Как работают продуктовые команды
- Базовый функционал продукта
- Двойной бриллиант: Discover и Define
- Двойной бриллиант: Develop и Deliver
- Передача в разработку
- Этап 6. Старт карьеры в UI/UX-дизайне
- Поиск работы
- CV, портфолио, резюме
- Собеседования
- Тестовые задания и вайтборд
Модули курса:
- Модуль 1. Введение в профессию UI / UX-дизайнер
- Модуль 2. Базовые правила дизайна
- Модуль 3. Композиция
- Модуль 4. Типографика и работа с текстом
- Модуль 5. Цвет
- Модуль 6. Насмотренность
- Модуль 7. Супер Figma
- Модуль 8. Дизайн интерфейсов
- Модуль 9. Воркшоп. Учимся рисовать красивый UI
- Модуль 10. Продуктовый дизайн
- Модуль 11. Воркшоп. Решаем продуктовый кейс Альфа-банка
- Модуль 12. Супер Photoshop
- Модуль 13. «Супер After Effects»
- Глава 1. Знакомство с After Effects:
- Знакомство с интерфейсом
- Работа со слоями
- Обзор свойств трансформаций
- Работа с длительностью слоев
- Знакомство с эффектами
- Знакомство с анимацией
- Работа над первым шотом
- Создание первого перехода
- Работа над вторым шотом
- Работа над третьим шотом
- Работа над четвертым шотом
- Анимация логотипа
- Установка плагинов и скриптов
- Финализация проекта и рендер
- Знакомство с куратором
- Полезные материалы
- Глава 2. Анимация в After Effects. Принципы анимации:
- Ключевые кадры типа Linear и Hold
- Ключевые кадры типа Bezier и Easy Ease
- Пространственная интерполяция
- Пример с шариками. Работа с "весом" слоя
- Принцип анимации "растяжение и сжатие"
- Принцип анимации "подготовка к действию"
- Принцип анимации "сквозное движение и захлест"
- Разбор оставшихся принципов анимации
- Применение принципов анимации
- Collapse transformations & Continuously rasterize
- Ответы на часто задаваемые вопросы
- Полезные скрипты и плагины
- Полезные материалы
- Задание: Анимировать иллюстрацию с качелями
- Глава 3. Выражения:
- Связка параметров при помощи выражений
- Изменяемые параметры в выражениях
- Выражение затухающих колебаний
- Зацикливание анимации
- Функция Wiggle
- Выражение Time
- Применение выражения Time
- Выражение Index
- Функция Random
- Генеративный дизайн с функцией Random
- Функции Linear и Ease
- Продвинутый пример работы с Linear и Ease
- Выражение "SourceRectAtTime"
- Выражение "sampleImage"
- Продвинутое использование выражения "sampleImage"
- Выражение "fromComp"
- Выражение "toComp"
- Полезные материалы
- Глава 4. Композиция в After Effects:
- Оптимизация работы с однотипными композициями
- Анимация элементов фона с крестиком и ромбами
- Анимация элемента с точками
- Анимация элементов с веткой и синусоидой
- Анимация элемента с кругами
- Обзор оставшихся элементов фона
- Анимация камеры
- Полезные материалы
- Задание: Анимировать иллюстрацию
- Глава 5. Текст и типографика:
- Работа на панели Character
- Расположение текста на кривой
- Работа с текстовыми блоками
- Побуквенная анимация
- Знакомство с аниматорами
- Продвинутая работа с аниматорами
- 3D-аниматоры
- Пример вступительных титров
- Wiggly Selector
- Expression selector
- Opening-композиция. Создание фона
- Opening-композиция. Плашка с именем
- Opening-композиция. Анимация
- Opening-композиция. Добавление шурешек
- Opening-композиция. Передача проекта в Premiere Pro
- Подготовка постера
- Анимация печатного текста
- Анимация рукописного текста
- Разбор мелких деталей композиции
- Полезные материалы
- Задание: Создать анимированную плашку Lower-third
- Глава 6. 3D-графика и 3D-слои в After Effects:
- Создание VJ-loop. Подготовка секции тоннеля
- Создание VJ-loop. Анимация камеры
- Создание VJ-loop. Подготовка центрального куба
- Создание VJ-loop. Финализация композиции
- Композиция с 3D текстом. Подготовка текста
- Композиция с 3D текстом. Анимация текста. Создание фона
- Композиция "Outer worlds". Расстановка частей иллюстрации в 3D
- Композиция "Outer worlds". Анимация камеры
- Композиция "Outer worlds". Добавление деталей
- Композиция "Outer worlds". Финализация композиции
- Полезные материалы
- Задание: Анимировать иллюстрацию в 3D
- Глава 7. Создание шейпового ролика с нуля:
- Обзор шейповых примитивов
- Параметры шейповых слоев
- Работа с параметром Path
- Модификатор Trim Path
- Модификаторы Merge Path и Repeater
- Обзор оставшихся модификаторов
- Shape explainer. Раскадровка и подготовка иллюстрации
- Shape explainer. Анимация окна композиции
- Shape explainer. Анимация окна проекта и превью
- Shape explainer. Анимация окна таймлинии
- Shape explainer. Анимация камеры
- Shape explainer. Анимация слоев на таймлинии
- Shape explainer. Анимация сцены с ключами
- Shape explainer. Анимация сцены с тоннелем
- Shape explainer. Анимация сцен с кругами и логотипом
- Полезные материалы
- Задание: Создать шейповый ролик
- Глава 8. Частицы в After Effects:
- Обзор плагина Particular
- Работа с Particular Designer. Часть 1
- Работа с Particular Designer. Часть 2
- Разбор оставшихся параметров Particular
- Создание простой композиции с волнами
- Создание футуристичной композиции
- Глава 9. 3D-графика в After Effects. Новые возможности:
- Сборка комплексной 3D сцены
- Добавление 3D текста в видео
- Сборка комплексной 3D сцены
- Глава 10. Воркшоп. Абстрактная анимация:
- Введение
- Анимация первой сцены
- Анимация второй сцены
- Анимация третьей сцены
- Глава 11. Бонусная:
- Направления работы в After Effects
- Студия или фриланс?
- Как правильно собрать свой showreel
- Увеличение производительности After Effects
- Полезные материалы
- Глава 1. Знакомство с After Effects:
- Модуль 14. Супер Cinema 4D
- Модуль 15. Нейросети для дизайна и видео
- Модуль 16. Старт карьеры в UI/UX-дизайне
Теги курса
Часть курса: Профессия UI/UX-дизайнер
Модули курса
Материалы приобретаются отдельно. Выберите нужную тему и откройте её карточку.
- Модуль 1. Введение в профессию UI/UX-дизайнер Можно купить 1 000 ₽ →
- Модуль 2. Базовые правила дизайна Можно купить 1 000 ₽ →
- Модуль 3. Композиция Можно купить 1 000 ₽ →
- Модуль 4. Типографика и работа с текстом Можно купить 1 000 ₽ →
- Модуль 5. Цвет Можно купить 1 000 ₽ →
- Модуль 6. Насмотренность Можно купить 1 000 ₽ →
- Модуль 7. Супер Figma Предзаказ 500 ₽ →
- Модуль 8. Дизайн интерфейсов Можно купить 1 000 ₽ →
- Модуль 9. Воркшоп. Учимся рисовать красивый UI Предзаказ 500 ₽ →
- Модуль 10. Продуктовый дизайн Предзаказ 500 ₽ →
- Модуль 11. Воркшоп. Решаем продуктовый кейс Альфа-банка Можно купить 1 000 ₽ →
- Модуль 12. Супер Photoshop Можно купить 1 000 ₽ →
- Модуль 13. Супер After EffectsВы здесь Предзаказ 500 ₽ →
- Модуль 14. Супер Cinema 4D Предзаказ 500 ₽ →
- Модуль 15. Нейросети для дизайна и видео Предзаказ 479 ₽ →
- Модуль 16. Старт карьеры в UI/UX-дизайне Предзаказ 500 ₽ →
Отзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.