ПАРАЛЛАКС в After Effects БЕЗ 3D камеры. Часть 1

В ближайшие 4 выпуска вы с нуля создадите несколько красивых видео с эффектом параллакса в After Effects.

Это первый :)

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

С этой техникой любое плоское изображение обретает объём и глубину. Появляется иллюзия движения. Кажется, что всё реально и правдоподобно.

Как обычно делают параллакс?

Обычно для параллакса создают 3D камеру и распределяют слои в пространстве. Именно так делают большинство авторов на YouTube, чтобы показаться знающими и властными. Я тоже грешил.

На самом деле это правильный способ. Потому что он даёт реалистичный результат.

Только все эти 3D камеры отпугивают новичков и отбивают желание знакомиться с параллаксом ближе. Это как читать камасутру на первом свидании. Познавательно, но с первого раза не получится.

Мой подход — влюбиться в параллакс

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

В первой части я покажу вам 4 простых способа создания параллакса БЕЗ 3D камеры и сложной анимации.

На красивом примере вы получите много ценных навыков в After Effects и сможете сами анимировать статичные картинки.

Для поднятия духа и уверенности в своих силах — мы начнём с вдохновляющих примеров.

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

Благодаря этим примерам вы обогатите свою насмотренность и визуальный опыт.

Поэтому смотрите урок до конца, даже если вы опытный пользователь After Effects.

Параллакс в After Effects без 3D камеры

Скачайте исходники для тренировки. Архив весит 471 МБ.

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

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

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

Скачайте исходники и повторите урок. Потому что в следующей 2-ой части мы поднимем планку и создадим красивое видео для социальных сетей.

Будет много параллакса и спецэффектов. Поэтому обязательно повторите сначала 1-ю часть.

