# Заставка к чемпионату мира по футболу FIFA 2026 в After Effects

## Метаданные

- **Канал:** VideoSmile
- **YouTube:** https://www.youtube.com/watch?v=V30xOgwOX90
- **Дата:** 31.05.2026
- **Длительность:** 32:26
- **Просмотры:** 5,623

## Описание

Воссоздаём заставку FIFA World Cup 2026 в After Effects!
Курс "Супер After Effects" - https://cloudlessons.ru/c/27058
Материалы к уроку - https://t.me/videosmile_ru/10266

Разберем в этом уроке анимации ролика и покажем, как повторить его стиль. Вы узнаете, как превратить плоский векторный логотип в 3D-объект, как обойти жесткие ограничения программы для создания идеальной фронтальной проекции и как переложить рутинную работу на ИИ

В уроке:
Импортируем логотип из Adobe Illustrator, переводим в шейпы и выдавливаем стильную толщину без использования Cinema 4D, и сторонних плагинов;

В After Effects нельзя напрямую отрендерить вид из фронтальной камеры. Покажем способ с кастомными настройками линзы (Film Size и Zoom), который решает эту проблему;

Нарезаем геометрию на маски, быстро разносим их по отдельным слоям с помощью скрипта Masks to Layers и создаем залипательный ступенчатый тайминг;

Рассказываем как написать два скрипта (Scale Offset Duplicator и Color Array) с помощью нейросети, чтобы в три клика генерировать сложные каскадные раскрытия и управлять цветовыми палитрами;

Очищаем сгенерированный в нейронке кубок мира через эффект Color Key, добавляем анимацию текста FIFA и наводим финальный лоск.

Понимая принципы из этого урока, вы сможете создавать совершенно любой графический контент. Эта база необходима, если вы создаете динамичную рекламу, коммерческую презентацию или сложный моушн-дизайн. Механика работы с кастомными скриптами, экспрешенами, сложными цветовыми массивами и каскадная анимация в after effects — это то, что отличает новичка от профи.

#aftereffects #motiondesign #моушндизайн

## Содержание

### [0:00](https://www.youtube.com/watch?v=V30xOgwOX90) Segment 1 (00:00 - 05:00)

