Создаём ВЕРТИКАЛЬНОЕ видео с ПАРАЛЛАКСОМ в After Effects. Часть 2

Продолжаем покорять параллакс.

В 1-ой части вы научились анимировать статичные картинки с помощью параллакса в After Effects.

Мы разобрали 4 простых способа оживления иллюстрации без 3D камеры и сложной анимации.

Так же увидели, как параллакс применяют в играх, веб-дизайне и даже рукоделии. И узнали, как эти идеи перешли в After Effects и шаблоны. Посмотрите, если пропустили.

Сегодня мы поднимем планку.

За несколько минут вы создадите красивое вертикальное видео для социальных сетей.

Сначала мы соберём обычные картинки в единую сцену и потом анимируем её с помощью параллакса.

Затем добавим много спецэффектов:

Сделаем эффект день/ночь, с нуля создадим мерцающие звёзды, анимируем солнечные лучи, ветром раскачаем дерево, добавим реалистичный футаж орла и заставим его летать.

Ценность урока в том, что вы научитесь на ходу улучшать композицию.

Я построил эту часть так, чтобы вы легко уловили мои рассуждения и принимаемые решения.

Повторяя такие уроки на практике — вы, ваши глаза и руки постепенно запомните действия и эффекты. Когда будете работать над своими проектами, эти идеи придут в самый неожиданный момент.

Поэтому скачайте исходники, если вы этого ещё не сделали, и повторите урок от начала до конца.

Буду рад, если после изучения к вам придут несколько таких озарений.

Параллакс в After Effects. Часть 2

Исходники те же, что и в 1-ой части. Архив весит 471 МБ.

Полезные ссылки к выпуску

Остальные части:

Домашнее задание

Откройте сейчас After Effects и повторите урок, чтобы не отставать. Потому что в следующей 3-ей части мы создадим ещё одну невероятную сцену, где объединим полученные знания.

Для смелых:

Попробуйте добавить в начало сцены Луну. Пусть она опускается за лес до того, как поднялось Солнце и исчезли звёзды. Думаю, получится интересно.

А можете сделать наоборот — сначала день, потом ночь. Тогда вместо Солнца подниматься будет Луна.

Помните, что нет единого правильного подхода. Даже в этом уроке мы импровизировали. А это значит, можно не бояться ошибиться.

Хотите продолжить покорять параллакс и выйти на новый уровень?

Участвуйте в новом МК по After Effects!

Приглашаю вас в мой новый мастер-класс «Параллакс заставка в AE».

В нём вы с нуля создадите профессиональный шаблон заставки, который реально продаётся на VideoHive и заработал уже более 260 000 рублей!

Получить доступ к МК можно только с 10 по 15 марта. А начать изучение вы можете в любое время.

В эти дни вы получаете его по самой низкой цене — со скидкой 33%. При этом у вас будут бесплатные обновления в виде дополнительных уроков, которые я планирую добавлять.

15 марта набор на МК закроется.

Представьте, насколько круто научиться делать то, что успешно продаётся прямо сейчас. Да и само ощущение: «Да! Я могу делать так же как профи», — доставляет огромное удовольствие.

К концу обучения вы создадите минимум 3 разных по дизайну ролика:

  • поздравление с началом весны
  • промо видео для рекламы товаров и услуг
  • ролик на детскую тематику

Об остальных фишках вы узнаете на большой презентации — с наглядными примерами и подробным описанием функций шаблона, который вы создадите.

Если вам нравится мой стиль и подача уроков, и вы хотите развиваться вместе со мной — участвуйте в новом МК «Параллакс заставка в AE».

P.S. Поддержите выпуск и нажмите палец вверху справа 👍, если узнали что-то новое для себя.

