ПАРАЛЛАКС в After Effects БЕЗ 3D камеры. Часть 1
В ближайшие 4 выпуска вы с нуля создадите несколько красивых видео с эффектом параллакса в After Effects.
Это первый :)
Параллакс — это самый быстрый способ оживить статичные картинки, видео, графику и текст без сложной анимации.
С этой техникой любое плоское изображение обретает объём и глубину. Появляется иллюзия движения. Кажется, что всё реально и правдоподобно.
Как обычно делают параллакс?
Обычно для параллакса создают 3D камеру и распределяют слои в пространстве. Именно так делают большинство авторов на YouTube, чтобы показаться знающими и властными. Я тоже грешил.
На самом деле это правильный способ. Потому что он даёт реалистичный результат.
Только все эти 3D камеры отпугивают новичков и отбивают желание знакомиться с параллаксом ближе. Это как читать камасутру на первом свидании. Познавательно, но с первого раза не получится.
Мой подход — влюбиться в параллакс
Вот почему я записал серию из 3-х простых уроков, после которых вы влюбитесь в параллакс и начнёте использовать его в своих видео.
В первой части я покажу вам 4 простых способа создания параллакса БЕЗ 3D камеры и сложной анимации.
На красивом примере вы получите много ценных навыков в After Effects и сможете сами анимировать статичные картинки.
Для поднятия духа и уверенности в своих силах — мы начнём с вдохновляющих примеров.
Вы увидите, как параллакс применяют в играх, веб-дизайне и даже рукоделии. А потом удивитесь, как все эти идеи перекочевали в After Effects и тысячи шаблонов.
Благодаря этим примерам вы обогатите свою насмотренность и визуальный опыт.
Поэтому смотрите урок до конца, даже если вы опытный пользователь After Effects.
Параллакс в After Effects без 3D камеры
Скачайте исходники для тренировки. Архив весит 471 МБ.
Полезные ссылки к выпуску
- МК «Мои воспоминания»
- МК «Супер-иконки в AE»
- Курс «Мастер анимации в AE»
- Урок «Всё о графиках скорости в AE»
- Бесплатный мини-курс «AE для новичка»
Остальные части:
- Часть 2: «Вертикальное видео с параллаксом в AE»
- Часть 3: «Анимируем иллюстрацию с параллаксом в AE»
- Часть 4: «Параллакс и 3D камера в AE»
Домашнее задание
Скачайте исходники и повторите урок. Потому что в следующей 2-ой части мы поднимем планку и создадим красивое видео для социальных сетей.
Будет много параллакса и спецэффектов. Поэтому обязательно повторите сначала 1-ю часть.
Напишите ниже в комментариях:
- какой из 4-х способов создания параллакса вам понравился больше;
- расскажите, если тоже встречали параллакс в разных областях, таких как игры, дизайн и творчество;
Хотите продолжить покорять параллакс и выйти на новый уровень?
Участвуйте в новом МК по After Effects!
Приглашаю вас в мой новый мастер-класс «Параллакс заставка в AE».
В нём вы с нуля создадите профессиональный шаблон заставки, который реально продаётся на VideoHive и заработал уже более 260 000 рублей!
Получить доступ к МК можно только с 10 по 15 марта. А начать изучение вы можете в любое время.
В эти дни вы получаете его по самой низкой цене — со скидкой 33%. При этом у вас будут бесплатные обновления в виде дополнительных уроков, которые я планирую добавлять.
15 марта набор на МК закроется.
Представьте, насколько круто научиться делать то, что успешно продаётся прямо сейчас. Да и само ощущение: «Да! Я могу делать так же как профи», — доставляет огромное удовольствие.
К концу обучения вы создадите минимум 3 разных по дизайну ролика:
- поздравление с началом весны
- промо видео для рекламы товаров и услуг
- ролик на детскую тематику
Об остальных фишках вы узнаете на большой презентации — с наглядными примерами и подробным описанием функций шаблона, который вы создадите.
Если вам нравится мой стиль и подача уроков, и вы хотите развиваться вместе со мной — участвуйте в новом МК «Параллакс заставка в AE».
P.S. Поддержите выпуск и нажмите палец вверху справа 👍, если узнали что-то новое для себя.
Lena 02.02.2022 (13:44)
файлы показывает как небезопасные ((
А урок супер!!!
Игорь Лохман 02.02.2022 (16:02)
Спасибо! Файлы безопасные. Не знаю, почему у вас так. Через что пробуете открыть?
Lena 02.02.2022 (22:46)
Microsoft Edge. Странно, сейчас файлы скачались. Так что попробую на практике)) Спасибо.
Игорь Лохман 03.02.2022 (01:03)
Значит, что-то ему не понравилось) Рад, что всё получилось! Желаю успешно повторить урок.
Ольга Кузнецова 02.02.2022 (16:10)
Ну наконец-то самое понятное, логичное и красивое объяснение параллакса! Конечно, видела много где и хотела научиться сама. А с хорошим учителем и объяснением это точно получится. Завтра начну пробовать с 1-й части и чувствую, что после 3-х уроков Игорь подготовил и расширенную версию- новый тренинг или МК, а значит сколько еще чудесного можно сделать с новыми знаниями! Спасибо! Каждый урок, как подарок лучшего Друга)
Игорь Лохман 02.02.2022 (20:40)
Спасибо, Ольга! Приятно читать) Да, МК будет. Тема интересная. Думал, по ней уже всё есть. Оказалось, на YouTube много заблуждений. Я прям мучился при попытке перенести готовую иллюстрацию в AE и подготовке её к анимации. Пришлось изобретать способ заново. Так что, скорее всего, будет больше, чем 3 урока. Монтирую второй.
Елена 02.02.2022 (23:45)
Игорь, спасибо за урок, всё конструктивно и понятно! Паралакс встречала, но не знала, что эта техника так называется! Попробовала, завтра буду закреплять результат! Жду продолжение.
Игорь Лохман 03.02.2022 (01:03)
Желаю, чтобы всё получилось! :)
Вячеслав 03.02.2022 (11:47)
Ух ты, круто то как! А как получить следующий урок?
Игорь Лохман 03.02.2022 (19:53)
Спасибо! Скоро выйдет и 2-я часть. Об этом я сообщу в e-mail рассылке.
Светлана 04.02.2022 (09:55)
Игорь, Огромное спасибо за такой подробный урок. Вы, как всегда на высоте очень все подробно. Тайна паралакса раскрыта ждем-с продолжения. Еще интересно как подготовить исходники? думаю, что это из картинок (рисунков) в фотошопе?
Игорь Лохман 04.02.2022 (16:02)
Спасибо, Светлана! Эти исходники я подготовил специально для уроков, чтобы ученики на первых порах не заморачивались с подготовкой. О том, где искать иллюстрации и как их подготавливать для импорта в After Effects я скоро расскажу в отдельном уроке. Сейчас пока тренируемся в параллаксе. На подходе 2-я часть.
Ольга 05.02.2022 (18:19)
Наталия 06.02.2022 (14:31)
Спасибо за отличный урок! Все как всегда на высоте! Четвертый способ конечно самый удобный!
Галина 10.02.2022 (19:09)
Спасибо за урок, все получилось. Игорь, подскажите, как избавиться от вертикальной полосы на слое после отзеркаливания в Motion Tile? На двух слоях её нет, а на одном есть. Не очень красиво это смотрится. В вашем ролике она тоже есть на последнем слое деревьев)) как же с ней бороться?))
Игорь Лохман 10.02.2022 (20:55)
Круто, что обратили на это внимание. Да, есть такой косяк. Не зря оставил) Проблема в исходниках — края картинок ~ на 1 пиксель полупрозрачные. Поэтому при дублировании эффектом Motion Tile появляется некрасивая полоса. Вот два варианта, как это исправить. 1) Можно обрезать эти части в том же Paint. AE подтянет изменения. 2) В самом AE «прибить» непрозрачность. Записал короткий скринкаст без звука на примере 3-ей части для наглядности: https://youtu.be/3PYoC-2PZpA Там тоже есть полосы.
Natalya 10.02.2022 (21:57)
Спасибо за урок. Обожаю паралакс. Все повторила. Все способы интересные по своему. А есть уроки по анкр поинту? Пробовала анимировать закрытие развертки куба в куб — очень долго провозилась так до конца и не поняла почему при перемещении якорной точки в одном случае она перемещалась одна, а во втором вместе с гранью куба
Игорь Лохман 11.02.2022 (01:29)
Спасибо! Здорово, что всё повторили и развиваетесь в этой теме. Скоро будут ещё уроки по параллаксу и не менее красивые сцены. На счёт анкор пойнта. Посмотрите у меня на блоге урок «Супер 3D анимация текста в After Effects». Там мы часто его используем при создании куба из текста.
Natalya 11.02.2022 (11:08)
спасибо. Постараюсь найти
Евгений Плакса 02.03.2022 (00:16)
Слышал о параллаксе раньше, но не вникал в суть. Считал, что еще не время — сложно пока! Теперь (спасибо, Игорь!) оказалось, что «не так страшен….как его малюют».
Все 4 варианта для меня очень интересны. Полосу тоже видел, но не заморачивался. А сейчас попробую реализовать Вашу помощь в обоих вариантах. И хотелось бы самому научиться готовить исходники. Так что — буду ждать доп. урок.
Благодарю за Ваше «просто о сложном»! Лайк! И записался на МК!
Игорь Лохман 02.03.2022 (08:11)
Спасибо, Евгений!
Да, кроме МК я выпущу ещё минимум пару уроков по параллаксу. Будем и исходники делать, и более интересную анимацию.
Геннадий 14.03.2022 (17:59)
Здравствуйте, Игорь!
Посмотрел Ваши уроки по паралаксу в АЕ. Мне они очень понравились, но я новичок и не все понял. Очень хотелось бы получить Ваш мини-курс «АЕ для новичков».
Мой электронный адрес: dybunin-ga@yandex.ru. Заранее благодарен.
С уважением. Геннадий.
Игорь Лохман 17.03.2022 (13:14)
Здравствуйте, Геннадий!
На адрес dybunin-ga@yandex.ru отправить курс не получается. Система пишет, что ошибка, и адреса не существует. Возможно, в вашем адресе опечатка.
Отправил курс на dubynin-ga@yandex.ru, который вы указали в форме при отправке комментария.
Татьяна 16.03.2022 (21:29)
Сделала!
Татьяна 17.03.2022 (21:37)
Игорь, как сделать ссылку на вас в ВК?
Игорь Лохман 18.03.2022 (01:45)
Это моя страница в ВК: https://vk.com/igor_lokhman
На неё можете и сослаться.
Татьяна 18.03.2022 (10:45)
https://vk.com/wall191948091_260
моя работа
Игорь Лохман 18.03.2022 (13:55)
Спасибо за видео, Татьяна!
juliaplus 28.03.2022 (23:24)
Игорь, день добрый!
Такая же проблема с juliaplus@yandex.ru — письмо не приходит
Игорь Лохман 28.03.2022 (23:50)
Здравствуйте! Ответил вам на e-mail :)
Светлана 20.07.2022 (15:21)
Игорь, как всегда, чётки и понятно. Выражения — сердце after effects, очень хочу как можно больше из использовать научится, глубже и стать профессионалом. Спасибо жду новых уроков если возможно по этой теме. Ссылка на мой канал. Сайта пока нет.
Игорь Лохман 20.07.2022 (19:43)
Спасибо! Желаю успешно применять выражения в своих видео! Я их использую почти в каждом уроке на блоге и курсах)
Галина 02.09.2022 (19:48)
Добрый вечер, Игорь! Делаю анимацию по вашему видео, но по своей картинке. И на двух слоях, не срабатывает эффект Motion Tile (никакой реакции при увеличении ползунка output widht). Не знаете, в чем может быть причина?
Игорь Лохман 02.09.2022 (21:54)
Здравствуйте! Пришлите скриншот, где будет видно, что вы делаете и что получается. Так будет понятней, в чём причина.
Ирина 24.10.2022 (18:59)
На облаке не показывает никаких файлов(((
Игорь Лохман 24.10.2022 (19:33)
Проверил. Всё работает. Открывается Облако Mail.ru с файлами для урока.
Сергей Майданник 25.11.2023 (22:03)
у меня крутой поворот паралакса получился случайно:
— будто я смотрю с 10:30 на 13:30, такой промежуток видимости в 30градусов, будто я поворачиваю голову..
первый лес статичен..
Сергей Майданник 25.11.2023 (22:14)
так классно.. я такой паралакс не встречал на видеоуроках)))
и естесвенно у меня возникло дело:
— я вспомнил мультик Король Лев.. и там грандиозный паралакс сделали.. такой эпичный !!!! как его сделать? это наверное нужно посмотреть 4 часть урока где будет 3Д
там где симба в ущелье 32:50 — 32:55
https://hdrezka.ag/cartoons/drama/805-korol-lev-1994.html
просьба вспомнить увидеть еще раз))))
Сергей Майданник 25.11.2023 (22:33)
https://drive.google.com/drive/folders/1-GMnhuM-EGG6CaKeaew10553OQ5z1HeR?usp=sharing