Всем привет, дорогие друзья. С вами Михаил Бычков, и я рад приветствовать вас на нашем новом уроке по After EffectFs, где мы соберём заставку к чемпионату мира FIFA 2026, который пройдёт уже в этом году в Америке. Я думаю, что многие из вас тоже, как и я, ждут этого события. Но сегодня, естественно, мы говорим не о футболе, а о мошн-дизайне. И нас ждёт воссоздание вот такой вот композиции с абсолютного нуля. Опять же, все файлы, которые вам потребуются, будут по ссылке в нашем Telegram-канале, так что переходите, скачайте их, прежде чем приступать к выполнению этого урока. Ну а мы с вами будем потихоньку начинать. Кстати, если вы хотите посмотреть оригинальную заставку, то можете это сделать на канале Fox Soccer либо Fox Sports в инсте. Здесь есть расширенная версия, она чуть длиннее, но опять же мне кажется, что я вам покажу именно самый сок всей этой анимации, а дальше вы уже можете по образу и подобию доделать всю эту заставку и до самого конца, если, конечно же, захотите. И также я вам хочу ещё показать сайт, который называется footballos. c, и отсюда вы можете скачать логотип оригинальный в формате SVG. Опять же, я это уже сделал заранее, подготовил всё для вас в EDO иustrator, поэтому вы можете использовать мои файлы, а не качать и разбивать самостоятельно. Ну и переходим в автор. Друзья, если вам нравятся уроки по автору и вы хотите ещё больше контента, то в таком случае приглашаем вас к нам на курс Super After EffectFs. В нём мы проходимся по всем функциям программы. Делаем мы это, естественно, не просто в теории, а на основе классных motшн-дизайнерских композиций. Поэтому заходите и читайте более подробно. Все ссылочки будут в описании. Начинаем мы с того, что закидываем к себе иллюстраторовский документ. Выбираем здесь composition и layer size. Соглашаемся и заходим внутрь этой композиции. Давайте включим прозрачность, чтобы увидеть вообще, что у нас тут происходит. Итак, у меня есть сам логотип и просто буквы FIFA, разбитые на отдельные слои. Давайте, кстати, буквы сейчас пока временно вырубим их видимость. И также, чтобы скрыть их с таймлайном, можем нажать вот на эту иконку и также подтвердить это действие для каждого из конкретных слоёв. Далее, смотрите, мне нужно выдавить этот логотип, то есть получить его в объёме, поэтому давайте переведём всё это дело в шейпы. А, выбираем правую кнопку мышки, Create и Shapes from Vector Layer. Всё. И также оригинальный логотип. Точно также можем скрыть с таймлайна, чтобы он нам здесь не мешался. Так, теперь давайте зайдём в настройки композиции. Нажимаем Ctrl K. И здесь поменяем разрешение 1080 на 1. 350. А саму композицию назовём как-нибудь, ну, например, logo 3D. Всё о'кей. И также давайте слегка смасштабируем всё это дело, чуть-чуть побольше сделаем, например, 120%. Отлично. Теперь я хочу получить толщинку у этого логотипа. Для этого заходим с вами, точнее, сначала переводим всё это дело в 3D, то есть напротив слоя. Кликаем здесь вот на иконку кубика. И проверьте, пожалуйста, чтобы у вас вот здесь вот в настройках 3D движка обязательно был выбран вариант Advance 3D, не классический 3D, потому что в нём у вас просто нету варианта выдавливания и не Cinema 4D, потому что мы сейчас не работаем с со сценой из синемы. Advance 3D - это как раз то, что нам необходимо. Также, кстати, если а вы нажмёте вот сюда в Render Options, то вы можете проверить настройки качества. То есть, если у вас что-то сильно подтормаживает, можете здесь, например, ренerр quality слегка понизить. То есть в моём случае это где-то там 8 тире12 для рабочего варианта, а уже для варианта на рендер можно всегда приподнять где-нибудь на серединку. Так, давайте снова вернёмся к двенадцати, как у меня было. Я нажимаю окей. Вот. И теперь здесь мы можем поменять камеру. Давайте выставим здесь сейчас custom View 3. Это такая лёгкая изометрия, как бы мы слегка под углом смотрим на нашу сцену. И здесь работают все те же самые шорткаты. Зажимаем Alt, левую кнопку мышки, можем вращаться, среднюю кнопку мышки влево-вправо и правую кнопку мышки приближаться, удаляться. То есть вот мы видим, что у нас такая бесконечно тонкая картонка из контура моего логотипа. И теперь заходим в настройки этого слоя, раскрываем Geometry Options. И здесь есть параметр Extrusion Deps, то есть глубина выдавливания. И вот давайте сделаем её, например, там 50. То есть вот мы уже получили лёгкую толщинку, да? Дальше смотрите, мне нужно сделать ещё несколько таких копий. У меня там будет красная, синяя, зелёная и белая. Поэтому давайте сдублируем этот слой. Ctrl D. Можем сразу здесь, например, перейти на вид сверху, включить его позицию и пододвинуть его. Ну либо сделать это здесь. Если, кстати, вдруг вы не видите, да, обозначений с лайов вот этих вот, а, можете нажать shcut Ctrl Shift H. Обычно это помогает. Либо ещё вот сюда вот на эту иконку можно нажать. Итак, давайте просто пододвинем всё это дело где-то на 60

### [5:00](https://www.youtube.com/watch?v=V30xOgwOX90&t=300s) Segment 2 (05:00 - 10:00)