Напишите ниже в комментариях:

  • какой из 4-х способов создания параллакса вам понравился больше;
  • расскажите, если тоже встречали параллакс в разных областях, таких как игры, дизайн и творчество;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • comment-avatar
    Lena 02.02.2022 (13:44)

    файлы показывает как небезопасные ((
    А урок супер!!!

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

      Спасибо! Файлы безопасные. Не знаю, почему у вас так. Через что пробуете открыть?

      • comment-avatar
        Lena 02.02.2022 (22:46)

        Microsoft Edge. Странно, сейчас файлы скачались. Так что попробую на практике)) Спасибо.

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

          Значит, что-то ему не понравилось) Рад, что всё получилось! Желаю успешно повторить урок.

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

    Ну наконец-то самое понятное, логичное и красивое объяснение параллакса! Конечно, видела много где и хотела научиться сама. А с хорошим учителем и объяснением это точно получится. Завтра начну пробовать с 1-й части и чувствую, что после 3-х уроков Игорь подготовил и расширенную версию- новый тренинг или МК, а значит сколько еще чудесного можно сделать с новыми знаниями! Спасибо! Каждый урок, как подарок лучшего Друга)

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

      Спасибо, Ольга! Приятно читать) Да, МК будет. Тема интересная. Думал, по ней уже всё есть. Оказалось, на YouTube много заблуждений. Я прям мучился при попытке перенести готовую иллюстрацию в AE и подготовке её к анимации. Пришлось изобретать способ заново. Так что, скорее всего, будет больше, чем 3 урока. Монтирую второй.

  • comment-avatar
    Елена 02.02.2022 (23:45)

    Игорь, спасибо за урок, всё конструктивно и понятно! Паралакс встречала, но не знала, что эта техника так называется! Попробовала, завтра буду закреплять результат! Жду продолжение.

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

      Желаю, чтобы всё получилось! :)

  • comment-avatar
    Вячеслав 03.02.2022 (11:47)

    Ух ты, круто то как! А как получить следующий урок?

    • comment-avatar
      Игорь Лохман 03.02.2022 (19:53)

      Спасибо! Скоро выйдет и 2-я часть. Об этом я сообщу в e-mail рассылке.

  • comment-avatar
    Светлана 04.02.2022 (09:55)

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

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

      Спасибо, Светлана! Эти исходники я подготовил специально для уроков, чтобы ученики на первых порах не заморачивались с подготовкой. О том, где искать иллюстрации и как их подготавливать для импорта в After Effects я скоро расскажу в отдельном уроке. Сейчас пока тренируемся в параллаксе. На подходе 2-я часть.

  • comment-avatar
    Ольга 05.02.2022 (18:19)
  • comment-avatar
    Наталия 06.02.2022 (14:31)

    Спасибо за отличный урок! Все как всегда на высоте! Четвертый способ конечно самый удобный!

  • comment-avatar
    Галина 10.02.2022 (19:09)

    Спасибо за урок, все получилось. Игорь, подскажите, как избавиться от вертикальной полосы на слое после отзеркаливания в Motion Tile? На двух слоях её нет, а на одном есть. Не очень красиво это смотрится. В вашем ролике она тоже есть на последнем слое деревьев)) как же с ней бороться?))

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

      Круто, что обратили на это внимание. Да, есть такой косяк. Не зря оставил) Проблема в исходниках — края картинок ~ на 1 пиксель полупрозрачные. Поэтому при дублировании эффектом Motion Tile появляется некрасивая полоса. Вот два варианта, как это исправить. 1) Можно обрезать эти части в том же Paint. AE подтянет изменения. 2) В самом AE «прибить» непрозрачность. Записал короткий скринкаст без звука на примере 3-ей части для наглядности: https://youtu.be/3PYoC-2PZpA Там тоже есть полосы.

  • comment-avatar
    Natalya 10.02.2022 (21:57)

    Спасибо за урок. Обожаю паралакс. Все повторила. Все способы интересные по своему. А есть уроки по анкр поинту? Пробовала анимировать закрытие развертки куба в куб — очень долго провозилась так до конца и не поняла почему при перемещении якорной точки в одном случае она перемещалась одна, а во втором вместе с гранью куба

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

      Спасибо! Здорово, что всё повторили и развиваетесь в этой теме. Скоро будут ещё уроки по параллаксу и не менее красивые сцены. На счёт анкор пойнта. Посмотрите у меня на блоге урок «Супер 3D анимация текста в After Effects». Там мы часто его используем при создании куба из текста.

      • comment-avatar
        Natalya 11.02.2022 (11:08)

        спасибо. Постараюсь найти

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

    Слышал о параллаксе раньше, но не вникал в суть. Считал, что еще не время — сложно пока! Теперь (спасибо, Игорь!) оказалось, что «не так страшен….как его малюют».
    Все 4 варианта для меня очень интересны. Полосу тоже видел, но не заморачивался. А сейчас попробую реализовать Вашу помощь в обоих вариантах. И хотелось бы самому научиться готовить исходники. Так что — буду ждать доп. урок.
    Благодарю за Ваше «просто о сложном»! Лайк! И записался на МК!

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

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

      Да, кроме МК я выпущу ещё минимум пару уроков по параллаксу. Будем и исходники делать, и более интересную анимацию.

  • comment-avatar
    Геннадий 14.03.2022 (17:59)

    Здравствуйте, Игорь!
    Посмотрел Ваши уроки по паралаксу в АЕ. Мне они очень понравились, но я новичок и не все понял. Очень хотелось бы получить Ваш мини-курс «АЕ для новичков».
    Мой электронный адрес: dybunin-ga@yandex.ru. Заранее благодарен.
    С уважением. Геннадий.

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

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

      На адрес dybunin-ga@yandex.ru отправить курс не получается. Система пишет, что ошибка, и адреса не существует. Возможно, в вашем адресе опечатка.

      Отправил курс на dubynin-ga@yandex.ru, который вы указали в форме при отправке комментария.

  • comment-avatar
    Татьяна 16.03.2022 (21:29)

    Сделала!

  • comment-avatar
    Татьяна 17.03.2022 (21:37)

    Игорь, как сделать ссылку на вас в ВК?

  • comment-avatar
    juliaplus 28.03.2022 (23:24)

    Игорь, день добрый!
    Такая же проблема с juliaplus@yandex.ru — письмо не приходит

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

      Здравствуйте! Ответил вам на e-mail :)

  • comment-avatar
    Светлана 20.07.2022 (15:21)

    Игорь, как всегда, чётки и понятно. Выражения — сердце after effects, очень хочу как можно больше из использовать научится, глубже и стать профессионалом. Спасибо жду новых уроков если возможно по этой теме. Ссылка на мой канал. Сайта пока нет.

    • comment-avatar
      Игорь Лохман 20.07.2022 (19:43)

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

  • comment-avatar
    Галина 02.09.2022 (19:48)

    Добрый вечер, Игорь! Делаю анимацию по вашему видео, но по своей картинке. И на двух слоях, не срабатывает эффект Motion Tile (никакой реакции при увеличении ползунка output widht). Не знаете, в чем может быть причина?

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

      Здравствуйте! Пришлите скриншот, где будет видно, что вы делаете и что получается. Так будет понятней, в чём причина.

  • comment-avatar
    Ирина 24.10.2022 (18:59)

    На облаке не показывает никаких файлов(((

    • comment-avatar
      Игорь Лохман 24.10.2022 (19:33)

      Проверил. Всё работает. Открывается Облако Mail.ru с файлами для урока.

  • comment-avatar
    Сергей Майданник 25.11.2023 (22:03)

    у меня крутой поворот паралакса получился случайно:
    — будто я смотрю с 10:30 на 13:30, такой промежуток видимости в 30градусов, будто я поворачиваю голову..
    первый лес статичен..