Параллакс и 3D камера в After Effects. Часть 4

Добро пожаловать в 4-ю часть выпуска по созданию эффектных видео с параллаксом.

Все, кто смотрел и повторил прошлые 3 части, посвящённые параллаксу – добились крутых результатов.

Особенно мне понравился ролик Игоря Усачева, который повторил третий выпуск и анимировал городской пейзаж и фургон с мороженым. Получился красивый параллакс эффект.

Игорь, если вы это читаете, заранее извиняюсь, что в уроке я неправильно произнёс вашу фамилию.

Как и обещал, из 2-х мерного пространства мы переходим в 3D.

Сегодня я покажу вам самый популярный способ анимации иллюстраций — с помощью 3D слоёв и камеры в After Effects. В итоге вы научитесь делать реалистичный и продвинутый параллакс.

Вот, что мы сделаем всего за 15 минут:

  1. соберём из картинок красивую иллюстрацию с горной деревней
  2. с нуля создадим мультяшный дым от печи и согреем жителей
  3. распределим слои в 3D пространстве и анимируем всю сцену

Благодаря такой технике параллакса и грамотному распределению слоёв в 3D, вы сможете создавать удивительные и реалистичные миры.

Скачайте исходники, откройте After Effects и повторите урок от начала до конца.

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

Исходники для анимации горной деревни. Архив ничего не весит — 385 КБ.

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

Напишите в комментариях — понравилась ли вам серия из 4-х уроков про параллакс, и есть ли у вас идеи по применению этого эффекта в своих роликах.

Что дальше?

Мы только начали :)

Надеюсь, вы старались и повторили предыдущие части. Потому что это ваш пропуск к невероятным по красоте видео. Скоро вы поразитесь возможностям, которые даст вам мастерское владение параллаксом.

Согласитесь, после такой насыщенной тренировки параллакс уже не такой строптивый.

И всё же, самое ценное он припрятал внутри After Effects, и готов раскрыть это лишь тем, кто хочет постоянно развиваться, изучать новое и получать удовольствие от обучения.

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

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

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

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

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

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

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

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

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

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

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

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

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