пикселей. И здесь я поменяю цвет, а, сделаю вот таким вот красным. Дальше опять Ctrl D здесь. Дальше с осью Z начинаем работать, да, ещё глубже. Дублируем 120. Здесь у меня цвет меняется на синий. Ну и вы поняли логику. Здесь это будет зелёный. Вот такой бутерброд мы с вами здесь имеем. Давайте снова вернёмся в custom VW 3. И вы должны обратить внимание, что здесь у нас присутствует некий шейдинг, то есть какой-то светотеневой переход на границах логотипа есть, а в оригинальной заставке там всё залито сплошным цвета. То есть нету а теней никаких ни бликов, ни теней. Как это исправить? Давайте выберем а все наши слои вот здесь вот так вот. И смотрите, в поисковике просто напишите слово accept. Accept с двумя буквами C. Accept. И у вас выпадает список двух параметров: Accept Shadows и Accept Lights. Если вдруг кто-то не понимает, да, то всё это дело находится ещё раз вот здесь вот во вкладке Material Options. Просто, чтобы не делать это сразу, точнее по одному, да, я сразу выбрал все слои и здесь отфильтровал необходимый мне параметр. Итак, находим ex Lights и просто вырубаем. То есть сейчас он стоит on. Мы говорим off. Мне не нужны никакие источники света, ни стандартные, ни дефолтные, вообще ничего. Я хочу получить сплошную заливку. И вот в таком случае, да, действительно, мы имеем один цвет на всю фигуру. Теперь давайте сделаем анимацию. В оригинале они вот так вот слегка прокручивались, да, вдоль оси Y. Поэтому что мы можем сделать? Мы можем в целом создать ноль объект Ctrl Alt, Shift Y, да, тоже сделать его трёхмерным. Давайте зайдём на вид сверху стопа. Давайте найдём его здесь. Смещаем примерно на серединку всего этого бутерброда. Можем нажать пи, проверить это где-то 120, нет, 140, 150. Давайте вот так вот поставим. Всё. И теперь мы все вот эти вот слоим на наш главный нольобъект и уже его будем анимировать. Давайте выйдем в активную нашу камеру и здесь сделаем следующую анимацию. Нажимаем R и будем анимировать Y rotation где-то за 30 кадров, то есть по факту за 1 секунду, если мы работаем с частотой 30 FPS. И здесь ставим -180. То есть вот смотрите, что у нас происходит. Вот такая вот анимация разворота. Но здесь есть небольшая проблемка. А заключается она в том, что изначально мы смотрим на оригинал нашего логотипа, а когда поворачиваемся на 180, мы по факту отзеркалили его. То есть здесь сейчас не считывается, что это цифра два, это цифра шесть, они как бы развёрнуты. Поэтому у нашего нуля, давайте зайдём в масштаб, нажимаем S. Здесь можно его разблокировать. И только по оси Y, извиняюсь, по оси X, только по оси X ставим -100. И в таком случае видим, что мы получаем уже оригинал. То есть, да, в начале он опять же отзеркален, но потому что мы с вами начинаем с чёрного фона, здесь никто это не заметит, да? И потом бац, у нас происходит вот такой вот разворот. Но что мне сейчас не нравится, у нас есть чёткое, да, ощущение перспективы в этой сцене, то есть трёхточной перспективы, когда у нас линии куда-то туда вглубь уходят. А я бы хотел получить по факту фронтальную проекцию для себя. То есть вот здесь вот, если выбереть аа вместо активной камеры фронт, то вы получите вот такую вот анимацию. По факту это то, что у них и было в оригинале. Но здесь кроется большая загвоздка. В автоэффекте нельзя смотреть через фронтальную камеру. То есть, да, я понимаю, это звучит странно, мы сейчас это делаем, но именно отрендерить вы это никогда не сможете. Я вам это могу доказать следующим образом. Смотрите, если мы возьмём эту композицию с нашей анимацией и закинем в новую композицию, то есть по факту просто сделаем из текущей композиции э слой в новой композиции, то в таком случае здесь вся вот эта вот фронтальная проекция, видите, она пропадает. То есть здесь, ещё раз, она сейчас работает, потому что у нас она выбрана, но отрендрить её либо просмотреть в какой-то другой композиции мы не можем. Поэтому единственное, что мы можем сделать - это создать камеру, которая будет максимально приближена к фронтальной проекции. Давайте сейчас это сделаем. Нажимаем Ctrl Alt Shift C и здесь выбираем следующие настройки. Смотрите, давайте я сейчас свою шпаргалку подсмотрю, потому что там неочевидные, скажем так, параметры. Филм сайз я ставлю на 8, а zoom я ставлю 76 40. Вот такое вот значение. И нажимаем окей. И теперь давайте просмотрим уже нашу сцену через линзу этой камеры. Выбираем здесь активную камеру. И смотрите, мы получили практически идеальную фронтальную проекцию. Ну то есть да

### [10:00](https://www.youtube.com/watch?v=V30xOgwOX90&t=600s) Segment 3 (10:00 - 15:00)

