Зарисовка видео в After Effects

09/05/2011    Просмотров : 28453    Источник: videosmile.ru    Автор: Артем Лукьянов

Итак, начнём.

Шаг 1.
Для начала импортируйте на панель Project видео, которое желаете превратить в зарисовку. Также нам понадобиться фон для нашей зарисовки. Фоном может послужить изображение например тетрадного листа. Я например использовал изображение немного потрёпанного листа А4. Такие изображения легко найти в интернете на сайтах посвящённых графике, дизайну или Photoshop’у.

Шаг 2.
Далее создайте новую композицию, нажав сочетание клавиш Ctrl+N (желательно разрешение для композиции выбрать такое же как у редактируемого видео). Перенесите на панель Timeline, только что созданной композиции, изображение листа, которое послужит фоном для нашей зарисовки.

При помощи параметров Scale и Rotation отредактируйте фон так, чтобы он занимал весь кадр.

Шаг 3.
Перенесите исходное видео с панели Project на панель Timeline. В панели Timeline разместите его над фоном.

Шаг 4.
Теперь давайте настроим контраст нашего видео. На панели Effects и Presets найдите эффект Curves и перетащите его на слой с видео.

Перейдите к панели Effect Controls и измените кривую, как показано на скриншоте.

Тем самым мы немного осветлили наше видео.

Шаг 5.
Кликните по слою с видео в правой части панели Timeline и переместите видео вправо от начала композиции на 8–10 секунд.

Т. е. видео теперь у Вас начинается не с начала композиции, а примерно с 8–10 секунды. До этого времени в кадре у Вас находиться только фоновое изображение листа.

Шаг 6.
Кликните правой кнопкой по имени слоя с видео и выберите команду Time => Enable Time Remapping.

Шаг 7.
Переместите индикатор текущего времени на первый кадр видео. Кликните по кнопке «Add or remove keyframe at current time» слева от параметра Time Remap, чтобы установить ключевой кадр.

Теперь кликните по этому ключевому кадру (он подсветится жёлтым цветом) и нажмите сочетание клавиш Ctrl+C, чтобы скопировать его. Далее переместите индикатор текущего времени в начало композиции и нажмите сочетание клавиш Ctrl+V, чтобы вставить скопированный ключевой кадр.

Установите курсор на начало слоя с видео (курсор примет вид стрелок, направленных в разные стороны) и, удерживая кнопку мыши переместите левую границу слоя с видео в начало композиции.

Всё. Теперь на протяжении первых 8–10 секунд у нас неизменно показывается один единственный кадр, а после видео спокойно проигрывается далее. Вы спросите нафига нам это надо? Терпение. Скоро Вы всё поймёте.

Шаг 8.
Перейдите к панели Effects и Presets и найдите эффект Cartoon.

Примените его к слою с видео и перейдите к панели Effect Controls. Выставите значения примерно как на скриншоте ниже.

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

Шаг 9.
Снова вернитесь к панели Effects и Presets и найдите эффект Luma Key. Примените его к слою с видео.

С помощью данного эффекта мы сделаем белый цвет прозрачным. Перейдите к панели Effect Controls и настройте его следующим образом:

В итоге Вы должны получить что-то наподобие этого:

Шаг 10.
Теперь выполните команду Layer => Auto-trace.

Перед Вами появится окно Auto-trace. Выставите в нём все настройки, как показано на скриншоте ниже:

В итоге создастся новый слой, состоящий из множества масок. Убедиться в этом можно, выделив этот слой и нажав кнопку M.

У меня получилось всего 58 масок. У Вас получится своё значение.

Шаг 11.
Выделите все эти маски. Для этого кликните по первой, зажмите Shift и кликните по последней. Все маски будут выделены. Напротив любой из масок в столбце Mode измените значение Difference на None. В результате эта операция выполнится со всеми выделенными слоями.

Шаг 12.
Перейдите к панели Effect и Presets и найдите эффект Stroke.

Примените его к слою с масками. В панели Effect Controls выставите значения как на скриншоте ниже:

Таким образом мы создали обводку, которую впоследствии определим за маску. Теперь мы анимируем параметр End и заставим нашу зарисовку появляться не сразу, а постепенно.

Переместите индикатор текущего времени в начальную позицию и кликните по кнопке с секундомером напротив параметра End, чтобы добавить первый ключевой кадр. Для первого ключевого кадра выставите значение 0. Переместите индикатор текущего времени в ту точку, где у Вас находиться второй ключевой кадр параметра Time Remap и измените значение параметра End на 100, тем самым Вы создадите второй ключевой кадр.

