Анимируем иллюстрацию с ПАРАЛЛАКСОМ в After Effects | Parallax Animation

Поділитися
Вставка
  • Опубліковано 3 чер 2024
  • ➤ Скачать исходники и повторить урок: moviesecrets.ru/parallax_afte...
    ★ Бесплатный мини-курс «AE для новичка»: ms111.ru/70
    ➤ ЧЕМУ ВЫ НАУЧИТЕСЬ:
    Это 3-я часть выпуска по созданию красивых видео с эффектом параллакса в After Effects.
    Сегодня вы закрепите знания и анимируете яркую и сочную иллюстрацию с городским пейзажем и автомобилем.
    Сначала мы соберём городскую среду из обычных картинок и оживим её с помощью параллакса.
    Всего одним эффектом вы научитесь зацикливать иллюстрации и делать их бесконечными.
    Затем анимируем фургон с мороженым и отправим его по улицам города.
    Скачайте исходники и повторите урок от начала до конца.
    ➤ ПОЛЕЗНЫЕ ССЫЛКИ К УРОКУ:
    Часть 1. ПАРАЛЛАКС в After Effects БЕЗ 3D камеры: moviesecrets.ru/parallax_afte...
    Часть 2: ВЕРТИКАЛЬНОЕ видео с ПАРАЛЛАКСОМ в AE: moviesecrets.ru/parallax_afte...
    Всё о графиках скорости в AE: moviesecrets.ru/speed_graph
    Выражения в AE. Как их быстро освоить: moviesecrets.ru/after-effects...
    ➤ НАВИГАЦИЯ:
    00:00 - результат урока
    00:20 - что было в 1-ой и 2-ой частях?
    02:15 - собираем картинки в готовую иллюстрацию
    04:52 - анимируем сцену с помощью параллакса
    10:22 - собираем фургон с мороженым
    12:17 - анимируем фургон с мороженым
    16:42 - создаём мультяшный дым
    18:36 - собираем всё в готовую сцену
    21:24 - финальный ролик
  • Фільми й анімація