это, скажем так, 99. 999 там в периоде процентов от фронталки, который на самом деле здесь есть. Вот. То есть это такой небольшой обходной манёвр, то, как можно обмануть AfterЭeffects, да, скажем так, чтобы он нам сделал фронтальную проекцию из всё это дело. Здесь есть косяки, да? То есть давайте посмотрим, приблизимся. Видим, что здесь всё-таки есть небольшая толщинка. Чтобы это побороть, мы можем здесь создать, например, solт чёрного цвета, да, и просто масками. Давайте сейчас я его временно по прозрачности уберу. Просто масками обрисовать вот эти косяки, которые здесь могут возникать, да, и потом его по позиции, например, заанимировать. Давайте сейчас вот так вот это сдвинем. Так. И давайте вернём прозрачность. То есть, ну, вот видим, да, что чуть-чуть, буквально ручками придётся вам это подправить. Зато потом никаких уже проблем не будет. Всё, мы с вами имеем наш оригинальный логотип. Давайте единственное поиграемся здесь с анимацией, потому что мы это никак ещё пока не сделали. Нажмём U, выберем все ключи. Во-первых, нажимаем F9, чтобы сгладить. А, и дальше заходим в графики. Делаем здесь супермедленную остановку в конце и слегка медленное начало. Давайте проверим. Можем даже ещё более акцентированно. Да, мне нравится. Выглядит отлично. Теперь выходим из этой композиции, да? То есть мы сейчас с вами находимся в ещё одной композиции, где старая у нас представлена в виде обычного плоского слоя. Давайте это всё переименуем. А, заходим в настройки, называем это logo 3D sliced, то есть порезанное на куски. О'кей. И давайте как раз порежем на куски. Для этого я выбираю инструмент, а, rectangle и просто начинаю резать. Вот так вот. Раз, два. Я это сделаю в ускоренном варианте, просто чтобы вам не так скучно было всё это смотреть. После того, как вы порежете логотип на куски, проверьте, чтобы у вас не было вот таких вот линий, как у меня здесь сейчас, а, образовались. Скорее всего, нужно просто какую-то маску слегка увеличить либо пододвинуть, чтобы было, а, небольшое наложение. В таком случае мы не увидим этой линии. Чтобы, кстати, работать с контуром маски, можно два раза по а самому контуру оригинальному кликнуть. И в таком случае у вас открывается баoundдингбокс, и вы можете за хендлы вот эти вот ползунки всё это дело подвигать. Так. И вот здесь у меня ещё тоже остались проблемные кусочки. Ну и вот так у меня выглядит это всё в итоге. Такие вот шторки, да, мы с вами получили. Дальше смотрите, моя задача- каждую эту маску получить на отдельном слое. Вы это можете сделать руками. А давайте просто продублируем шесть раз это всё. А 1 2 3 4 5 Да, у нас получается 1 2 Да, шесть слоёв. Вот. И смотрите, что мы делаем. Мы просто идём в этом удаляем всё, кроме первого. Да, здесь мы удаляем всё, кроме второго. То есть, да, это немножко муторно, особенно когда у вас много масок, но это такой метод. Либо вы можете воспользоваться бесплатным скриптом, который называется Masks to Layers. Давайте я его сейчас найду. Вот он у меня здесь находится. Давайте я его открою и покажу, как он работает. Итак, если мы просто выберем наш оригинальный слой и в скрипте Layers нажмём проIT, причём здесь не обязательно что-либо менять. то мы получаем каждую маску на отдельном слое. Также у нас остаётся оригинал, который мы можем здесь временно скрыть, чтобы он остался в проекте. Вот. И теперь вот эти вот кусочки, да, мы сейчас уже можем сдвинуть во времени. В таком случае как раз мы и получим тот самый прикольный стегрэф, когда у нас как бы та же самая анимация просто с небольшим отставанием проигрывается. Смотрите, мы сейчас это можем сделать в авторефкте с помощью шорткатов. Я выбираю все слои, зажимаю Ctrl Alt и просто где-то за любой из этих слоёв начинаю тянуть. И видим, что мы получаем вот такой вот сдвиг, то есть лесенку во времени. Каждый слой следующий относительно предыдущего начинает с небольшим отставанием проигрываться. Ну, в моём случае я здесь сейчас явно переборщил, поэтому давайте отменим. Можем приблизиться. В моём случае у меня отставание было где-то три кадра, поэтому давайте вот так вот сделаем. Опять же Ctrl Alt и просто тянем. Давайте проиграем. Ну да, вот как раз та самая анимация, которая была в оригинальном логотипе. Опять же видим здесь небольшой косяк. Давайте его поправим.

### [15:00](https://www.youtube.com/watch?v=V30xOgwOX90&t=900s) Segment 4 (15:00 - 20:00)

