Курс «С НУЛЯ ЧЕРЕЗ ПРАКТИКУ» | Урок 7: Анимация типографики в After Effects
💡 База знаний After Effects: https://t.me/AE_flow 🎬 YouTube: https://www.youtube.com/@The-Mike-Flow 📰 Яндекс.Дзен: https://dzen.ru/mikeflow_official 📺 RuTube: https://rutube.ru/channel/71913884/ 🚀 Boosty: https://boosty.to/mike-flow.off В этом уроке мы создаём несколько полноценных сцен, основанных на тексте и простых формах, и собираем их по принципу конструктора. Вы увидите, как даже базовые элементы — текст, точки, прямоугольники — могут стать основой свежего и органичного моушн-дизайна. Урок максимально практический и подойдёт новичкам, которые хотят научиться мыслить сценами, а не отдельными эффектами. ________________________________________ 🔹 Выражения для урока: 1) seedRandom(index, true); timeOffset = random(0,1); Math.sin((time + timeOffset) * 4) * 50 + 50 2) txt = thisComp.layer("Text"); r = txt.sourceRectAtTime(time, false); padding = [20, 20]; // отступы X / Y [r.width + padding[0], r.height + padding[1]] 🔹 Что разберём в этом уроке: • создание и анимацию типографических сцен • работу с шейпами и простыми формами • precomp’ы и грамотную организацию проекта • маски Stencil Alpha / Silhouette Alpha • работу с сеткой, выравниванием и упорядочиванием слоёв • выражения: loopOut, выражения для opacity и size • анимацию текста через Text Animators • приёмы адаптации фона под размер текста • создание зацикленных анимаций • скрипты и расширения: o True Comp Duplicator o Motion Tools o Motion Bro • сборку нескольких сцен и добавление переходов • оптимизацию проекта и полезные workflow-привычки ________________________________________ 🎯 Итог урока В результате вы соберёте 3 законченные сцены, используя один набор деталей, и поймёте, как: • работать быстрее • не перегружать дизайн • добиваться цельного и аккуратного результата даже на старте изучения After Effects ________________________________________ 🧠 Домашнее задание Используя готовые элементы из проекта, попробуйте создать ещё 1–3 сцены: • по собственному вкусу • или вдохновляясь примерами из Pinterest / Behance Идея урока проста: крутой дизайн — это не сложность, а компоновка. ________________________________________ 📎 Курс бесплатный 📌 Подходит для начинающих 👍 Если урок был полезен — ставьте лайк и подписывайтесь Удачи в обучении и творчестве! 🚀 Таймкоды: 00:00 Введение 00:40 Создаем и настраиваем композицию в After Effects 00:55 Сохраняем проект в After Effects 01:07 Альфа канал и Transparency Grid в After Effects 01:44 Создаем детали нашей будущей композиции 03:38 Упорядочивание слоев 04:52 Работа с сеткой в After Effects 06:33 Быстрое создание фигуры размером во всю композицию 07:13 Создание масок Stencil Alpha 08:16 Как правильно копировать композиции в After Effects 09:07 Выражение случайного колебания параметра 11:24 Работа с анимацией через Motion Tools 13:56 Создание первой сцены 15:27 Опция рандомайзер в аниматорах текста 15:59 Блокировка мешающих слоев 18:24 Выражение Автобокс для текста 21:13 Улучшение качества шейпов и текста в Precomps 22:08 Создание второй сцены 24:55 Создание третий сцены 29:53 Добавляем переходы в After Effects 30:56 Домашнее задание 💰 Донат-сервисы: https://donatty.com/The-Mike-Flow 💰 Донат на Boosty: https://boosty.to/mike-flow.off/donate 📧 Почта: mihailstudio22@mail.ru
💡 База знаний After Effects: https://t.me/AE_flow 🎬 YouTube: https://www.youtube.com/@The-Mike-Flow 📰 Яндекс.Дзен: https://dzen.ru/mikeflow_official 📺 RuTube: https://rutube.ru/channel/71913884/ 🚀 Boosty: https://boosty.to/mike-flow.off В этом уроке мы создаём несколько полноценных сцен, основанных на тексте и простых формах, и собираем их по принципу конструктора. Вы увидите, как даже базовые элементы — текст, точки, прямоугольники — могут стать основой свежего и органичного моушн-дизайна. Урок максимально практический и подойдёт новичкам, которые хотят научиться мыслить сценами, а не отдельными эффектами. ________________________________________ 🔹 Выражения для урока: 1) seedRandom(index, true); timeOffset = random(0,1); Math.sin((time + timeOffset) * 4) * 50 + 50 2) txt = thisComp.layer("Text"); r = txt.sourceRectAtTime(time, false); padding = [20, 20]; // отступы X / Y [r.width + padding[0], r.height + padding[1]] 🔹 Что разберём в этом уроке: • создание и анимацию типографических сцен • работу с шейпами и простыми формами • precomp’ы и грамотную организацию проекта • маски Stencil Alpha / Silhouette Alpha • работу с сеткой, выравниванием и упорядочиванием слоёв • выражения: loopOut, выражения для opacity и size • анимацию текста через Text Animators • приёмы адаптации фона под размер текста • создание зацикленных анимаций • скрипты и расширения: o True Comp Duplicator o Motion Tools o Motion Bro • сборку нескольких сцен и добавление переходов • оптимизацию проекта и полезные workflow-привычки ________________________________________ 🎯 Итог урока В результате вы соберёте 3 законченные сцены, используя один набор деталей, и поймёте, как: • работать быстрее • не перегружать дизайн • добиваться цельного и аккуратного результата даже на старте изучения After Effects ________________________________________ 🧠 Домашнее задание Используя готовые элементы из проекта, попробуйте создать ещё 1–3 сцены: • по собственному вкусу • или вдохновляясь примерами из Pinterest / Behance Идея урока проста: крутой дизайн — это не сложность, а компоновка. ________________________________________ 📎 Курс бесплатный 📌 Подходит для начинающих 👍 Если урок был полезен — ставьте лайк и подписывайтесь Удачи в обучении и творчестве! 🚀 Таймкоды: 00:00 Введение 00:40 Создаем и настраиваем композицию в After Effects 00:55 Сохраняем проект в After Effects 01:07 Альфа канал и Transparency Grid в After Effects 01:44 Создаем детали нашей будущей композиции 03:38 Упорядочивание слоев 04:52 Работа с сеткой в After Effects 06:33 Быстрое создание фигуры размером во всю композицию 07:13 Создание масок Stencil Alpha 08:16 Как правильно копировать композиции в After Effects 09:07 Выражение случайного колебания параметра 11:24 Работа с анимацией через Motion Tools 13:56 Создание первой сцены 15:27 Опция рандомайзер в аниматорах текста 15:59 Блокировка мешающих слоев 18:24 Выражение Автобокс для текста 21:13 Улучшение качества шейпов и текста в Precomps 22:08 Создание второй сцены 24:55 Создание третий сцены 29:53 Добавляем переходы в After Effects 30:56 Домашнее задание 💰 Донат-сервисы: https://donatty.com/The-Mike-Flow 💰 Донат на Boosty: https://boosty.to/mike-flow.off/donate 📧 Почта: mihailstudio22@mail.ru