Профессия UI/UX-дизайнер. Модуль 13. Супер After Effects

18 участников

О чём курс

О чём курс

Вы пройдете полный цикл создания сайтов и мобильных приложений с нуля до передачи готовых макетов в разработку, начав с первоначального брифа и проработки бизнес-требований в рамках профессии 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
      • Полезные материалы
  • Модуль 14. Супер Cinema 4D
  • Модуль 15. Нейросети для дизайна и видео
  • Модуль 16. Старт карьеры в UI/UX-дизайне
Складчина создана 28 июня 2026 г.

Теги курса

Инструменты

Часть курса: Профессия UI/UX-дизайнер

Модули курса

Материалы приобретаются отдельно. Выберите нужную тему и откройте её карточку.

  1. Модуль 1. Введение в профессию UI/UX-дизайнер Можно купить 1 000 ₽ →
  2. Модуль 2. Базовые правила дизайна Можно купить 1 000 ₽ →
  3. Модуль 3. Композиция Можно купить 1 000 ₽ →
  4. Модуль 4. Типографика и работа с текстом Можно купить 1 000 ₽ →
  5. Модуль 5. Цвет Можно купить 1 000 ₽ →
  6. Модуль 6. Насмотренность Можно купить 1 000 ₽ →
  7. Модуль 7. Супер Figma Предзаказ 500 ₽ →
  8. Модуль 8. Дизайн интерфейсов Можно купить 1 000 ₽ →
  9. Модуль 9. Воркшоп. Учимся рисовать красивый UI Предзаказ 500 ₽ →
  10. Модуль 10. Продуктовый дизайн Предзаказ 500 ₽ →
  11. Модуль 11. Воркшоп. Решаем продуктовый кейс Альфа-банка Можно купить 1 000 ₽ →
  12. Модуль 12. Супер Photoshop Можно купить 1 000 ₽ →
  13. Модуль 13. Супер After EffectsВы здесь Предзаказ 500 ₽ →
  14. Модуль 14. Супер Cinema 4D Предзаказ 500 ₽ →
  15. Модуль 15. Нейросети для дизайна и видео Предзаказ 479 ₽ →
  16. Модуль 16. Старт карьеры в UI/UX-дизайне Предзаказ 500 ₽ →
500 ₽ 8 950 ₽