поправим. Это всё связано с теми самыми пресловутыми, а кусками, которые мы здесь не исправили с помощью солида. То есть вот видим, можем отдельно проанимировать только мак. То есть, да, здесь придётся немножко поковыряться, чтобы это было максимально чисто. Да, по-моему. Хорошо. Так, выходим в главную композицию и давайте ещё раз проиграем. Ну да, это именно та самая оригинальная анимация. Теперь мы с вами переходим к следующему этапу работы над нашей композицией, а именно к созданию эффекта раскрытия логотипа с помощью масштаба, да, и сдвига во времени. Опять же, это не сверх какой-то сложный эффект. Я думаю, что многие из вас уже и так могли догадаться, да, что здесь берётся оригинальная форма, дублируется, смещается по масштабу, смещается по времени и красится. В целом всё. Но когда я готовился к этому уроку, я посмотрел на оригинал и понял, что, ну, очень сильно не хочу всё это делать руками, просто потому что это такой, знаете, ручной труд, который не очень благодарный, потому что вы будете сидеть 20 минут всё это дело настраивать, потом поймёте, что вам не нравится тайминг, не нравится масштаб, опять всё это изменять. Короче, я решил сделать хитрее, и я написал с помощью чата GPT несколько скриптов, которые помогут мне в работе. Естественно, я точно также их прикреплю ко всем файлам, а, к данному уроку, поэтому вы сможете сами всё скачать и тоже побаловаться. И вообще, знаете, друзья, мне кажется, что сейчас наступает эра, когда вы можете, а, создавать свои собственные инструменты. То есть, да, у вас есть основной инструмент - это After Effects или там, если мы говорим про 3D, Cinema 4D какая-нибудь, либо Гудини, либо ещё что-нибудь. И вот если вы сталкиваетесь с какими-то рутинными задачами, то вы можете их не решать сразу в лоб, а попробовать оптимизировать всё это дело с помощью нейронок, что я как раз и сделал. Поэтому давайте я вам покажу. У меня есть два скрипта. Первый скрипт называется Scale Offset Duplicator, который позволяет мне дублировать со сдвигом. А второй скрипт называется у меня color array, который позволяет мне задавать цветовой массив на энное количество копий и также смещать этот цветовой массив, а, со сдвигом и также сохранять всё это дело, чтобы потом можно было воспользоваться в следующих проектах. А я как раз сейчас это уже сделал, поэтому давайте я вам покажу, как у меня выглядит мой цветовой массив изначальный. Ну, то есть по факту я взял и сдублировал все копии из оригинального ролика, да, то есть копии оттенков. Если вы хотите всё это дело настроить, смотрите, где это находится. То есть смотрите, вы можете два раза кликнуть либо один раз даже по любому оттенку. У вас открывается вложенная композиция. Здесь есть слой с контроллером. И вот тут есть подсказка: Edit Colors in Effect Controls. И вы можете зайти сюда и настроить свои собственные оттенки. Точно также вы можете здесь удалять цвета, вы можете добавлять какие-то оттенки, если хотите. И всё это работает следующим образом. То есть, например, у вас есть какой-то слой, и вы хотите его разукрасить одним из этих вариантов. Вы можете просто его выбрать и нажать вот на эту иконку в таком случае. А, так, извиняюсь, единственное, в этой композиции это нельзя было делать. Давайте это сделаем в другой. Сейчас выберем новый слой. И вот так вот можем всё это дело покрасить. То есть видим, что здесь сейчас работает всё это очень просто, да? Он создаёт отдельный филэффект и накидывает это всё дело сюда. А в чём заключается, а, скажем так, прикол, да, этого скрипта? В том, что у вас может быть много таких вот объектов. Причём это всё может быть разные объекты, да, то есть не обязательно шейпы, это могут быть и текстовые, а, слои какие-то, и документы, и логотипы, без разницы абсолютно, да, и вы можете это делать хитрее. То есть, если у вас есть цветовая палитра, вы можете здесь нажать на кнопочку Push Colors. В таком случае он просто все эти оттенки возьмёт и накинет последовательно друг ээ на друга, на все вот эти вот слои. И дальше вы можете опять нажимать этот PH CS, и у вас будет просто меняться порядок. Либо вы можете сделать рандомизацию этих оттенков внутри этой выборки. Короче, это такой продвинутый инструмент по работе с цветовыми палитрами, да? То есть здесь вы их настраиваете, добавляете, либо сохраняете, либо загружаете, а здесь вы их уже применяете на непосредственно какую-то геометрию в сцене. Вот. А теперь давайте я вам покажу, как работает scale дублиator. Но для этого уже можем, наверное, вернуться в нашу оригинальную композицию, где мы сейчас с вами работали. Итак, смотрите, что я делаю. Я накидываю сюда свой логотип. Ещё раз давайте сделаем опять же его масштаб. 120. Вот так он выглядит. И давайте переведём его в шейпы. Create shapes from vector layer. Это можем удалить. То есть вот у нас наш единственный слой сейчас. Итак, смотрите, я хочу создать его копии, но