Шаг 13.
В заключении нам осталось сообщить программе чтобы она использовала верхний слой, как маску для слоя с видео. Для этого выделите слой с видео и в столбце TrkMat выберите верхний слой (слой с масками). Если столбец TrkMat не отображается, кликните по кнопке Toggle Swithes/Modes.

Теперь программа использует верхний слой как маску для слоя с видео.

В принципе это всё. Первые 8–10 секунд идёт прорисовка изображения, а далее начинается проигрывание видео. Кстати при желании, в течении прорисовки, к клипу можно добавить звук карандаша или фломастера — так будет намного круче!

На этом всё. До встречи в следующих уроках, в которых мы продолжим изучение After Effects!

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

Комментарии: 37

Чтобы оставить комментарий или поделиться своей работой, пожалуйста, авторизуйтесь

  • minisolnishko 20 Марта 2020 - 18:25:02

    Спасипа за урок,все понятно, не скажу что буду часто использовать но инструмент полезный\6


  • zlikhoded 6 Марта 2017 - 22:14:15

    очень красивый эффет.Только я малость лоханулся-поставил на 8 секунд,этого оказалось мало.Надо где-то 10-12.Ну,переделаю.Повторенье-мать ученья)


  • Марат Гарипов 10 Декабря 2016 - 10:49:40

    Класс)


  • Марат Гарипов 10 Декабря 2016 - 10:47:30

    Спасибо большое. Всегда хотел стать художником :3


  • Иван Стародубцев 8 Августа 2016 - 11:26:23

    Здравствуйте! Помогите пожалуйста с шагом 10 (Layer=>auto-trace) появляется новый слой с масками. Только маски не копируют контур, а появляются вокруг слоя. Не могу решить проблему


    • Евгений Гончаров 8 Августа 2016 - 13:10:05

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


  • Зос 15 Марта 2016 - 17:16:06

    Здравствуйте!
    у меня не получаются шаги 12 и 13. Нет кнопки с секундомером под Stroke, поэтому нет возможности заставить зарисовку появляться не сразу, а постепенно. И нет кнопки выбора слоя на TrkMat для дорожки с видео. AE CS5.5


    • Евгений Гончаров 16 Марта 2016 - 05:37:07

      А если развернуть вкладку Stroke?


  • Олег Жуков 20 Сентября 2015 - 23:51:48

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


  • Александр Анистратенко 3 Августа 2015 - 23:30:30

    Ребята, вам всем за работу по статье огромный респект! Спасибо!


  • Макс Котов 7 Апреля 2015 - 16:58:27

    Спасибо, все получилось! Но эффект продолжает действовать во время проигрывания видео. Как убрать его сразу посл прорисовки?


    • Евгений Гончаров 7 Апреля 2015 - 17:14:02

      Обрезать слой с эффектами и подставить оригинальный футаж


  • Barahlusha Yuruki 24 Сентября 2014 - 13:21:46

    Здравствуйте, у меня проблема с шагом 8. Когда применяю эффект Cartoon видео исчезает. Подскажите пожалуйста с чем это может быть связано и как это исправить.
    p.s. After Effects cs6


    • Marsel_VideoSmile 26 Сентября 2014 - 14:20:58

      Попробуй поизменять параметры эффектов


  • Андрей Букатов 15 Мая 2014 - 00:48:08

    Добрый день! У меня не получается 10 шаг, а именно Layer => Auto-trace. Auto-trace бледная надпись и не нажимается. Она проявляется, только при нажатии, какого нибудь слоя, но новый слой с масками при этом не появляется. Помогите пожалуйста. Спасибо


    • Vladimir2230 6 Сентября 2015 - 20:42:39

      Здравствуйте! ... и у меня такая же ситуация с 10 шагом. Auto-trace не создаётся отдельным слоем, а только внутри какого-либо слоя. Если не выделить слой, то Auto-trace блеклая и её нельзя выбрать. Помогите разобраться...


      • Евгений Гончаров 6 Сентября 2015 - 20:56:25

        Выделите слой, нажмите M, и увидите все маски, которые образованы Auto-Trace


  • Oleg Telepnyov 5 Апреля 2014 - 10:00:16

    поклоннн!


  • Artem Anatolyevich 4 Апреля 2014 - 20:26:36

    Благодарствую за урок


  • INCOGNITO 21 Февраля 2014 - 16:01:26

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


    • Marsel_VideoSmile 26 Февраля 2014 - 17:06:38

      Можно попробовать поиграться с параметрами эффекта Cartoon. Например увеличить значения Detail Threshold и Threshold в группе Edge.


  • INCOGNITO 21 Февраля 2014 - 12:25:50

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


    • Marsel_VideoSmile 26 Февраля 2014 - 17:12:55

      Для такого эффекта можно воспользоваться переходами как показано в уроке "Рваные переходы в After Effects." и реализовать появление цветной части.


  • Igor M 4 Февраля 2014 - 08:55:01

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


    • Marsel_VideoSmile 26 Февраля 2014 - 18:28:53

      Поиграйся с параметрами эффекта так что бы линий стало поменьше.


  • Марат Шелгунов 28 Ноября 2013 - 20:33:59

    А фон любой или же на чёрном фоне я должен сидеть? Если на чёрном как сделать чёрный фон?


  • Илья Рыбицкий 2 Июля 2013 - 17:23:56

    http://www.youtube.com/watch?v=Hzr7b0Q5OrQ


    • VideoSmile 2 Июля 2013 - 23:23:23

      Отлично!


  • VideoSmile 1 Июля 2013 - 10:49:41

    fruette, к сожалению, пока видеоурок сделать не получится. Если у Вас возникли какие-то проблемы, опишите их, мы постараемся Вам помочь.


  • fruette 30 Июня 2013 - 12:26:46

    А можно ли сделать по этому видео урок?


  • Михаил 30 Апреля 2013 - 17:09:19

    вопрос снимается, поизменял размеры трассируемого видео, сработало как надо


  • Михаил 30 Апреля 2013 - 16:56:22

    Здравствуйте, нужна Ваша помощь.
    При шаге трассировки, трассируется только часть изображения : http://pics.kz/v/2AUe
    Подскажите, где искать проблему ?


    • gambeck 30 Августа 2017 - 00:08:15

      как ты это сделал можно если что в лс


  • VideoSmile.ru 23 Января 2013 - 15:09:12

    Tigr, у тебя, скорее всего, желтым цветом выделяются контуры масок. В этом нет ничего страшного, при просмотре эти контуры будут исчезать.


  • Tigr 23 Января 2013 - 13:35:49

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


  • VideoSmile.ru 7 Февраля 2012 - 20:49:06

    Здорова Ден! Тут все очень просто. Выдели исходное видео на панели Project (т.е. то видео, которое ты превращал в карадашный рисунок) и перемести его на панель Timeline, расположи его верхним слоем. И анимируй для верхнего слоя параметр Opacity (клавиша T). Первый ключевой кадр - 0%, второй - 100.


  • Денис 7 Февраля 2012 - 08:57:53

    Привет!
    Ваш сайт - это бомба для меня. Давно искал что-то подобное.
    Пожалуйста ответе как можно скорее. Я делаю этот урок, и у меня все получилось как нужно. Единственное отличие которое мне нужно сделать по сравнению с вашим уроком - это то что после того как изображение закончит отрисовываться, мне нужно чтобы пошло оригинальное видео, а по уроку у меня все видео словно нарисованное карандашом. Что поменять в проекте чтобы моя задача была решена?
    СпасибО!