25 комментариев

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

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

    • comment-avatar
      Игорь Лохман 25.02.2022 (22:35)

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

      Спасибо, что сообщили. Это интересно. Потому что исходники, как и прошлые, я загрузил на Облако Mail.ru. Проверил, вирусов нет, всё работает.

      Не понятно, почему ругается защитник Windows. Попробуйте на время скачивания отключить его. В каждой версии ОС по-разному. Потом включите его.

      Проверил с двух ноутбуков — На Windows 7 и 10 скачиваются.

      • comment-avatar
        Наталия 25.02.2022 (23:13)

        У меня такое тоже первый раз)), поступила так, сохранила свое облако, а затем оттуда нажала на папку и скачать в zip, не заругался))

  • comment-avatar
    Евгений Плакса 25.02.2022 (22:17)

    Игорь, привет! Я не нашел, какое видео мне должно понравиться (активные кнопки и ссылки на странице отсутствуют, кроме урока и исходников).
    По этой же причине хотел, но не смог записаться на новый Ваш МК (печалька!).
    Лайк поставил, т.к. всегда узнаю что-то новое из Ваших видео! С ув. Евгений Плакса

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

      В поле нужно ввести свою почту и вы запишитесь в предварительный список на МК, на почту вам придет подтверждение, мне все пришло!

      • comment-avatar
        Евгений Плакса 02.03.2022 (01:00)

        Наталия, страница была без активных кнопок подписки (в т.ч. и про почту).Исследовал каждый кв.см текста ))))
        Но в сегодняшнем письме все работает! И подписался, и лайк!

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

          Евгений, это у меня сервис рассылок глючит. На одном компе видна форма, на другом нет. Магия какая-то. Разбираюсь, и скоро доберусь до истины)

    • comment-avatar
      Игорь Лохман 25.02.2022 (22:32)

      Здравствуйте, Евгений!

      Форму подписки лихорадило. Обновите, пожалуйста, страницу. Она должна сейчас корректно работать. Вот, как выглядит форма предварительного списка: https://photo-screen.ru/i/r6JACxpFJ

      Сообщите, если всё в порядке.

      Если я правильно понял, у вас и сам урок не отображается? Обычно с этим никогда не было проблем, т.к. он подгружается из YouTube.

      Проверил, урок отображается. Скриншот: https://photo-screen.ru/i/ZjM56kl6l

      • comment-avatar
        Евгений Плакса 02.03.2022 (01:03)

        Урок отображался. Страница подписки на новый МК была «мертвая». В сегодняшнем письме все работает. Лайк, подписка и комментарий по урокам параллакса.

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

          Спасибо, Евгений!

          Почти разобрался с глюками сервиса рассылок. Поменял код формы, и в уроках она заработала.

  • comment-avatar
    Ольга Кузнецова 26.02.2022 (15:52)

    Игорь, привет! Все 4 урока проделала вслед за тобой, давно хотела научиться этому способу, и вот твое изложение оказалось самым понятным и интересным. Так что с удовольствием отучусь и в твоем новом МК, я уже в предварительном списке!

    • comment-avatar
      Игорь Лохман 26.02.2022 (18:10)

      Спасибо, Ольга! Для тебя эти уроки, конечно, уже не такие сложные. Хочу в полной мере раскрыть эту тему. Идеи и примеры ещё есть в запасе. Так что помимо МК скоро выпущу ещё несколько новых уроков на блоге :)

  • comment-avatar
    Игорь 26.02.2022 (17:20)

    Игорь, поздравляю с красивой датой! Спасибо за новый урок — как всегда все очень понятно, и доступно! Жду новый МК! А по поводу фамилии -все ок, так и произноситься! :-)

    • comment-avatar
      Игорь Лохман 26.02.2022 (18:08)

      Спасибо, Игорь! Буду знать)

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

    Игорь! Спасибо за уроки, все уроки выполнены, надо с музыкой поработать)), жду МК, Сейчас творчество — это спасение))

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

      Согласен с вами, Наталия. Скоро продолжим! :)

  • comment-avatar
    Natalya 05.03.2022 (14:05)

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

    • comment-avatar
      Игорь Лохман 05.03.2022 (22:47)

      Вау! :)

      Лыжников совсем не ожидал увидеть. Очень понравилось!

      Спасибо за ещё один классный и качественный ролик.

  • comment-avatar
    Елена 07.03.2022 (20:55)

    Здравствуйте, Игорь. Очень ждала ваших новых уроков, т.к. считаю их самыми полезными из тех, что я видела. Заметила, что немного снизился темп уроков и это значительно улучшило восприятие (по крайней мере для меня). Эффект параллакса стал для меня новинкой, последний урок показался самых простым, но первые три безусловно дали отличную базу для понимания механизма его действия. Огромное вам спасибо за ваши уроки, буду ждать продолжения

    • comment-avatar
      Игорь Лохман 07.03.2022 (23:39)

      Спасибо, Елена!

      Приятно, что эта серия уроков вам понравилась :)

      Да, я намеренно снизил темп уроков. Для эксперимента. Из минусов для меня — уроки стали длиннее и дольше их монтировать. Стараюсь найти идеальный баланс ;)

      Скоро продолжим тему параллакса в новом мастер-классе!

  • comment-avatar
    Елена 08.03.2022 (11:51)

    https://disk.yandex.ru/i/o4YkCne6CgyJgw Здравствуйте Игорь, я очень ждал новый урок, мама мне включила компьютер и я смонтировал деревню по вашему уроку. Зацените! Серёжа Штейн.

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

      Здравствуйте! Спасибо за новый ролик!

      Заценил :) Очень качественная работа. Поздравляю с результатом!

  • comment-avatar
    Галина 11.03.2022 (18:06)

    Здравствуйте, Игорь! С большим удовольствием проделала уроки всех четырех частей. Всё понятно и доходчиво. Очень хочется узнать где искать картинки для иллюстраций и как их подготавливать к анимации. Вы в конце ролика проанонсировали эти вопросы, так что с нетерпением жду продолжения. Ваш авторский метод распределения картинок в 3D вообще заинтриговал)) у меня возникло несколько вопросов: зачем в конце работы все нужные слои переводим в «моушен блюр» (даже не знаю правильно ли написала))), что дает этот инструмент? И ещё: нужные слои, это какие? Понимаю, что не все, но не понимаю какие относятся к нужным. Заранее спасибо за ответ!

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

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

      Спасибо) Круто, что получилось повторить все части.

      Про поиск картинок и мой способ распределения я обязательно скоро расскажу. Сейчас я пока веду новый МК по параллаксу, поэтому продолжение уроков на блоге выйдет позже. Ориентировочно 1,5-2 недели.

      Моушн блюр — размывает слои, у которых есть анимация, то есть перемещение. В зависимости от скорости слой размывается сильнее/слабее. То есть моушн блюр добавляет реалистичное размытие. Я почти всегда его включаю, где есть движение. С ним анимация приятней и естественней. Эффект тяжёлый, поэтому активирую его перед финальным рендером.

      «Нужные» слои — те, у которых есть смысл включать моушн блюр. Если там нет существенных перемещений, то нет. Вы можете включить его и покадрово посмотреть, как меняется восприятие. Размытие либо будет заметно, либо нет.

  • comment-avatar
    Галина 14.03.2022 (14:46)

    Игорь, спасибо за объяснение. Всё предельно ясно написали и сразу всё встало на свои места: что , к чему и зачем делается)) очень жду продолжения уроков!