### [20:00](https://www.youtube.com/watch?v=V30xOgwOX90&t=1200s) Segment 5 (20:00 - 25:00)

сдвинутые по масштабу. Именно это и делает по факту мой скрипт. То есть здесь мы с вами задаём количество копий. У меня, по-моему, в оригинале было штук 18. Давайте это сделаем. И здесь мы выбираем scale step. То есть это шаг, с которым мы будем увеличиваться либо уменьшаться, да? Давайте поставим здесь, например, 50% и нажмём функцию бац. Вот у нас там энное количество копий появилось. Дальше смотрите, что я делаю. Я их могу вот так вот все сразу выделить с шифтом. Обращаюсь к своему скрипту, который мне всё это дело красит, и нажимаю Push Colors. И мы получаем вот такую вот красоту. То есть видим, что буквально в три кликам воссоздать что-то очень сложное, да, и не тратить, э, там драгоценное время, расставляя руками все эти слои, смещая их, настраивая оттенки. Ну, вы просто, поверьте мне, вы потратите раз в 10 больше времени, чем если воспользуетесь просто вот этими двумя скриптами. Так что, да, сейчас мы это именно и будем делать. Это я вам пока просто в тестовом варианте их показал. Давайте вернёмся к оригинальному ему одному слою и начнём с ним работать. Давайте начнём с того, что поменяем здесь цвет с оранжевого на белый. Вот. И также сдвинем этот слой вперёд во времени. То есть у нас сначала должен отыграться вот этот вот логотип, да, и потом где-то здесь уже начнётся анимация вот этого раскрытия. Кстати, чтобы здесь также убрать все вот эти вот огрехи, мы можем просто анимацию проявления обрезать в этот момент. И у вас, получается, идёт подмена кадров, да? То есть до этого момента мы видели вот этих ребят, а потом уже видим оригинальный исходный логотип. При этом визуально на тёмном фоне, мне кажется, никто не почувствует эту подмену. Ну да, видим, что всё прямо хорошо стыкуется. Итак, давайте начнём опять же с нашего скрипта по сдвигу. А для начала давайте сдвинем немножко Enter Point, то есть он у вас будет, скорее всего, в центре слоя. Я вам рекомендую поставить его вот сюда, то есть на основание цифры два. И смотрите, здесь в настройках я ставлю количество копий. Можно там штук 18 поставить. Scale step, то есть шаг, с которым мы будем идти, я ставлю 50%. И здесь у меня есть ещё интересный параметр, который называется дистрибуция. То есть изначально у вас идёт линейный сдвиг. То есть по факту вы берёте и прибавляете либо там отнимаете от оригинального масштаба с каждой новой копией вот это вот значение. Но при этом вы это можете делать и нелинейно. То есть те же самые графики, графики скоростей. Вспоминаем, да? Здесь то же самое вы можете настраивать. Вот я, например, выбрал вариант exponential in. Он позволяет вам сначала сделать шаги большими, а потом немножко их сгладить. Ну, вы сейчас сами увидите. И Curve Power - это то есть сила вот этой вот экспоненты, которая будет отвечать за сдвиг. Я поставил на единицу. Видим, что здесь можно её поднять от единицы до пяти, если хочется. Ну и всё. Нажимаем Dupliate. Бац, получили вот энное количество копий. Так, давайте теперь всё это дело выберем и нажмём здесь Push Colors. И вот получаем такую красоту. Смотрите, как здорово. и буквально за считанные секунды. Теперь мы это можем уже проанимировать. Сейчас я скрипты временно отодвину. Итак, у меня наверху вот этот вот логотип остаётся на месте. Давайте выделим всё остальное. И здесь, э, я знаю, что это то состояние, куда мы должны прийти. Поэтому давайте сдвинемся немножко вперёд. Shift Page Down два раза нажмём. И можно через shortcut Alt Shift Sвой кадр. То есть мы сюда должны прийти через 20 кадров. А в начале они у нас все должны быть в оригинальном положении. То есть по факту они должны по масштабу быть сопоставимы вот с этой белой обводкой, с этим белым контуром. Поэтому давайте просто здесь поставим 120. И в таком случае они все в одном положении. И проверяем. Вот такая вот анимация. видим, что, например, здесь оттенки в начале идут зелёные. В оригинальном ролике, если вы посмотрите, они начинают вот с такого багрового. Опять же, это не проблема, если вернуться к моему скрипту. Вы можете просто начать нажимать Push Colors. И видим, что мы смещаем эти оттенки. И вот буквально пару раз я понажимал всё это дело, и теперь я получил, а, правильный сдвиг. То есть сначала идёт багровый, потом красный, оранжевый и так далее. Всё. Теперь давайте проверим в анимации. Да, выглядит неплохо. Дальше я хочу сделать небольшую паузу. То есть как будто бы эффект дыхания такой, знаете, когда это всё увеличивается нас, потом слегка от нас и потом снова, а, с новой силой ещё больше увеличивается. Поэтому давайте здесь сместимся где-то на 15 кадров. Вот так вот. И опять же я все выделил и смотрите, у любого