32 комментария

  • comment-avatar
    Ольга 05.02.2022 (20:13)
  • comment-avatar
    Игорь 05.02.2022 (20:23)

    Игорь, спасибо за классный урок! все очень понятно и легко когда повторяешь! :-) мой параллакс https://disk.yandex.ru/i/N__GfvEydiBNqw

    • comment-avatar
      Игорь Лохман 05.02.2022 (20:51)

      Очень красивая работа у вас получилась! Спасибо, что поделились результатом. Понравилось, как вы анимировали солнце — по дуге. Выглядит лучше, чем у меня в уроке) Цветокор и Луна тоже огонь. Поздравляю!

      • comment-avatar
        Игорь 06.02.2022 (13:26)

        Игорь, спасибо! Вы делаете замечательные курсы и уроки, все очень просто, весело, главное коротко и понятно!

  • comment-avatar
    Елена 07.02.2022 (09:02)

    Игорь спасибо за уроки, повторяю, но пока медленно получается.

    • comment-avatar
      Игорь Лохман 07.02.2022 (14:31)

      Спасибо! Постепенно вы будете интуитивно делать многие эффекты и анимацию. Так что с каждым разом повторять уроки будет проще и быстрее.

  • comment-avatar
    Елена 10.02.2022 (11:57)

    Игорь, здравствуйте, всё поняли, делал мой сын (9лет) Сергей, вот его работа.
    https://disk.yandex.ru/i/bfWRwOxYbly40g

    • comment-avatar
      Елена 10.02.2022 (11:58)

      Сегодня будем город осваивать!

    • comment-avatar
      Игорь Лохман 10.02.2022 (15:49)

      Здравствуйте, Елена! Спасибо, что поделились результатом. Очень красиво и аккуратно получилось у Сергея. Анимация плавная, эффекты на месте. Супер!

    • comment-avatar
      Наталия 01.03.2022 (22:22)

      Молодец! Будущее светило анимации!!!

  • comment-avatar
    Галина 12.02.2022 (21:14)

    Игорь, здравствуйте! Урок пока не доделала, остановилась вот на чем. После заполнения слоя «лес1» туманом, у меня почему-то получаются горизонтальные полосы, хотя размытие делала как в уроке. И ещё не могу понять: почему у меня графики скоростей выглядят не так как у вас. Нажимаю F9, открываю график и не знаю как с ним работать. http://joxi.ru/GrqWK1EhRe8E82, http://joxi.ru/Vm6Gz6MiRgXlV2

    • comment-avatar
      Игорь Лохман 12.02.2022 (21:31)

      Здравствуйте, Галина!

      На первом скриншоте у вас график значений, а не график скорости. Это другой тип графиков, который не очень удобно редактировать. Вам нужно его поменять. Правый клик в области графиков — и выберите именно Speed Graph. В уроке по графикам скорости так же об этом есть.

      На втором скриншоте, скорее всего, вы не доразмыли маску. Посмотрите в режиме соло самый первый туман, у которого вы размывали нижний край. Проверьте его на чёрном фоне. Не должно быть линии, если правильно размыли. Здесь я рекомендую просто поправить маску и свойство Feather. Чего-то не хватает.

      Сообщите, как попробуете и пишите, если понадобится ещё помощь :)

      • comment-avatar
        Галина 13.02.2022 (12:12)

        Спасибо, Игорь. Вечером займусь!
        Результат обязательно скину в комменты)

  • comment-avatar
    Ольга Кузнецова 13.02.2022 (10:11)

    Прекрасный урок! Насыщенный, красивый и мастерское внимание к деталям! Повторила, получилось чуть хуже, но очень довольна)

    • comment-avatar
      Игорь Лохман 14.02.2022 (01:37)

      Спасибо, Ольга! :) Главное, что удалось повторить и применить навыки. Ещё главнее, когда нравится собственная работа.

  • comment-avatar
    Галина 16.02.2022 (18:43)

    Игорь, здравствуйте! Урок очень интересный, узнала много фишек в монтаже. Вот моя работа https://youtu.be/4D23T5R1KpM

    • comment-avatar
      Игорь Лохман 16.02.2022 (20:03)

      Здравствуйте, Галина! Спасибо за ролик! Практически 1 в 1 повторили. Желаю и дальше успешно применять параллакс в своих видео.

  • comment-avatar
    Natalya 18.02.2022 (22:27)

    Спасибо за урок.
    https://www.youtube.com/watch?v=qJrDhzbmz8A
    Немного изменила композицию. Не очень нравится, если ель и солнце в центре. Разнесла их. Из-за этого смысла делать лучи не было. Хотя сам эффект поюзала, посмотрела, как он действует. После этого отключила. Возможно солнышко надо было поднять повыше.

    • comment-avatar
      Игорь Лохман 19.02.2022 (02:29)

      Спасибо за ролик! Хорошо, что сделали по-своему. Желаю успешно применять этот эффект в новых видео!

    • comment-avatar
      Игорь Лохман 21.02.2022 (20:03)

      Спасибо! 1 в 1!

  • comment-avatar
    Наталья 02.03.2022 (16:02)

    Добрый день. Спасибо за урок.
    Вот что получилось у меня https://youtube.com/shorts/KcSh9zOfg7E?feature=share

    • comment-avatar
      Игорь Лохман 02.03.2022 (21:57)

      Здравствуйте, Наталья!

      Спасибо, что поделились своим результатом. Понравилось внимание к деталям и озвучке.

  • comment-avatar
    Татьяна 18.03.2022 (13:22)

    Здравствуйте, Игорь! Сделала урок. Очень понравился результат. Узнала много новых эффектов.
    https://youtube.com/shorts/8FwzgF-_5v4

    • comment-avatar
      Игорь Лохман 18.03.2022 (13:52)

      Спасибо, что поделились результатом, Татьяна! Желаю успешно применять эти навыки и в других проектах.

  • comment-avatar
    Александра 20.12.2022 (22:55)

    Игорь, добрый день, спасибо Вам за урок. Не могу наложить маску на звездное небо. Вот какие варианты предлагаются https://docs.google.com/document/d/1VwHJouKqvGonBeZ4KOrxlIUJt9ZO2sfsRYWcwn49nAE/edit?usp=sharing

    • comment-avatar
      Игорь Лохман 21.12.2022 (01:12)

      Здравствуйте!

      Вы нажимаете на 3-ий столбец, а надо на 2-ой.

      Пересмотрите этот момент в уроке и попробуйте ещё.

  • comment-avatar
    Александра 21.12.2022 (10:51)

    Игорь, я, конечно, допускаю, что просто туплю, но перепроверила, нажимаю на второй столбец «track matte». Хотя третий также выдает аналогичный выбор вариантов, что и второй.

    • comment-avatar
      Игорь Лохман 21.12.2022 (16:45)

      Такого быть не должно. У этих столбцов разные функции.

      У третьего — привязка слоёв. У второго — track matte. Там должно быть всего 4 пункта, как в уроке.

      Сможете записать короткий скринкаст, чтобы я мог посмотреть, как вы выбираете эту опцию?

      Если ранее не записывали экран, попробуйте бесплатный онлайн-сервис для записи скринкастов: https://screenapp.io/#/recording

      Сюда потом приложите ссылку на видео. Я посмотрю.

      • comment-avatar
        Александра 22.12.2022 (09:00)

        Игорь, добрый день, записала https://drive.google.com/file/d/1bzCX3HUS7HuLgJzQk7q_j-YlPZB-M_Xp/view?usp=sharing

        • comment-avatar
          Игорь Лохман 23.12.2022 (16:49)

          Спасибо!

          Теперь понятно. У вас 2023 версия.

          В ней зачем-то изменили способ переключения track matte.

          Мне пока непривычно. Работаю в 2019 версии.

          Прикрепил скриншот, как поставить такой же тип track matte как в уроке.

          Скриншот: https://photo-screen.ru/i/ns7SYXPVJ

          Всё то же самое, только в 2 лишних действия и с переключателями.

          Пока не пойму, зачем это странное нововведение.

          Дополнение: понял, зачем сделали так. Теперь в качестве слоя маски-матте можно выбрать любой слой на таймлайне.

          В ранних версиях мы могли выбрать только верхний слой. На практике уже будет видно, полезно это или не особо.

          Мне пока не нравится)

  • comment-avatar
    Александра 24.12.2022 (09:30)

    Ура,получилось! Игорь, спасибо огромное за все — уроки и участие в решении проблемы!