КОМЕНТАРІ • 118

  • @MovieSecretsRu
    @MovieSecretsRu  2 роки тому +6

    ➤ Навигация по уроку:
    00:00 - результат урока
    00:20 - что было в 1-ой и 2-ой частях?
    02:15 - собираем картинки в готовую иллюстрацию
    04:52 - анимируем сцену с помощью параллакса
    10:22 - собираем фургон с мороженым
    12:17 - анимируем фургон с мороженым
    16:42 - создаём мультяшный дым
    18:36 - собираем всё в готовую сцену
    21:24 - финальный ролик

    • @alexnew8872
      @alexnew8872 Рік тому

      Поворил Ваш урок, все понятно и интересно, а главное - полезно! Спасибо Вам большое! на 16:22 Вы показали другие машины. Подскажите, пожалуйста, где вы берете такие замечательные картинки? Или Вы рисуете их сами?

  • @user-js9cm8zw3f
    @user-js9cm8zw3f 4 місяці тому +1

    спасибо за урок и за материалы! очень интересно

  • @dslavaua
    @dslavaua 2 роки тому +4

    Вот это да!! Не верится, что такое возможно сделать своими руками!

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      Люблю такие комментарии ;) Уверен, у вас всё получится, когда попробуете.

  • @mykolalepskyi2955
    @mykolalepskyi2955 19 днів тому

    Огромнейшее спасибо!!!! Так приятно смотреть!

  • @ev_geniy6227
    @ev_geniy6227 2 роки тому +9

    Благодарю ! Все уроки которые я смотрел в вашем исполнении , это очень понятно и круто .

  • @VLADLER_NG
    @VLADLER_NG Рік тому

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

  • @nata9222
    @nata9222 2 роки тому +3

    Спасибо большое за уроки! На красивых примерах и с такой музыкой одно удовольствие учиться, вдохновение и настроение!

  • @NeonFinderChannel
    @NeonFinderChannel 2 роки тому +3

    Крайне интересная тема. Очень полезные уроки, спасибо большое!

  • @igor.usachev
    @igor.usachev 2 роки тому +3

    Замечательный урок! Сразу захотелось повторить такую красоту! Игорь, спасибо!

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому +2

      Вот бы у всех уроков был такой побочный эффект :) Спасибо!

  • @user-ir6on4mg7s
    @user-ir6on4mg7s Рік тому +2

    Четко , понятно и грамотно!!!)) Спасибо большое за ваш канал - это находка 💜 Под чужие уроки просто засыпала либо перематывала назад постоянно, т.к. совсем не понятно было с первого раза.

  • @nikasgoncharov
    @nikasgoncharov 2 роки тому +7

    наконец то я нашёл нормальный канал, на котором по человечески быстро и понятно можно набраться опыта, спасибо)

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому +1

      Спасибо! Мне знакомо это чувство ;)

  • @gooseman4776
    @gooseman4776 8 місяців тому

    Голос приятный, все четко и ясно, спасибо.

  • @user-yn8oo8ly7c
    @user-yn8oo8ly7c 2 роки тому +1

    Супер . У меня каждый раз появляются большие глаза после просмотра возможностей эффектов и их применения. Спасибо за урок.

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

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

  • @miniature2203
    @miniature2203 3 місяці тому

    Такая красотища😍😍😍 спасибо Вам огромное❤❤❤

  • @tatianavolkhontseva6406
    @tatianavolkhontseva6406 3 місяці тому

    очень крутой урок! столько фишек за 20 минут, большущее спасибо! видимо, стоит купить курс)

    • @MovieSecretsRu
      @MovieSecretsRu  3 місяці тому

      Спасибо)
      Напишите мне ВКонтакте. Сделаю скидку на большой курс в честь дня влюблённых ;)

  • @natakarachevtseva9800
    @natakarachevtseva9800 10 місяців тому

    Спасибо! просто супермегакруто!!! Сложные вещи простым языком. Браво

  • @feb1968
    @feb1968 2 роки тому +1

    самый лучший канал для новичков, спасибо!

  • @user-qu2qw5ee2n
    @user-qu2qw5ee2n 6 місяців тому

    Четко, советую!

  • @tashakonart
    @tashakonart 2 роки тому +1

    Спасибо за отличный урок, на выходных займусь))

  • @jelchnet
    @jelchnet Рік тому

    ОГРОМНОЕ вам СПАСИБО! Всё получилось!

  • @joymusicstudio1
    @joymusicstudio1 2 роки тому +2

    Лайк для развития канала! Всем творческих успехов! Желаю всем крепкого здоровья и удачи!!!!!!! Like for the development of the channel! All the creative success! I wish everyone good health and good luck!!!!!!!

  • @makdak...
    @makdak... Рік тому

    Круто. Спасибо

  • @maximt26
    @maximt26 Рік тому

    Уроки просто супер! Очень доходчиво! Спасибо! 👍👍👍

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому +1

      Спасибо! Рад, что нравится.

    • @maximt26
      @maximt26 Рік тому

      @@MovieSecretsRu Повторил! Просто супер!

  • @Mrfake007
    @Mrfake007 2 роки тому

    Спасибо, очень полезно, ты молодец.

  • @vedeoyura
    @vedeoyura 4 місяці тому

    Крутые уроки

  • @livitan9536
    @livitan9536 2 роки тому

    Шикарно

  • @RimmaVafina
    @RimmaVafina Рік тому

    класс!!!👍👍👍

  • @kylewinters8531
    @kylewinters8531 Рік тому

    Очень круто и понятно! Сам не первый год пользуюсь After Effects и о таких казалось бы простых штуках, как настройка прозрачности альфа канала через curves и расширение границ через grow bonds я узнал только в этих роликах по параллаксу. Мерцание звёзд через жалюзи тоже неожиданно, я бы сам турбулент использовал. Тоже обожаю wiggle, но пока не нашел как можно было бы динамически менять его настройки. Т.е. к примеру если бы авто в этом ролике должно было полностью остановиться и все детали к моменту остановки уже стоять на своих местах. Наверняка должна быть простая экспрессия, типа wiggle (x,y), а те отдельно регулируются

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому +1

      Рад, что пригодился урок) Да, через турбулент было бы интересней. На счёт wiggle - его x и y можно привязать к двум слайдерам и уже анимировать по ключам. Если нужно остановить дёргания - ставим в слайдере 0.

  • @stacy.owlrei
    @stacy.owlrei 7 місяців тому

    Большое спасибо за ваши уроки! Все четко и понятно. До этого я даже открывать After Effects боялась))
    Скажите, пожалуйста, возможно ли зациклить детали заднего фона, чтобы он был бесшовным при воспроизведении видео заново? Я хочу сделать гиф с эффектом параллакса, но бросается в глаза этот скачок.

    • @MovieSecretsRu
      @MovieSecretsRu  7 місяців тому

      Да, точно так же можно сделать бесшовную анимацию фона. Просто подберите во втором ключе такое значение в эффекте, пока фон не вернётся в начальное положение. Если есть скачок, значит, перекрутили или недокрутили.

  • @user-xh9oe3ud7o
    @user-xh9oe3ud7o 2 місяці тому

    Спасибо большое! Очень интересно и понятно объясняете. А где можно искать исходники для таких видео?

    • @MovieSecretsRu
      @MovieSecretsRu  2 місяці тому

      Спасибо! Картинки ищу на всяких стоках со свободной лицензией. Сайтов очень много. Например, freepik.com

  • @trickster1526
    @trickster1526 2 роки тому +1

    Супер!
    Интересно и доходчиво)
    А про композинг у вас есть что-то?

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому +1

      Спасибо! Про композитинг пока немного. Найдите у меня урок - «Продвинутый хромакей в After Effects. Эффект "Дверь в другое измерение"».

  • @kirgoff_lex
    @kirgoff_lex 11 місяців тому

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

    • @MovieSecretsRu
      @MovieSecretsRu  11 місяців тому

      Так бывает на некачественных футажах. Скорее всего, на границе есть пиксели или пробел. У меня такое то бывает, то нет.

  • @user-im8ow6qz4s
    @user-im8ow6qz4s Рік тому

    Спасибо огромное я повторил всё от и до, вопрос а как сделать момент с 21:34 если у нас эта мороженка в композе с машиной ? Мы делаем больше границы композа ?)

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Пожалуйста) Этот момент я вкратце объяснил в одном из комментариев под этим уроком на блоге. Ссылка в описании.

  • @a111_Bundy
    @a111_Bundy Рік тому

    Сделано, спасибо за урок.
    есть вопросы:
    анимация дыма в начале появляется постепенно, можно ли сделать так что бы он на пике показывался сразу?
    про цикличность, на дороге есть шов от отзеркаливания можно ли его как то сгладить ?
    и что бы сделать анимацию без обрыва (без обрыва картинке на репите), его надо делать больше по хронометражу по последнему слою, что бы он полный цикл делал ?
    Бесплатный миникурс по АЕ, больше не доступен ?

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Здравствуйте!
      Всё можно.
      Экспериментируйте с эффектом и ключами.
      Шов виден из-за корявого исходника.
      Пришлите мне на почту ваш email, отправлю курс.

  • @reymershouse3396
    @reymershouse3396 Рік тому

    здравствуйте, не нахожу строки для ввода почты по ссылке бесплатного мини курса по Ae. Она не активна сейчас?

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Напишите мне на почту или в ВК, отправлю курс.

  • @makstonyshorts
    @makstonyshorts 11 місяців тому

    Потрясающая работа! Где вы берёте исходники PNG картинок??

    • @MovieSecretsRu
      @MovieSecretsRu  11 місяців тому

      Спасибо! Картинки ищу на стоках со свободной лицензией. Скоро будет продолжение этой серии уроков. Там будут все источники. Всё никак не соберусь)

  • @StaffLife23
    @StaffLife23 Рік тому

    Очень круто. Единственное я не могу понять, как сделать улетающее мороженное , подскажите плиз

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

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

  • @livitan9536
    @livitan9536 2 роки тому

    Спасибо...

  • @user-no1vm1bb9y
    @user-no1vm1bb9y 2 роки тому

    Спасибо большое за урок! А как концовку с мороженным сделать?

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      Зайдите на блог, почитайте в комментариях. Разбирали вкратце.

  • @zayjkerr
    @zayjkerr 2 роки тому

    Здравствуйте, подскажите пожалуйста, каким эффектом сделать слоу мо как в конце?)
    upd: не знаю насколько это правильно. Я не могу найти что-то типа создания папок под слои, как в премьере. Поэтому создал пустой слой, привязал к нему все слои, которые есть, кручу и приближаю картинку. Теперь думаю как снег замедлить)

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      Здравствуйте! Для замедления можно использовать функцию Time Remapping. Там надо играться с ключами. Или Time Stretch. Обе вызываются через правый клик по слою - Time.

  • @bogdankakavunets5144
    @bogdankakavunets5144 Рік тому

    Все повторила (второй день в программе), очень здорово.
    НО! А как же сделать улетающее мороженое в конце?

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Этот момент я вкратце объяснил в одном из комментариев под этим уроком на блоге. Ссылка в описании.

  • @alx8829
    @alx8829 2 роки тому

    Спасибо! Учусь с другой Школе. Но, благодаря вашим урокам, оттачиваю знания. Много для меня нового и не нового было в этом уроке. За новые эффекты и их применение огромное спасибо. Остался у меня вопрос, как сделать так, чтобы мороженое выпадало и становилось крупным планом. Ну, это на будущее.

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      Спасибо! На блоге в комментариях к выпуску я уже рассказал о нескольких вариантах, как это сделать. В любом случае - это для самостоятельной работы, т.к. не относится к теме параллакса. Пробуйте и подумайте, как это сделано, как движется мороженое, как приближается и т.д.. Если изучаете мои уроки и следите за комментариями на блоге, то без проблем найдёте решение. Главное, повторите этот урок, а после уже экспериментируйте с подобной анимацией. Потому что я не знаю ваш уровень навыков в After Effects и где учились до этого.

    • @alx8829
      @alx8829 2 роки тому

      @@MovieSecretsRu наверное, не стоит тут рекламировать конкурентов). Второй вопрос, хотелось бы получить Ваш мини-курс для новичков (Я поняла, что вы преподаете по-другому, и я нахожу для себя много нового, опираясь на базовые знания, Думаю Ваш курс мне будет полезен). Вопрос! ссылка на той страничке не работает, куда я могу прислать свой e-mail для получения курса? Спасибо!

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      ​@@alx8829 Да, сейчас ту страницу я переделываю, поэтому частично не работает. Пришлите свой email мне в ВКонтакте, на почту или службу поддержки. Контакты есть на блоге. Я добавлю вас в курс.

  • @us2ilu
    @us2ilu Рік тому

    да, урок интересный, ищу сюжет для применения

  • @Traveler_marie
    @Traveler_marie 6 місяців тому

    Привет) Спасибо за уроки, очень классные! Посоветуй, пожалуйста, графический планшет и ноутбук для моушн- дизайнера, буду очень благодарна 😊

    • @MovieSecretsRu
      @MovieSecretsRu  6 місяців тому

      Рад, что понравился урок) По планшету и ноуту не посоветую, потому что не слежу за новинками.

  • @daryafaleefa3376
    @daryafaleefa3376 Рік тому

    А подскажите, как сделать правильное замедление и поворот мороженого. А то совсем ничего не выходит. может ссылку на урок или статью.

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Под видео ссылка на выпуск с этим уроком. В комментариях мы вкратце разобрали как это сделать.

  • @user-hq7gp4fz5z
    @user-hq7gp4fz5z 2 роки тому +1

    К сожелению, в исходниках не хватает некоторых файлов (дорога, домики, фон)

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому +1

      Это потому что вы начали с 3-ей части выпуска про параллакс. Начните с 1-ой. Там все исходники.

    • @user-hq7gp4fz5z
      @user-hq7gp4fz5z 2 роки тому

      Спасибо большое! У вас замечательные видео)

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      @@user-hq7gp4fz5z Спасибо! :)

  • @Anar_Nm
    @Anar_Nm Рік тому

    Спасибо, урок отличный. Но всё же неполноценный, от чего портится всё впечатление. Мне было наиболее интересно, как сделать сцену с замедленным отрывом и падением мороженого. Но её нет, хотя в результате показан. И в исходниках нет звука, где его искать...? Этот подходил идеально.

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Спасибо! На блоге в комментариях к этому выпуску я уже рассказал о нескольких вариантах, как это сделать. В любом случае - это для самостоятельной работы, т.к. не относится к теме параллакса. Пробуйте и подумайте, как это сделано, как движется мороженое, как приближается и т.д.. Если изучаете мои уроки и следите за комментариями на блоге, то без проблем найдёте решение. Главное, повторите этот урок, а после уже экспериментируйте с подобной анимацией. Звуки и музыку я не прикладывал, т.к. использую лицензию. Найти похожие не проблема. Бесплатных стоков много.

  • @lina.chetin
    @lina.chetin Рік тому

    Здравствуйте Игорь. А у меня в zip папке только 6 картинок, остальные не могу найти

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Здравствуйте! Остальные исходники в 1-ой части.

  • @user-dc5ud1dt8z
    @user-dc5ud1dt8z 10 місяців тому

    Есть проблема: у меня видео длиной 1 мин с движущимся поездом. Я сделал мелькание деревьев мимо поезда, значение tile center доходит до 80 тыс... Но ближе к 40 секунде анимации движение обрывается. Причем когда ставлю качество Quartet, то еще играет, а если Full то вот такая песня. Отрендерить, конечно, не получается. Почему? А в целом отличный урок, спасибо огромное!)

    • @MovieSecretsRu
      @MovieSecretsRu  10 місяців тому

      Возможно, не хватает оперативки.
      Лучше используйте выражения для зацикливания анимации, чтобы так не мудрить.
      Поищите.

    • @user-dc5ud1dt8z
      @user-dc5ud1dt8z 10 місяців тому

      @@MovieSecretsRu большое спасибо. С выражениями стало работать))

  • @olegilici3290
    @olegilici3290 Рік тому

    Привет.
    Mожно разместить исходники города?, пожалуйста

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Привет! Все исходники уже есть в статье на блоге. Ссылка в описании.

  • @user-kj5xz3py9x
    @user-kj5xz3py9x 9 місяців тому

    у меня не получилось кое что. Так как в ваших исходниках нет фона и и дороги, деревьев и тд, я создала их сама. В Иллюстраторе я от начала до конца поставила дорогу на которой будет ехать Фургон, но почему он не соединяется в мозаике как у вас. Проплешина в сантиметр там. Что делать?

    • @MovieSecretsRu
      @MovieSecretsRu  9 місяців тому

      Остальные исходники в 1-ой части. Скачайте их, и всё получится.

    • @user-ej4qn5rt8j
      @user-ej4qn5rt8j 8 місяців тому

      Я делаю свою работу, у меня тоже пробел! Феноменальная и нерешаемая проблема. Как не изменяю машстабы в АИ, проблема не уходит. Вот экспорт файла АИ решает проблему, а вот ПНГ нет

  • @eenikeevv
    @eenikeevv Рік тому

    В вашем исходнике нет Кузова, как скачать?

  • @user-kc5yn8rg7h
    @user-kc5yn8rg7h 2 роки тому

    альт клик не работает почему то и выражения не пишутся

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      Возможно, что-то не так делаете. Сложно понять, в чём проблема.

  • @user56496
    @user56496 10 місяців тому

    по ссылке можно скачать только фургон а фона и домов нету

    • @MovieSecretsRu
      @MovieSecretsRu  10 місяців тому

      Остальные исходники в 1-ой части.

  • @user-hs2gt4nl4u
    @user-hs2gt4nl4u 9 місяців тому

    Скачал файлы а у меня только части машини, а всего остального нет

    • @MovieSecretsRu
      @MovieSecretsRu  9 місяців тому

      Остальные исходники в 1-ой части.

  • @Relativistic-JET
    @Relativistic-JET 2 роки тому

    8:07 Разное расстояние между фонарями. Может пока я урок не до конца доделал.

    • @MovieSecretsRu
      @MovieSecretsRu  2 роки тому

      Такая картинка. Для этого примера не критично.

    • @Relativistic-JET
      @Relativistic-JET 2 роки тому

      @@MovieSecretsRu 3 Урока с параллаксами поделал. Спасибо.

  • @Lizzect_motion
    @Lizzect_motion Рік тому

    почему ссылки не активны?? Мне ничего не скачать. Блин, так жалко.

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      Ссылки активны.

    • @Lizzect_motion
      @Lizzect_motion Рік тому

      @@MovieSecretsRu Спасибо!) а где можно найти дорогу, снег, тротуар фонари и тд?

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      @@Lizzect_motion По ссылке в описании. На блоге все части урока.

    • @Lizzect_motion
      @Lizzect_motion Рік тому

      @@MovieSecretsRu если скачивать исходники по этому уроку - качаются только части машины. (окно, мороженное, колесо, днище) остального нет, либо я не могу нигде найти. Я уже у вас всё перелопатила, а толку никакого. Объясните пожалуйста, где взять остальные исходники? Буду очень благодарна!!!!

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому

      @@Lizzect_motion Прочитайте внимательно статью по ссылке. Там будет ссылка на другие части урока, в которой остальные исходники.

  • @us2ilu
    @us2ilu Рік тому

    вот что получилось, ну просто супер - ua-cam.com/video/rrIhxM3UBCI/v-deo.html

    • @MovieSecretsRu
      @MovieSecretsRu  Рік тому +1

      Поздравляю с результатом!