### [25:00](https://www.youtube.com/watch?v=V30xOgwOX90&t=1500s) Segment 6 (25:00 - 30:00)

произвольного просто берусь за масштаб и начинаю тянуть. и чуть-чуть их уменьшаю. То есть вот мы делаем такую вот анимацию. Пока это выглядит стрёмно, потому что пока это линейные графики без каких-либо ускорений, замедлений. И опять же Shift Page Down два раза и начинаем всё это увеличивать так, чтобы оно прям заполнило пространство. Ну, например, вот так, да? Проверяем. Раз. Два. Вот теперь всё это, да, всё вместе. Я все ключи выбираю, нажимаю F9, захожу в графики. И здесь нужно максимально аккуратно. Давайте, значит, сначала я хочу сделать быстрое начало и плавную остановку. Поэтому здесь я вытягиваю вот этот вот ус влево, а здесь этот наоборот тяну, ну, тоже в обратную, в левую сторону, чтобы ещё больше вот этот вот пик скорости, да, на начало. А, приходился. Так, дальше у нас здесь тоже пускай будет замедление. И вот такое вот ускорение. Ну, то есть тут уже можно поиграться. Здесь уже сами смотрите, как вам больше нравится. Оп. То есть даже когда они все вместе анимируются, уже смотрится интересно с такими графиками. Естественно, мы теперь всё это дело ещё смещаем во времени. Опять же, здесь для сдвига важно, как вы выбираете. То есть, например, если вы хотите, чтобы у вас первый слой остался на месте, а все остальные от него сдвинулись, то вы сначала должны его выбрать, а потом с шифтом всю вот эту вот группу. И теперь я зажимаю Ctrl Alt и опять же начинаю тянуть. Давайте проверим. Давайте ещё, может быть, сделаем побольше отставания. Вот так вот. Ну да. Смотрите, какая красота. Раз. И потом снова это всё увеличивается. Круто. Мы сейчас с вами по факту сделали только половинку, да? То есть сейчас у нас хорошо смотрится вот эта вот верхняя часть, если вот так вот разграничительную линию провести. А здесь у нас есть области прозрачности. И я долго думал, а как они так сделали, что у них и верхняя часть, и нижняя часть, они как бы по факту отзеркалены. И я не придумал ничего лучше, чем просто взять вот всё вот это вот дело. Смотрите, вот так вот сдублировать Ctrl D, приподнять, например, поменять Йл, просто чтобы вы визуально могли это всё дело отличить. И смотрите, нужно обязательно ползнок времени поставить в начало вот этого первого слоя. И я у этого слоя меняю ener point. И я него вот так вот ставлю примерно вот сюда. Дальше смотрите, я нажимаю A, то есть показать point. Кликаю просто по этому параметру. Ctrl C. Выделяю дальше всех вот этих вот ребят. Ctrl V. Теперь наша анимация будет идти, если она вот у этого блока, да, шла примерно отсюда, где-то тут point, то здесь мы специально для нижней части сместили. И в таком случае видим, что у нас логотип не вот в эти все стороны уходит, а он и немножко вбок ещё идёт. Поэтому здесь тоже у нас образуются пиксели и там нету прозрачности. Всё. Значит, соответственно, это все наши слои, которые за нижнюю часть отвечают, а это слои, которые за верхнюю отвечают. Давайте мы их разобьём на прекомпозы, поэтому я всё это дело выделяю. Ctrl Shift C. Так, это у нас, например, Down будет, да? А это Ctrl Shift C up, то есть верхняя часть. Всё готово. Теперь нам нужно их поделить, потому что сейчас вот мы смотрим на нижнюю часть, а она на самом деле и верхняя, и нижняя одновременно. А мы хотим как бы отрезать только половинку. Здесь можно воспользоваться обычными масками, а можно воспользоваться эффектами. Кстати, в последних версиях автора, если кто-то ещё не знает, они наконец-то добавили сюда командную строку, которая называется Quick Apply. И вы можете, а, скажем, выбрать вот этот вот слой. И если нажмёте Ctrl Enter, у вас открывается командная строка по всем функциям программы, в том числе и эффекты. И здесь можно написать, например, linear wipe, да? И чтобы применить, просто нажимаем Enter. Бац, у нас, а, появился этот эффект. Давайте его настроим. Поменяем угол и немножко вот так вот сделаем, да? То есть здесь можно прямо очень точно попасть ровно на серединку. Вот так вот, да? То есть вот наша нижняя часть. Теперь мы этот эффект Ctrl C, Ctrl V сюда и просто разворачиваем его. Ну и вот такой классный эффект раскрытия нашего логотипа на некие лепестки из его же контуров мы с вами имеем в финале. У них, кстати, в оригинальной версии