Еще уроки из рубрики "Статьи"

Готовые сборки компьютеров для работы с графикой.

Готовые сборки компьютеров для работы с графикой от VideoSmile.ru на 01.07.2014

18/07/2014. After Effects - Статьи. Автор: Артем Лукьянов
44055
57

Небольшая памятка по работе с эффектом Curves

Небольшая памятка по работе с эффектом Curves от VideoSmile™Lab

20/04/2014. After Effects - Статьи. Автор: Артем Лукьянов
20219
9

Курсы Adobe After Effects

На этой странице представлены лучшие курсы по Adobe After Effects. Пошаговые видеоуроки, видеокурсы, статьи по After Effects.

15/03/2015. After Effects - Статьи. Автор: Руслан Савченко
36103
0

Adobe After Effects – программа для видеоэффектов! Обзор и сравнение.

Программа Adobe After Effects. Обзор и сравнение с другими программами для обработки видео и создания цифровых видеоэффектов.

17/03/2015. After Effects - Статьи. Автор: Руслан Савченко
212699
23

Обучение After Effects

Лучшее обучение работе с Adobe After Effects. Статьи, бесплатные видеокурсы и видеоуроки по программе After Effects.

18/03/2015. After Effects - Статьи. Автор: Руслан Савченко
51255
16

Полезные горячие клавиши в After Effects

Использование горячих клавиш - это неотъемлемая часть работы в After Effects. Горячие клавиши значительно упрощают жизнь и повышают скорость работы. Не секрет, что в...

04/07/2013. After Effects - Статьи. Автор: Артем Лукьянов
247483
125
Наверх
Орфографическая ошибка в тексте:
своими руками В этом уроке рассказывается, как сделать складной софтбокс размером 40х40 см, который похож на

Послать сообщение об ошибке администратору? Ваш браузер останется на той же странице.

Ваше сообщение отправлено. Спасибо!

Окно закроется автоматически через 3 секунды