ПАРАЛЛАКС в After Effects БЕЗ 3D камеры. 4 простых способа ОЖИВИТЬ картинку
Вставка
- Опубліковано 2 чер 2024
- ➤ Скачать исходники и повторить урок: moviesecrets.ru/parallax_afte...
★ Бесплатный мини-курс «AE для новичка»: ms111.ru/70
Параллакс - это самый быстрый способ оживить статичные картинки, видео, графику и текст без сложной анимации.
С этой техникой любое плоское изображение обретает объём и глубину. Появляется иллюзия движения. Кажется, что всё реально и правдоподобно.
➤ ЧЕМУ ВЫ НАУЧИТЕСЬ:
За 3 простых урока вы с нуля создадите несколько красивых видео с эффектом параллакса в After Effects. Это первый :)
➤ КАК ДЕЛАЮТ ОБЫЧНО?
Обычно для параллакса создают 3D камеру и распределяют слои в пространстве. Именно так делают большинство авторов на UA-cam, чтобы показаться знающими и властными. Я тоже грешил.
На самом деле это правильный способ. Потому что он даёт реалистичный результат.
Только все эти 3D камеры отпугивают новичков и отбивают желание знакомиться с параллаксом ближе. Это как читать камасутру на первом свидании. Познавательно, но с первого раза не получится.
➤ МОЙ ПОДХОД - ВЛЮБИТЬСЯ В ПАРАЛЛАКС
Я записал серию из 4-х простых уроков, после которых вы влюбитесь в параллакс и начнёте использовать его в своих видео.
В этой 1-ой части я покажу вам 4 простых способа создания параллакса БЕЗ 3D камеры и сложной анимации.
На красивом примере вы получите много ценных навыков в After Effects и сможете сами анимировать статичные картинки.
Вы увидите, как параллакс применяют в играх, веб-дизайне и даже рукоделии. А потом удивитесь, как все эти идеи перекочевали в After Effects и тысячи шаблонов.
Благодаря этим примерам вы обогатите свою насмотренность и визуальный опыт.
Поэтому смотрите урок до конца, даже если вы опытный пользователь After Effects.
➤ ПОЛЕЗНЫЕ ССЫЛКИ К УРОКУ:
Бесплатный мини-курс «AE для новичка»: ms111.ru/70
МК «Мои воспоминания»: moviesecrets.ru/mk/my_history/
МК «Супер-иконки в AE»: moviesecrets.ru/mk/icons/
Курс «Мастер анимации в AE»: ms111.ru/ae_master
Урок «Всё о графиках скорости в AE»: moviesecrets.ru/speed_graph
➤ НАВИГАЦИЯ:
00:00 - эффектное начало
00:23 - главный закон параллакса
01:14 - примеры из игр
01:38 - примеры из веб-дизайна
03:40 - примеры из рукоделия
04:55 - примеры шаблонов с параллаксом на VideoHive
05:51 - примеры из моих курсов
06:49 - как обычно делают параллакс?
07:16 - 1-ый способ через Scale
11:33 - 2 и 3 способы через Anchor Point
14:47 - 4-ый способ через Position
17:11 - что в следующей части? - Фільми й анімація
➤ Навигация по уроку:
00:00 - эффектное начало
00:23 - главный закон параллакса
01:14 - примеры из игр
01:38 - примеры из веб-дизайна
03:40 - примеры из рукоделия
04:55 - примеры шаблонов с параллаксом на VideoHive
05:51 - примеры из моих курсов
06:49 - как обычно делают параллакс?
07:16 - 1-ый способ через Scale
11:33 - 2 и 3 способы через Anchor Point
14:47 - 4-ый способ через Position
17:11 - что в следующей части?
Сказать, что сделано всё невероятно качественно - ничего не сказать.
Спасибо за поддержку!
Уроки обалденны. Не грех в портфолио выставить. Спасибо.
Я сначала думаю фи что мне смотреть видео для новичков?! Но вы покорили мое сердце. С первой же секунды время пошло очень ценно
Всегда жду с нетерпением новых уроков. Обожаю паралакс. Повторила все способы. В общем-то все интересные. Спасибо. Пошла смотреть дальше.
Спасибо! А я всегда жду такие комментарии своих учеников. Желаю вам успешно пройти все 3 базовых занятия.
Спасибо за такой замечательный урок! Нашла именно то, что искала. Ваш труд неоценим 💚
Спасибо! :)
Спасибо за отличный урок! Впрочем как и всегда!
Классный урок! все очень доступно! Игорь, спасибо!
Спасибо :) Скоро 2-я часть.
Так все быстро и качественно подается, по фактам и сути, без воды и ненужной болтологии для затягивания роликов, респект за такую подачу, и спасибо
Спасибо! Рад, что нравится)
Спасибо ! отличные уроки!
Урок, как и эффект замечательный! Спасибо!
Согласен, эффект красивый. Спасибо!
Игорь. ты как всегда. крут!!!!
Жду продолжения, еще и другу будет очень полезно!
спасибо за прекрасное видео! отличная подача, всё разжевано, а для новичка это клад!)) пошла смотреть следующие ролики....)
Спасибо! :)
Большое спасибо, Игорь. Объяснение супер понятное и доходчивое. А то, что по ходу обьяснения вы дарите такой обьем "типов" и навыков работы в программе, к которому график приходит через годы и опыт - делает ваши уроки просто находкой (и не только для новичков). Лайк и подписка. Иду смотреть следующие!
Спасибо! Очень приятно)
спасибо за видео, за исходники и уроки, очень интересно
Я не дизайнер и не иллюстратор, а продакт менеджер, и посмотрел с удовольствием. Качественно снято, учтены детали, таймлайн, ссылки, сноски на видео, речь, примеры, etc. - круть! Спасибо. Процветание каналу!
Спасибо! Очень приятно!
Спасибо за отличный и понятный урок!!!👍👍👍
И вам спасибо!
Спасибо за отличный и понятный урок, все очень доступно!
Спасибо!
Сколько лет, сколько зим. Игорь, спасибо за твой труд! Лайк не глядя.
Точно) Спасибо!
Блин,красотища.дома обязательно потренируюсь.создать что нибудь этакое
Начала цчить монтаж. Хороший урок, все понятно . Спасибо большое
Спасибо)
Я изучаю After Effects самостоятельно в течение года. Жалею, что раньше не нашла ваш канал. Вы очень доходчиво объясняете материал. Благодарность!
Спасибо! :)
Спасибо большое за ваши труды. Я после школы и все что не поняла нахожу у вас. 👍
Спасибо! Рад, что нравится!
Спасибо за урок, и отдельное спасибо за исходники. Их наличие ускоряет обучение.
Желаю успешно повторить все 4 части.
Отличный видеоурок по After Effects, спасибо
Спасибо)
Отличный канал! урок - супер! спасибо большое!
Спасибо)
Круто, да прибудет с тобой сила.
Как круто) спасибо!
Редко что-то пишу здесь, но это правда качественный контент! Благодарю!
Спасибо! :)
Очень круто! Спасибо. Много нового
Рад, что понравился урок)
Всё открылось!)
СУПЕР!!!!!!!!!!!!!!!!!!
Дай Бог тебе здоровья, деньжат и счастья. Очень познавательно и полезно
Спасибо большое :)
Какая несправедливость(( Почему так мало лайков и комментов? Отличный урок, особенно понравился бодрый голос автора))) Спасибо! Подписка :-*
Спасибо за поддержку! Ничего, избранные посмотрели и уже применяют знания ;)
@@MovieSecretsRu Я тоже не понимаю. Подача намного интереснее, чем Хохлов-Сабатовский, а просмотров пшик… 😢 ты крутой ❤
@@multachСпасибо! Главное, что я нашёл своего зрителя.
Спасибо за урок!)
Пожалуйста)
Ухахахаха брат вы так меня рассмешили когда сказали слово *НЕБО* в начале обучение в афтер эффектс, зачет😂😂😂👏
Спасибо =)
Это лучший тутор из всех, что я видела.
Спасибо ;)
@@MovieSecretsRu У меня были вечные проблемы с камерой, я столько всего пересмотрела, но никак она не давалась, а после вашего урока все стало предельно ясно, как будто свет в комнате включили) спасибо большое)) и кстати о свете, с ним тоже проблемы, он вообще мне не поддается, я никак не могу сообразить как с ним работать, слой light я имею ввиду. Как было бы здорово если б вы сделали обзор на него и объяснили в своей манере как, когда и куда лучше его применять) сори за наглость))
@@yv9732 Мне кажется, в каких-то бесплатных уроках на блоге было про свет. По крайней мере в моих продвинутых курсах он точно есть. Это классный инструмент, т.к. позволяет работать с настоящими тенями. Возможно, в будущих уроках свет ещё будет встречаться.
Видео интересное))) подскажите, где вы берете исходники для проекта?)) где вы брали все эти елочки, горы) звезды)?
Отличный урок☺️
Спасибо!
Супер широко!
Круто🙌
Искал медь, а нашёл золото.
Бро, ты гений!
Классный комментарий) Спасибо, приятно!
Толково.
Спасибо большое за урок, поставил лайк, и подписался.
У меня вопрос, за счёт чего фон влияет на видимость звёзд и гор, дело в фоне, или в горах и в звёздах сниженный opasity ?
вы на видео ответили на этот вопрос, так сразу как я спросил об этом, и за это спасибо))
@@woxiam9004 Пожалуйста)
Спасибо большое за уроки! Очень доступно! Одна маленькая просьба - уточнять эффекты на русском), если не сложно. Много времени занимает догадываться и переводить. Буду очень Вам признательна)☺
Спасибо! Только если уж выбрали - мучаться в русской версии, то переводите сами :) Установите английскую версию After Effects и забудете о таких проблемах. Знать английский не нужно, чтобы повторять уроки. Об этом я рассказал здесь: vk.com/moviesecrets?w=wall-45115345_147
Очень здорово! Я совсем новичок, но хочу попробовать по вашим урокам. Скажите, пжт-а, а вы где-нибудь рассказываете как, где и какие навыки для этого нужно, чтобы подготовить материалы самостоятельно затем?
Не рассказывал пока. Это будет скоро в отдельном уроке.
Спасибо! Подписалась на вас, буду следить а выпусками! @@MovieSecretsRu
нормик нермик)))
Насколько людям понятно, настолько мне непонятно. Ну я из прошлого века, куда уж мне. Но красиво, не спорю... Ты профессионал, у тебя всё просто...
Спасибо! Не всегда всё просто. Многое за кадром :)
Добрый вечер, отличный видеоурок, вас приятно и понятно слушать. Но у меня возникла проблема с получением мини курса, могу ли я рассчитывать на вашу помощь?
Здравствуйте! Спасибо! Да, пришлите мне свою почту в ВК или на почту. Все контакты на блоге.
Wow wow wow 🎉
Подскажите где можно посмотреть обучалку мои воспоминания, когда из фото идет переход в видео( оживание фото)
Посмотрите презентацию на этой странице: moviesecrets.ru/mk/my_history/
Игорь, здравствуйте! Отличный урок с футажами, пытаюсь по нему идти и впадаю в ступор на 10:10 "вызываем масштаб и активируем анимацию". Что и как Вы нажали? Искал на сайте "Бесплатный мини-курс «AE для новичка»" не дает ввести емаил
Здравствуйте!
Нажмите S, чтобы вызвать масштаб.
Пришлите свой email мне в ВК или на почту, отправлю курс.
@@MovieSecretsRu Огромное спасибо! Все получилось! И пусть алгоритмы ютуба выводят все Ваши видео в топ!
добрый день! Скажите, на каком сайте самые лучшие футажи и векторные изображения? Искала елки, как у вас на pixabay, но ничего не нашла подходящего. Или вы пользуетесь иллюстратором, чтобы из композиции вырезать отдельные элементы?
Здравствуйте! Скоро я выпущу урок - где искать иллюстрации и как их подготовить для анимации. Там будет всё подробно. О выходе как обычно сообщу в e-mail рассылке. Не пропустите.
@@MovieSecretsRu спасибо!!
спасибо! скажите пожалуйста, так как лучше достигать такого эффекта "вручную" или в 3д камере?
или такой способ подходит когда у тебя картинка по частям собрана? а в остальных камеру
Через 3Д камеру - реалистичней. Делайте так, как вам больше нравится.
Подскажите, хотел пройти мини-курс в описании у Вас под видео, но не могу оставить свою почту никаким образом - есть ли решение этого вопроса?
Да, напишите мне в ВК или на почту. Отправлю вам курс.
👍
а какие картинки подходят для этого. где их брать, какое разрешение должно быть, векторные или нет они должны быть
Скоро будет продолжение уроков по параллаксу. Там всё это будет.
Классно! А где следующая часть с птичкой?
Спасибо! Все части в 1-ой ссылке в описании.
Хороший тутор. Особенно тонна крутых примеров. Но никто не объясняет, как подготавливать исходники. Как вырезать, восстанавливать фон с запасом в фотошопе, а лучше при помощи ИИ. Был бы топ контент.
Спасибо! Такое скоро будет ;)
Совсем недавно только заинтересовалась большим желанием анимирвать свои арт-работы, однако как только в поиск не забью - информации о том, как оживить статичную картинку практически нет. Либо послойные анимации, либо..послойные анимации? Если арт-работа отрисована в реалистичной стилистике, как заставить задвигать глаз/ухо/шею, да что угодно? Видела анимацию через простые геометрические фигуры, но это, опять же, не совсем то, что мне нужно..Быть может, кто-нибудь знает какие-то гайды именно по оживлению самого арта?..Или, быть может, для этого не адоб эффектс нужен?..
Здравствуйте. ВИдео крутое базара нет но! Все было бы легко и просто только надо картинки иметь все конкретно подготовленные. Вы покажите когда 1 картинка вся слита как с нее сделать такой эффект
Спасибо! Картинку можно разбить на слои в Фотошопе. Но из 1 картинки это нецелесообразно делать. Лучше и проще найти иллюстрацию, разбитую на слои. Таких много. Скоро я продолжу эту серию уроков и расскажу как подготавливать картинки для анимации.
Здравствуйте. Я не могу найти , куда вставить емейл на миникурс.
Я переделываю страницу подписки, поэтому напишите мне на почту. Почта в контактах внизу моего блога. Оправлю на ваш email мини-курс.
Спасибо
Здравствуйте! Посоветуйте, пожалуйста, как можно в эту программе сделать так, чтобы человек на фотографии моргнул глазом!?
Найдите или снимите моргающий глаз, наложите его на лицо, обрежьте как надо маской, подгоните по цвету и готово.
@@MovieSecretsRu Спасибо Вам большое!
круто, я себя делаю вместо гигачада
Можно было звезды скрыть за горами через шейповый слой с помощью трэк мэта. Тогда бы у гор остался градиентовый переход
Можно) Этот приём есть во 2-ой части.
Здравствуйте, а не подскажите пожалуйста как сделать параллакс обычной картинки без разных слоёв?
Здравствуйте! Ищите projection effect, displacement effect и так далее. Только это не совсем параллакс, а попытка превратить 2д фото в 3д.
Как сделать такую NFT карточку на 5:17 ????? Очень надо, сделай гайд, пожалуйста!
3D слои, камера и нулевой объект. Возможно, сделаю когда-нибудь урок на эту тему.
Здравствуйте,совсем новичок в этом,только начал. Проблема возникла, начал делать поралакс который начинается на 10:08,начал делать анимацию,появились ключи сделал всё как в видео Но,паралакс не сработал,можете помочь пожалуйста
Без скриншота или скринкаста непонятно, где вы ошиблись. В таких случаях лучше начать заново. Повторите урок несколько раз и найдёте ошибку.
Подскажите пожалуйста как вернуть обратно всю мою работу на таймлайне если я нечаянно нажал Ctrl+w??? Никак не получается(((((
Не совсем понятно, что при этом произошло. Возможно, вы просто закрыли вкладки. Тогда можно сбросить вид интерфейса по умолчанию. Про это есть в бесплатном мини-курсе «АЕ для новичка» в описании. Так же всегда можно открыть резервную копию проекта, если они до этого было включено автосохранение.
А можно ли зациклить вариант с розовыми деревьями, чтобы бесконечно деревья пролистывались?
В 3-ей части мы это и делаем.
у меня почему то файлы не импортируются в проект, в чем проблема может быть? любые другие норм
Какие конкретно файлы не импортируются? Пробовали по одному?
да, со всех трех проектов в том числе и эффкты@@MovieSecretsRu
никаких ошибок не выходит, просто перетаскиваю с альтом как в видео и они просто как будто и не импортировались) весь ютуб посмотрел не понял почему. и это именно с этими футажами почему то
Вызываем "масштаб" появились ключи ты че издеваешься? я его как вызвать должен станцевать с бубном? Куда ты нажал?
Привет. Ты изучил мини-курс "AE для новичка"?
Здравствуйте, а как изучить "мини-курс "AE для новичка"?" там нет окна куда вводить мейл(или я его упорно невижу). Подскажите как сделать?
@@smokepaintpolina9315 Напишите мне на почту или в ВК, отправлю курс.
@@MovieSecretsRu большое спасибо!
здраствуйте продолжения нет?
Здравствуйте. Все части в описании.
@@MovieSecretsRu спасибо
@@MovieSecretsRu переходил по бесплатному курсу он уже недоступен?
@@annkorshakova Он переделывается. Напишите мне на почту, отправлю курс. Контакты внизу блога.
на 10:12 не понятно как активировать анимацию, на видео она как будто сама собой активировалась
Для этого нужно просто нажать на часики) В уроке я сразу выделил несколько слоёв и махом с зажатой левой клавишей мыши пробежался по часикам. Так тоже удобно.
Привет менч зовут игорь егор
крутое видео заходите у меня крутые анимации
нет исходнтков и на сайт не выйти
Сайт открывается. Исходники есть.
Привет, можете сделать разбор инфографики с паралапсом как в этом видео на 1:37 минуте вот ссылка ua-cam.com/video/6q_7p8ZpQDo/v-deo.html
Очень хочется наyчиться с линиями точь в чочь, спасибо;)
Привет!
Там в параллаксе только передние объекты - ветки пальмы. Текст и всё остальное привязано к фону.
Специально для этого урок нет смысла делать, потому что анимация простейшая.
Эту технику я как раз разобрал в этом уроке.
Поставьте на фон карту, добавьте текст, нарисуйте линии пером в AE и анимируйте их через аниматор Trim Path.
Всё это даже в 3Д не нужно переводить, так как на одном уровне.
А пальмовые ветки переведите в 3Д и отодвиньте по Z на передний план, чтобы получился нужный параллакс.
Потом анимируете переходы.
Либо без камеры, как в этом уроке - просто анимируем Position по X и Y.
А лучше - с помощью камеры, как в 4-ой части серии уроков по параллаксу.
Записывайтесь ко мне на продвинутый курс *«Полароид слайд-шоу в АЕ»* и сможете делать параллакс и анимацию камеры намного круче, чем в примере.
*Подробнее о курсе:* moviesecrets.ru/ae_polaroid/
@@MovieSecretsRu а текст и все остальное сделано в иллюстраторе?
@@victorsaenko2260 Я ничего из иллюстратора не вижу. Обычные png картинки на прозрачном фоне. Текст можно добавить где угодно - в AE, Premiere и так далее.
больше половины - вода
Больше половины твоего тела - вода.
Да что ты будешь делать опять бла-бла-бла
))))