### [30:00](https://www.youtube.com/watch?v=V30xOgwOX90&t=1800s) Segment 7 (30:00 - 32:00)

была ещё одна волна. То есть по факту они ещё раз сдублировали эти две композиции и просто пустили их, когда старая волна а заканчивалась. То есть вот эти вот большие штуки уже полностью экран перекрыли. И потом мы можем подмешать здесь аккуратно. старую композицию. То есть по факту она же ещё раз и проигрывается. И визуально кажется, как будто бы, да, у нас есть какой-то эффект дыхание этого логотипа. Давайте я вам под конец покажу, как у меня это всё выглядело в оригинале, потому что именно этот проект я вам отдам. Значит, что у меня здесь ещё интересного было? У меня был вот такой вот кубок. А если что, я его сделал через нейронки. То есть я просто нашёл картинку с кубком чемпионата мира, скинул в седанс, по-моему, а может быть и в клинк, я уже забыл. Вот. И просто сказал: "Сделай мне генерацию на синем фоне, так чтобы я потом смог это в авторе аккуратно затереть". Вот как раз я это и сделал с помощью эффекта color key. Да, он вам позволяет, давайте я вам покажу, опять же, можно через Enter, Ctrl Enter. Итак, пишем здесь color key. Он вам позволяет указать какой-то оттенок. И потом с помощью вот этих вот трёх параметров color tolerance и Edge Th, вы можете всё это дело настроить так, чтобы удалить полностью только синий цвет и получить оригинальный кубок. Вот я это как раз сделал, получил в целом неплохой вариант, да? То есть, видите, кубок вращается, на нём там даже какие-то блики, как будто бы он в 3D был сделан. Хотя для такого масштаба, мне кажется, здесь можно и обычными нейронками обойтись. Вот. Также у меня есть ещё анимация слова FIFA, но здесь опять же тупо по позиции, если вы посмотрите, видите, раз приезжает. Главное найти момент, а, чтобы по таймингу это всё дело стыковалось. И всё, мы получили оригинальную композицию. В общем, друзья, надеюсь, вам понравился этот урок. Если это действительно так, то обязательно поставьте лайки. Обязательно напишите хоть какой-нибудь комментарий. Я не прошу вас какие-то вопросы задавать. Если они, конечно, у вас есть, то пишите. Просто для поддержания канала и для продвижения этого видео можете просто плюсик поставить, если хотите. В общем, спасибо, что посмотрели этот урок, и до новых встреч. Всем пока. M.

---
*Источник: https://ekstraktznaniy.ru/video/52356*