Эффект рисования в after effects: Эффект прорисовки карандашом в After Effects

Сейчас мы разберем, как сделать достаточно популярный эффект появления на бумаге слоя с изображением или видео из расплывающегося пятна акварельной краски или чернил. Для достижения этого результата мы будем использовать векторные маски, эффекты искажения изображений Turbulent Displace и границ Roughen Edges. Создадим анимацию проявления и исчезновения картинки, разместим все это в 3D пространстве, сделаем движение камеры сквозь слои для усиления эффекта параллакса. После просмотра вы сможете сами повторить данный эффект появления с нужными вам параметрами.

Мой блог о книгах. Присоединяйся!
https://goo.gl/CDVAzQ

Про заказ уроков подробнее тут

Стилизация под эффект рисования карандашом в After Effects

Все о масках в After Effects

Интересный эффект появления фотографии в After Effects

GPU ускорение в After Effects
http://www.youtube.com/watch?v=MLwhK5Ll3nY
Имитация эффекта рисования в After Effects
http://www.youtube.com/watch?v=iTrejr3vmoM
Изучаем CINEWARE в After Effects
http://www.youtube.com/watch?v=3YM0bhI3828

Ссылки по теме:
L’ombre d’un doute – Opening tile sequence on Vimeo

Оставляйте свое мнение в виде лайков, дислайков, подписок и обычных комментариев.
http://www.youtube.com/user/AEPlug
http://vk.com/aeplug
http://facebook.com/aeplug
Tweets by aeplug
http://aeplug.ucoz.com

Music by audionautix.com – бесплатная музыка по лицензии “Creative Commons License 3.0” для ваших проектов!

AEPlug

Здесь я периодически выкладываю обзоры плагинов для Adobe After Effects, описываю какой нибудь спецэффект, интересные моменты и общие принципы работы. По вопросам вареза, пиратства, где скачать и как сломать не писать!

Последние сообщения

Как создать образ акварельной живописи в After Effects

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

В этом уроке мы узнаем, как создать великолепный вид акварельной живописи на видеоматериалах и изображениях в After Effects. Все будет сделано с использованием встроенных эффектов приложения — плагины не требуются! Мы также будем использовать эффект рисования с переходами и добавим в образ покадровое движение.Готовы заняться искусством? Давайте начнем!

СКАЧАТЬ БЕСПЛАТНО ФАЙЛЫ ПРОЕКТОВ

Создание эффекта акварели в After Effects

Для начала нам нужно применить к нашему материалу два эффекта. Первый — CC RepeTile . После того, как вы применили его, установите для всех параметров Expand значение 100 (развернуть вправо, влево, вверх и вниз). Установите для параметра Tiling значение Unfold . Это предотвратит появление нежелательных артефактов на краю отснятого материала.

Начните с применения эффекта CC RepeTile, затем эффекта CC Vector Blur.

Затем примените эффект CC Vector Blur . Мы можем использовать этот эффект, чтобы «размазать» наши кадры и придать им текстуру. Установите Type на Constant Length , затем установите Amount на 10 и Angle Offset на 90 градусов .

Пыль и царапины

Ядром этого образа является эффект Dust & Scratches .(Кто бы мог подумать?) Эффект «Пыль и царапины» предназначен для использования на старых материалах, чтобы помочь удалить пятна. Однако мы собираемся использовать его для создания внешнего вида, похожего на краску.

Создайте эффект краски с помощью эффекта «Пыль и царапины».

Примените к видеоматериалу эффект «Пыль и царапины» и увеличьте значение Радиус до 7 . (Я считаю, что значение 7 является хорошей отправной точкой, но не стесняйтесь устанавливать Радиус в пределах от 4 до 12, в зависимости от вашего материала.) Теперь вы должны увидеть, как многие мелкие детали в кадре «тают».

Маска нерезкости

Сделайте мазки более резкими, применив эффект «Нерезкая маска».

Сейчас наши кадры выглядят слишком мягкими для рисования. Итак, нам нужно сделать мазки более резкими. Для этого примените эффект Unsharp Mask . Установите Amount на 400 и Radius на 2 . Теперь мазки краски должны иметь больше четкости.Не стесняйтесь настраивать Amount на большее или меньшее значение.

Внесение корректировок

Для получения более текстурированного вида отрегулируйте параметр «Сумма» в эффекте «Векторное размытие CC».

В зависимости от объекта съемки и размера видеоряда вы можете настроить различные значения для лучшего просмотра — наиболее важным из них является значение Radius для эффекта Dust & Scratches . Однако изменение параметра Amount в эффекте CC Vector Blur также может дать интересные результаты, придавая картине другой текстурный вид.

Я также рекомендую применить к вашим видеоматериалам эффект Lumetri Color . Это позволяет легко настраивать параметры цвета в одном месте, например, Contrast и Vibrance . Вы также можете внести творческие изменения, используя настройку Faded Film или добавив Vignette .

Эффекты перехода

Эффект акварели выглядит превосходно, когда вы переводите отснятый материал из «нормального» в «акварельный». Вы можете сделать это разными способами.В файл проекта включен видеоклип Paint Transition Luma Matte . Чтобы использовать это, сделайте две копии вашего отснятого материала в вашей композиции.

Теперь переведите отснятый материал в акварельный вид с помощью видеоклипа Paint Transition Luma Matte.

Примените эффект акварельной краски к верхней копии , затем добавьте видеоклип Paint Transition Luma Matte поверх всего. Установите Track Matte «окрашенной» версии видеоряда на Luma Inverted Matte .Теперь при воспроизведении вы должны увидеть, как исходный отснятый материал переходит в «нарисованную» версию.

Добавление покачивания покадрового движения

Наконец, давайте посмотрим, как добавить к краске эффект Stop-Motion Wiggle (обычно называемый эффектом Line Boil ). Сначала создайте корректирующий слой поверх всего видеоряда и примените эффект Turbulent Displace . Установите Amount на 10 и Size на 20 .Затем нам нужно добавить выражение в настройку Evolution . Удерживайте Alt и щелкните на значке секундомера рядом с Evolution (удерживайте Option и щелкните на Mac). В качестве выражения введите random (359) . Это даст нам случайное значение Evolution для каждого кадра.

Если оставить как есть, покадровый просмотр будет немного беспокойным, так как он меняется каждый кадр. Я рекомендую применить эффект Posterize Time и установить Frame Rate между 4 и 12 .Это замедлит частоту видимого изменения эффекта Turbulent Displace, больше похожего на традиционную анимацию Line Boil.

Заинтересованы бесплатными треками, которые мы использовали для создания этого видео? Послушайте еще раз:

Ищете другие экшены After Effects? Мы поможем вам:

Эффект акварельной живописи для After Effects

Эффект акварельной живописи позволяет превратить обычные кадры или фотографии в анимированные акварельные рисунки в Adobe After Effects. Эффект использует настоящие текстуры краски для получения полностью аутентичных результатов.

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

К сожалению, ваш браузер не поддерживает теги видео.Пожалуйста, обновите ваш браузер.

ОСОБЕННОСТИ

• Несколько стилей — четыре вида акварели на выбор с использованием множества аутентичных акварельных текстур
• версии HD и 4K включены
• Простая настройка — с помощью удобного управления
• Растекание чернил и эффекты появления акварели — Включен весь шаблон «Растекание чернил и пятна» от Creation Effects (стоимость 29 долларов), с эффектом раскрытия чернил, как видно на текстовой графике в демонстрационном видео
• 29 анимированных текстур бумаги на выбор
• Поддерживает прозрачный фон
• Mattes, Borders, & Frames — уникальные способы отображения вашей анимации
• Работает с фотографиями, текстом и графикой!

Эти акварельные эффекты включены в шаблон Creation Art Effects , который содержит 40 уникальных художественных эффектов.

• Совместимость с Adobe After Effects, версиями CS5, и всеми более поздними версиями (включая Creative Cloud). Работает как на Mac, так и на ПК. Плагины не требуются. (Пользователи CS5 и CS6 заметят метку на всех элементах управления настройкой с надписью «Отсутствует». Это не влияет на функциональность, и элементы управления будут работать должным образом).
• Этот шаблон является универсальным, поэтому он будет работать для пользователей, использующих After Effects на других языках, при условии, что они используют CS6 и выше.Шаблон может частично работать на иностранных языках в CS5, но с некоторыми ошибками.
• Этот шаблон был обновлен и обновлен в 2018 году. Видеоурок был подготовлен до обновления, и некоторые элементы могут выглядеть или работать немного иначе. Обязательно прочтите письменные инструкции в шаблоне — они подробны и актуальны.
• Включены две версии шаблона: HD (1920×1080) и 4K (4096×2160). Эффекты отлично работают с фотографиями, текстом и графикой с прозрачным фоном, но они не предназначены для экспорта изображений с разрешением выше 4096×2160.
• Композиции с акварельными эффектами в этом шаблоне имеют частоту 10 кадров в секунду, что придает им прерывистый вид покадровой анимации, как в демонстрационном видео. Сниженная частота кадров также значительно сокращает время рендеринга. Вы можете изменить частоту кадров на панели «Настройки композиции» или, если вам нравится вид с пониженной частотой кадров, но вам нужно экспортировать с более высокой частотой, например 29,97 или 25 кадров в секунду, создать новую композицию с более высокой частотой кадров, и поместите в него композицию с эффектом акварельной живописи.
• Музыка и кадры в демонстрационное видео не включены.

Шаблон Эффект акварельной живописи не является плагином. Это файл проекта Adobe After Effects, широко известный как «шаблон», потому что работа уже сделана, и пользователю нужно только вставить отснятый материал и внести свои коррективы. Этот шаблон совместим с версией CS5, а также со всеми более поздними версиями After Effects.

Поскольку шаблон Эффект акварельной живописи содержит интеллектуальную собственность, защищенную авторским правом, совместное использование или размещение файлов проекта в Интернете с кем-либо, кроме клиента, запрещено.См. Условия использования для получения более подробной информации.

Приветствуются положительные и / или отрицательные отзывы. Используйте страницу контактов, чтобы отправить мне сообщение.

After Effects — Анимация логотипа трафарета аэрозольной краски: macProVideo.com

В этом кратком руководстве из двух частей мы покажем вам, как анимировать эффект логотипа, нанесенного по трафарету на поверхность с помощью аэрозольной краски в After Эффекты.

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

В этой первой части мы расскажем, как создать основной трафаретный слой и рисовать аэрозольной краской в ​​реальном времени. В Части 2 мы настроим маскировку для трафарета аэрозольной краски и создадим окончательную анимацию.

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

Шаг 1 — Настройка трафарета

Начните с создания (Композиция> Новая композиция …) новой пустой 10-секундной композиции 720p с черным фоном. Назовите это Stencil:

Шаг 2 — Добавьте картон

Создайте новый Solid, продолжительность композиции, 500 пикселей в ширину и 200 пикселей в высоту, сделайте цвет «картонным» — подойдет темно-красновато-оранжевый. это — и назовите его Картон:

Шаг 3 — Добавьте логотип

Затем выберите инструмент Текст и щелкните в центре слоя Картон, чтобы добавить новый слой Текст.Введите текст вашего логотипа, выделите весь текст и переместите его в центр слоя Cardboard (если хотите; нет причин, по которым текст не может быть смещен по центру — на самом деле, было бы более эффективно, чтобы Это зависит от вас.

Затем выделите текст и установите для него большой шрифт без засечек, как показано здесь (цвет не важен, так как он не будет виден в финальной анимации; я сделал здесь он зеленый, поэтому это более очевидно.):

Шаг 4 — Установите альфа-канал трафарета

Выберите текстовый слой и установите для него режим «Альфа-силуэт» (нажмите кнопку «Переключатели / режимы» в нижней части окна слоя, чтобы отобразить столбец Modes):

Это сделает текст прозрачным и пробьет дыру через альфа-канал слоя под ним до фона, что мы будем использовать позже в наших интересах:

Шаг 5 — Создайте анимацию аэрозольной краски Comp

Сделайте еще одну 10-секундную композицию 720p с черным фоном и назовите ее Spray Paint.Добавьте новое твердое тело размера композиции в композицию Spray Paint, сделайте его средне-серым и назовите его Стена:

Щелкните значок замка, чтобы заблокировать слой Стены и предотвратить его перемещение. Затем перетащите композицию Stencil в композицию Spray Comp, над слоем стены. Вы должны увидеть что-то вроде этого в окне компоновки:

Шаг 6 — Сделайте Comp 3D

Нажмите кнопки Enable 3D Layer (кубики) для слоев Wall и Stencil:

Шаг 7 — Распыление краски на логотип

А теперь самое интересное — окраска распылением.Выберите инструмент «Кисть» и дважды щелкните слой трафарета в окне композиции, чтобы открыть окно слоя трафарета — рисовать можно только в окне слоя, а не непосредственно в окне композиции. Установите параметры кисти в палитре кистей, как показано:

Эти настройки дадут нам большую мягкую кисть, которая будет имитировать поток аэрозольной краски. Низкое значение Интервал немного разделит мазки кисти для более открытой струи.

Задайте параметры Paint в палитре Paint, как показано:

Я сделал свою краску ярко-красной, но вы, конечно, можете использовать любой цвет.Установка относительно низкого значения потока дает более открытый, менее непрерывный поток краски, больше похожий на аэрозольную краску, чем на кисть. Установка длительности записи означает, что мы можем рисовать в режиме реального времени, а Paint фиксирует штрихи, а затем позволяет нам воспроизводить их на временной шкале — идеально подходит для рисования распылением.

Итак, установив для временной шкалы значение «Кадр 0», щелкните кистью слой «Трафарет» и начните перетаскивать кисть одним непрерывным штрихом, чтобы заполнить буквы — Paint будет фиксировать ваш штрих при перетаскивании.Добавьте немного избыточного аэрозоля для большей реалистичности. Когда вы перестанете перетаскивать и отпустите мышь, захват остановится.

Немного потренировавшись, вы легко сможете имитировать распыление краски. Если вы ошиблись или вам не понравилась ваша работа, отмените действие и попробуйте еще раз. Стремитесь завершить распыление за 6-7 секунд, чтобы у нас было немного места в конце временной шкалы для остальной части нашей анимации. Вы можете предварительно просмотреть свой спрей прямо в окне «Слой». Когда у вас есть снимок, который вам нравится, вернитесь в окно Comp и просмотрите.Вы должны увидеть что-то вроде этого:

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

Ричард Лейнхарт — композитор, режиссер и писатель, отмеченный наградами. Его композиции исполнялись в США, Европе, Азии и Австралии, а записи его музыки появлялись на лейблах Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD и ExOvo.Его анимационные и короткометражные фильмы демонстрировались на фестивалях в США, Европе и Азии, а также онлайн на ResFest, The New Venue, Bitscreen и Streaming Cinema 2.0. Он является автором более десятка технических руководств для музыкального и видео оборудования и программного обеспечения, работал редактором журналов интерактивности и 3D-дизайна, а также участвовал в написании книг по производству цифровых медиа, издаваемых IDG, Peachpit Press, McGraw Hill и Miller Freeman Books. Ранее сертифицированный эксперт Adobe по After Effects и Premiere, художник-демо для Adobe Systems и соучредитель официальной группы пользователей After Effects в Нью-Йорке, с 2000 по 2009 год он был техническим директором Total Training Productions, инновационным специалистом. компания по обучению цифровым медиа, базирующаяся в Нью-Йорке и Калифорнии.

Создавайте реалистичную анимацию аэрозольной краски After Effects

Эффекты аэрозольной краски очень круты и могут использоваться в различных типах проектов, от музыки и видео событий до текста слайд-шоу и переходов. Существует множество шаблонов и плагинов эффектов Spray Paint, но создать этот эффект с нуля несложно. Итак, давайте сразу перейдем к созданию внешнего вида After Effects Spray Paint.

Часть 1: Создание волнистой анимации аэрозольной краски в After Effects

Шаг 1: Создание волны аэрозольной краски

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

1. Создайте слой Shape и назовите его Paint 1.
2. Выберите инструмент «Перо» и создайте волну аэрозольной краски на экране, уделяя пристальное внимание кривым в ваших линиях.
3. Увеличивайте Stroke , пока не получите базовую ширину вашей линии.
4. Измените концы вашей линии на Round Cap в раскрывающемся меню слоя Effects .
5. Перейдите к Стрелка эффектов на панели слоев и выберите Обрезать контуры .
6. В свойствах Trim Paths создайте ключевой кадр для параметра End со значением 0.
7. Переместите точку воспроизведения в то место, где вы хотите, чтобы анимация закончилась, и создайте второй ключевой кадр для параметра Trim Paths End , значение которого равно 100 .
8. Выберите оба ключевых кадра и добавьте Ease Ease , нажав F9 на клавиатуре (Совет: удерживайте fn и нажмите F9 , если вы используете MacBook).

Шаг 2: Создайте внешний вид аэрозольной краски

Теперь у вас должна быть движущаяся линия, которая анимирует так, как вы хотите, но не очень похожа на аэрозольную краску; следующий шаг добавит текстуру, которую вы ожидаете от этого образа.

1. На панели управления эффектами найдите Шероховатые края и перетащите его к своей форме.
2. Снова на панели управления эффектами измените Scale на 10 и Border на 75.
3. Отрегулируйте ширину обводки , если вы хотите сделать краску тоньше или толще.
4. Выберите слой Shape на шкале времени и нажмите Cmd / Ctrl + D , чтобы дублировать его; переименуйте этот второй слой в Paint 2.
5. Выберите слой Paint 2 и увеличьте Stroke , чтобы как минимум удвоить ваш слой Paint 1.
6. На панели Элементы управления эффектами измените Граница для Краски 2 на 140, чтобы создать более светлый спрей.
7. В параметрах Evolution измените настройку Случайная скорость , чтобы создать немного другой эффект вокруг кромки мазка.
8. Выберите инструмент «Перо» и убедитесь, что флажок «Перо создает маску » установлен.
9. Нарисуйте маску вокруг начала штриха краской 2, сужаясь, чтобы создать форму выпуклости в начале линии.
10. Вы можете заметить резкую прямую линию через эффект Шероховатые края ; чтобы исправить это, нарисуйте вторую маску на том же слое, немного за пределами экрана.

Шаг 3. Анимация начальной и конечной капли краски

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

1. Выберите слой Paint 2 и перейдите к первому ключевому кадру Trim Paths . Измените настройку на 0,1.
2. В той же точке на временной шкале добавьте ключевые кадры для ширины обводки и границы шероховатых краев .
3. Переместите точку воспроизведения назад на 6-8 кадров и создайте новые ключевые кадры, изменив настройки ширины обводки и границы на 0.
4. Настройте синхронизацию ключевых кадров в соответствии с вашей анимацией и добавьте Easy Ease для более плавного начала анимации .
5. Дублируйте Paint 2 и настройте маску Paint 3, чтобы покрыть конец линии.

Дополнительно: Вы также можете добавить немного сужения к середине линии. Выберите свой первый слой Paint, возьмите инструмент Pen , убедитесь, что флажок Pen Creates Mask установлен, и создайте несколько тонких масок на краю вашей линии.В Layer Control найдите Mask и выберите Subtract из раскрывающегося меню.

Шаг 4: Создание капель

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

1. Создайте новую композицию размером 200 на 1080 пикселей.
2. Используйте инструмент Pen , чтобы создать форму капли, и инструмент Rectangle , чтобы представить линию капли.
3. Создайте ключевой кадр в настройках Позиция для вашей фигуры в начале временной шкалы.Переместите каплю в верхнюю половину экрана.
4. Переместите точку воспроизведения примерно на 2-е место на шкале времени и создайте 2-й ключевой кадр Позиция , перемещая ползунок вниз. Убедитесь, что ваши ключевые кадры имеют Ease в начале и в конце для более реалистичного эффекта капель.
5. Вернитесь к своей основной композиции и перетащите композицию Drip на шкалу времени.
6. Расположите каплю, чтобы капля выходила из сдвига на любом конце вашей лески, и при необходимости отрегулируйте время.
7. Используйте инструмент Mask , чтобы вырезать все части капельной линии, которые можно увидеть над основной линией распыляемой краски.
8. Вы можете дублировать капельницу столько раз, сколько вам нужно для вашей графики.

Шаг 5: Нанесите аэрозольную краску на фон

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

1. Выделите все слои и нажмите Cmd / Ctrl + Shift + C от до Precompose ваших слоев.
2. Найдите эффект Fill на панели Effects Control и добавьте его на свой слой. Отрегулируйте свой цвет, пока не получите желаемый вид.
3. Импортируйте фоновый слой и перетащите его на шкалу времени под анимацией аэрозольной краски.
4. Перейдите на панель Layer Control и для вашего граффити измените Blending Mode .

Примечание: Это будет зависеть от вашего фона и выбора цвета граффити, но Multiply , Screen и Color Burn — отличные смеси, которые стоит попробовать.

5. Отрегулируйте Непрозрачность вашего слоя аэрозольной краски, чтобы вы могли немного видеть фон позади него.
6. Наконец, на панели Effect Control найдите и добавьте Liquify Effect к вашему слою аэрозольной краски.
7. Опять же, на панели Effects Control выберите опцию Wave и уменьшите размер инструмента Brush .
8. Пройдите свою композицию, внося незначительные корректировки в капельки аэрозольной краски в местах их взаимодействия с частью стены, например, сделайте небольшие углубления в местах, где краска течет между кирпичами.

Необязательный шаг: добавление граффити на стену с перспективой

До сих пор мы показали вам, что это отличный способ добавить эффект аэрозольной краски к плоской стене, идеально подходящий для заголовков, логотипов и т. Д. обмен сообщениями. Однако, если вы хотите использовать эффект в пленке, вам, вероятно, потребуется добавить некоторую перспективу к своей краске-спрею, чтобы она соответствовала.

1. Добавьте свой фон и измените размер граффити, чтобы вы знали, что оно подойдет.
2. Перейдите на панель Effects Control и найдите эффект Power Pin .
3. Перетащите эффект на аэрозольную краску Комп. На экране появится рамка вокруг вашей аэрозольной краски.
4. Перетащите углы рамки по экрану; вы можете увидеть, как легко вы можете изменить перспективу своего граффити.
5. Используйте естественные линии на заднем плане, чтобы выровнять углы коробки, пока аэрозольная краска не ложится ровно на стену.
6. На этом этапе может помочь вернуться к эффекту Liquify и внести любые корректировки в зависимости от положения аэрозольной краски на стене.

Часть 2: 3 лучших шаблона аэрозольной краски After Effects

1. Промо-открывалка для аэрозольной краски

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

Загрузите открыватель промо-ролика Spray Paint сейчас

2. Логотип Graffiti

Проект логотипа Graffiti Logo представляет собой забавный отступ логотипа в мультяшном стиле, идеально подходящий для открывающих логотипов создателей контента.Забавная Spray Paint может быстро заполнить трафарет, чтобы показать ваш нарисованный логотип. Благодаря интеллектуальному цветовому контроллеру и настраиваемому фону вы можете весело провести время с этим шаблоном.

Загрузить логотип граффити сейчас

3. Заголовки нижних третей для аэрозольной краски

Проект «Аэрозольная краска, заголовки в нижней трети» содержит пять красиво оформленных и динамически анимированных заголовков, готовых для перетаскивания в ваш проект AE . Настраиваемый текст и цвета делают этот шаблон идеальным для придания художественного оттенка вашим слайд-шоу и презентациям.

Скачать Spray Paint Lower Thirds Titles прямо сейчас

Создать стиль граффити в After Effects просто и легко, и как только вы овладеете основами, ваше творчество станет вашим единственным пределом. Теперь, когда вы знаете, как создавать анимацию аэрозольной краски After Effects, почему бы не попробовать некоторые другие интересные эффекты, которые вы можете создать с нуля, например этот фантастический реалистичный эффект пламени.

Как создать светящуюся анимацию в After Effects

Работаете над музыкальным видео или чем-то еще для своего канала YouTube и ищете способы выделить свое видео?

В этом руководстве мы рассказали вам, как создать анимацию с эффектом свечения с помощью Adobe After Effects CC.Техника, популяризированная Blotter Media, может оживить ваше видео, добавив сильные визуальные элементы, которые будут удерживать ваших зрителей. Здесь кадры встречаются с анимированной графикой!

Новое в After Effects? Ознакомьтесь с руководством для начинающих по расширенным инструментам и методам для начинающих. А если вам нужны стоковые кадры для использования, зайдите в Storyblocks Video, где вы найдете бесконечные динамичные возможности.

Чтобы начать работу, проследите за видео:

Организуйте свои видеоматериалы

1.Начните с импорта отснятого материала в Adobe After Effects. Вы можете выбрать « File»> «Import » или просто перетащить его из папки в окно панели After Effects Project .

2. Перетащите отснятый материал на кнопку «Новая композиция» в нижней части окна панели Project . Это создаст новую композицию внутри After Effects, которая будет иметь такое же разрешение, частоту кадров и продолжительность, что и исходный видеоматериал.

3.Выберите слой видеоряда в своей композиции, щелкнув по нему, а затем продублируйте его, перейдя в меню Edit> Duplicate . Вы также можете продублировать слой, выделив его, а затем нажав «Ctrl + d» в Windows или «CMD + d» в Mac.

4. Организуйте отснятый материал в своей композиции, присвоив каждому слою имя — выберите слой, нажмите клавишу «Enter» в Windows или клавишу «возврат» в Mac, а затем введите «BG» (означает фон) внизу. слой и «Light Scribble Effect» на верхнем слое.

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

Начать покраску

5. Затем давайте откроем окна панели Paint и Brushes , перейдя в меню Window> «Кисти», и Window> «Paint ».

6. Выберите слой «Light Scribble Effect» в своей композиции, затем дважды щелкните по нему. Это откроет отснятый материал в окне панели Layer .Именно здесь After Effects позволяет использовать инструмент Brush Tool для рисования на видеоматериале.

7. Затем выберите инструмент «Кисть » из параметров инструмента в верхней части программы. Это инструмент, который мы будем использовать для создания эффекта краски.

8. В окне панели «Кисти » измените диаметр на 6 пикселей, а в разделе «Динамика кисти » измените размер на «Выкл.». В зависимости от материала, с которым вы работаете, может подойти более тонкий или более толстый диаметр. лучше.

Затем в окне панели Paint измените Длительность на «Один кадр». Поскольку мы будем рисовать кадр за кадром, нам нужна краска, которую мы рисуем, чтобы она появлялась только на кадре, на котором мы ее рисуем. Например, если бы мы использовали постоянную настройку, краска, которую мы рисуем, появлялась бы на каждом кадре, а это не то, что мы хотим для этого типа эффекта.

9. Перейдите в композиции к первому кадру, который вы хотите нарисовать. Находясь в этом кадре, начните рисовать то, что будет на нем.В нашем примере мы будем рисовать контур скейтборда. Если вы ошиблись, вы можете перейти в меню «Правка»> «Отменить».

Продолжайте рисовать на этой рамке, пока не закончите.

Покраска и повтор

10. С этого момента вы будете повторять этот кадр за кадром, чтобы завершить эффект. Перейдите к следующему кадру в композиции, нажав клавишу «Page Down» на клавиатуре или переместив курсор шкалы времени композиции на один кадр вправо.

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

Продолжайте этот процесс, рисуя кадр, затем переходя к следующему кадру, рисуя, затем переходя к следующему кадру, снова рисуя и т. Д. Это трудоемкий процесс, но это забавный эффект, так что он того стоит!

12.Когда вы будете удовлетворены всей анимацией рисования, выберите слой «Light Scribble Effect», к которому был применен эффект рисования, и в окне панели Элементы управления эффектами установите флажок, чтобы включить параметр Paint on Transparent . Это приведет к удалению отснятого материала с этого слоя, так что будет виден только ваш эффект краски. Вот почему мы продублировали отснятый материал на шаге 3; так что в конечном итоге у нас будет нижний слой в качестве видеоряда, а верхний слой — только с эффектом краски.

Сделай это свечение

13. Теперь мы закончили в окне Layer . Перейдите в окно Композиция .

Выбрав в композиции слой «Light Scribble Effect», перейдите в окно панели Effects & Presets (находится в Window > « Effects & Presets ».)

Введите «свечение» в окно «Эффекты и предустановки» , выберите эффект Glow , затем перетащите его на слой «Эффект световой каракули» в вашей композиции.Пришло время усилить эффект краски, добавив свечения.

14. Перейдите к окну панели Элементы управления эффектами , и теперь вы увидите эффект Glow , который был применен к слою «Light Scribble Effect».

Измените следующие настройки эффекта Glow , чтобы создать красивое свечение на слое краски. Вы можете поэкспериментировать с этими настройками по своему вкусу:

• Цвета свечения: цвета A и B

• Цвет A: красный (мы использовали ярко-красный цвет)

• Цвет B: Темно-красный (мы использовали темно-красный цвет)

15.Вы завершили создание эффекта анимации свечения в After Effects. Поздравляю!

Это только один пример того, что вы можете создать с помощью этого эффекта; действительно есть неограниченные результаты, которых вы можете достичь, используя технику Paint. От анимированных персонажей до светящихся бликов — этот эффект обязательно сделает ваши видео популярными. Для начала нужен клип? Ознакомьтесь с библиотекой бесплатных стоковых видеороликов Storyblock, чтобы вы могли экспериментировать, сколько душе угодно!

Хотите узнать больше от Уилла Бартлетта? Ищите новые руководства в блоге Storyblocks или подписывайтесь на Alli и Will на YouTube и Instagram.

Уилл Бартлетт

Will — предприниматель, управляющий несколькими предприятиями, включая компанию по производству видео в Торонто и онлайн-бизнес, который обучил более 150 000 студентов по широкому кругу курсов.У него более 10 лет опыта в кинематографии и редактировании корпоративных, сетевых и коммерческих видео. Во-вторых, у Уилла есть канал на YouTube с женой и деловым партнером Алли, посвященный кинопроизводству, путешествиям и закулисному образу жизни.

Анимация аэрозольной краски и эффекта трафарета в After Effects

Итак, в этом уроке я покажу вам, как создать эффект аэрозольной краски с помощью After Effects.Это довольно простой процесс, но у меня есть несколько приемов, о которых вы, возможно, не подумали. Вот пример видео о том, что вы будете создавать:

Вот файлы проекта AE.

Итак, приступим.

1.) Откройте After Effects
Давайте создадим композицию 720 × 540 и назовем ее «окончательный трафарет».

2.) Make Paint
Теперь мы собираемся создать эффект аэрозольной краски. Есть много разных способов добиться эффекта аэрозольной краски.В этом уроке я покажу вам две разные техники. Сначала создайте корректирующий слой по размеру композиции и назовите его «краска 1». Нанесите на этот слой «векторную краску». Измените настройки векторной раскраски, чтобы они выглядели примерно так.

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

3.) Animate Paint
В элементах управления Vector Paint измените воспроизведение на «Анимировать штрихи».Как только вы это сделаете, скорость воспроизведения станет доступной для изменения. Поместите его где-то между 3,5 и 4. Теперь, когда вы прокручиваете временную шкалу, вы должны увидеть только что сделанный штрих, анимированный от начала до конца.

ПРИМЕЧАНИЕ. От того места, где вы находитесь на временной шкале при нанесении первого мазка с помощью векторной краски, определяется момент начала анимации мазка. Поэтому, если вы не были в начале слоя с краской, когда создавали обводку, вы заметите, что обводка не начинает анимацию на первом кадре слоя.Он начинает анимацию, когда достигает точки на шкале времени, где вы впервые сделали штрих.

4.) Придайте краям шероховатость, чтобы они выглядели как аэрозольная краска.
Примените эффект «Шероховатые края» к слою краски 1. Хитрость здесь в том, чтобы уменьшить параметр масштаба в эффекте «Шероховатые края». Измените настройки эффекта так, чтобы у вас было Border = 20 и scale = 10. Параметр «boarder» контролирует, насколько края будут шероховатыми. Теперь наша аэрозольная краска готова, и ваш проект должен выглядеть так:

5.) Добавьте капли краски
Давайте добавим несколько капель краски для большей реалистичности и стиля. Возьмите векторный пакет Spray Paint, выделите несколько капель и скопируйте их в новый документ Illustrator или Photoshop. Я скопировал брызги аэрозольной краски из Illustrator в Photoshop в виде пикселей, поэтому After Effects не будет отображать эти слои как векторную графику. Сохраните отдельные капли как «капелька 1, капля 2 и капля 3» и импортируйте их в After Effects.

А теперь добавим их в наш комп.Поместите один из PSD-файлов Drip на шкалу времени и выполните соло слоя. Возьмите инструмент «Эллиптическая маска» и нарисуйте круговую маску вокруг основной части аэрозольной краски. Должно получиться так:

Теперь мы собираемся создать ключевой кадр для «расширения маски», чтобы капли анимировались. Ключевой кадр при расширении маски от «-61 пиксель» до «74 пикселя» с продолжительностью около 20 кадров. Теперь, когда вы прокручиваете шкалу времени, вы должны увидеть анимацию соло-слоя «Drip». Хорошо, нажмите кнопку соло еще раз, чтобы мы могли увидеть наш слой «краска 1».В зависимости от того, какие цвета вы используете, вам может потребоваться добавить эффект «Заливка» к слою «Капля», чтобы он соответствовал нашему исходному слою «краска 1».

5.a) Смешайте капельницу
Теперь, когда ваша капля анимирована и имеет тот же цвет, что и наш слой «краска 1», давайте объединим их. Вот как я это сделал.

5.b) Завершение капель
Теперь проделайте ту же процедуру с другими каплями и объедините их со слоем «краска 1». Теперь у вас должно получиться что-то вроде этого.

6.) Сделайте это еще раз для разнообразия.
Теперь мы собираемся начать с шага №2 и создать совершенно новый слой краски. Вы должны убедиться, что понимаете, что нам нужно создать другую композицию, потому что эффект
«Шероховатые края» будет влиять на все слои под ним, когда он применяется к корректирующему или сплошному слою.

Создайте новую композицию и назовите ее «paint vers 2». Сделайте то же самое, что и в шагах 2-4, просто проведите мазок справа налево, а не слева направо.У вас должно получиться что-то вроде этого:

7.) Объедините 2 композиции.
Перетащите «paint vers 2» из окна проекта в композицию «final stencil». У вас должно получиться что-то вроде этого:

Теперь мы собираемся добавить капли на этот слой с краской. На этот раз мы можем просто продублировать слои с каплями и добавить эффект «Заливка», чтобы изменить их цвет, чтобы он соответствовал цвету «paint vers 2». Теперь у вас должно получиться что-то похожее на это:

8.) Изготовление трафаретов.
Создайте новую композицию размером 800 × 540 и назовите ее «бумага». Добавьте новый сплошной слой и наложите на него прямоугольную маску, а затем немного поверните слой. Должно получиться так:

8.b) Создайте композицию «Stencil»
Создайте новую композицию размером 800 × 540 и назовите ее «stencil». Перетащите «бумажную» композицию в эту композицию. Теперь это то место, где мы делаем наш трафарет. Как видите, я использовал логотип Go Media в качестве трафарета, но вы можете использовать практически все, что угодно. Вероятно, лучше всего использовать что-то векторное, например файл иллюстратора или текстовый слой в After Effects.Таким образом, вы можете использовать альфа-канал в качестве подложки дорожки. Так что создайте текст или используйте логотип Go Media и на слое «бумага» выберите «Alpha инвертированный матовый». Теперь логотип Go Media, или ваш текст должен быть вырезан из нашего «бумажного слоя». Теперь у вас должно получиться что-то вроде этого…

8.c) Сделайте больше аэрозольной краски
Итак, вот где я покажу вам еще один способ изготовления аэрозольной краски. Эта техника менее механична и кажется мне более реалистичной. Создайте черное твердое тело размером 400 × 400 и наденьте круглую маску.Теперь примените эффект «разброса» к сплошному черному слою. Установите величину разброса примерно на «70».

Теперь мы собираемся анимировать расширение маски, чтобы создать эффект «спрея». Я установил ключевые кадры от -135 до -18 с длительностью около 5 кадров. Я также снизил непрозрачность до 80%. Сделав это один раз, продублируйте слой и переместите его в следующую точку, которую вы хотите нарисовать. Вы также захотите сместить дублированный слой на временной шкале. Делайте это снова и снова, пока полностью не закрасите трафарет.Вы заметите, что я также использовал слой «Drip», чтобы добавить немного стиля и реализма в эту композицию. Вот как я это сделал.

8.d) Создайте нижнюю композицию
Создайте композицию размером 800 × 540 и назовите ее «Нижняя».
Перетащите композицию «трафарет» и логотип Go Media в эту композицию. Нарисуйте прямоугольную маску на слое с трафаретом, которая вычитает всю краску и имеет тот же размер, что и наша оригинальная бумажная композиция. Это, вероятно, потребует небольшой ручной настройки.Убедитесь, что текст находится на том же месте, что и в композиции трафарета. Вы можете скопировать и вставить атрибуты позиции, чтобы убедиться, что они совпадают.

8.e) Создайте композицию «без краски».
В окне проекта выделите композицию трафарета и нажмите «comand + d», чтобы скопировать эту композицию. Затем дважды щелкните по нему, чтобы открыть. Затем измените название компа на «без краски». Затем удалите все слои краски, чтобы у вас остался только слой бумаги и слой с логотипом Go Media в качестве подложки дорожки.

8. е) Создать еще одну композицию трафарета? Да!
Создайте новую композицию размером 800 × 540 и назовите ее «анимация построения трафарета». Теперь перетащите вашу композицию «трафарет», «без краски» и «нижнюю» композицию в эту композицию.

Теперь выделите слой «трафарет». Добавьте к этому слою эффект «CC Page Turn». Теперь создайте ключевой кадр для эффекта поворота страницы, чтобы трафарет сложился в кадр. Вам нужно задать ключевые кадры для положения сгиба. Я установил ключевой кадр от -128 270 до 70 5270 с продолжительностью около 1 секунды.Убедитесь, что краска в вашей «трафаретной» композиции не начинает рисовать, пока не завершится переход перелистывания страниц.

Теперь, когда поворот страницы завершен и краска закончила рисование, выберите слой «stencil» и нажмите «command + shift + d», чтобы продублировать и вырезать слой. Теперь на втором ключевом кадре «слоя трафарета» эффект «поворота страницы CC», чтобы оживить то, как он появился. Вы можете буквально скопировать и вставить ключевой кадр из 1-го слоя «трафарет» во 2-й слой трафарета.Теперь вам нужно убедиться, что «нижний» слой находится под всем и расположен на временной шкале, чтобы он был виден только при анимации эффекта поворота страницы. Ваш компьютер должен выглядеть так:

Теперь вы заметите, что когда наш трафарет анимируется вне кадра, вся задняя сторона покрыта краской.

Это то место, где мы хотим использовать нашу композицию «без краски». как оборотная сторона в нашем эффекте «CC перелистывания страницы». Как только вы установите заднюю сторону как слой «без краски», вы можете скрыть этот слой.

После того, как вы установили заднюю часть на слой «без краски», ваша композиция теперь должна выглядеть так:

Теперь убедитесь, что «нижний» слой виден, в то время как эффект поворота страницы показывает «нижний» слой. Вам нужно сделать простую маску, чтобы не увидеть скачка черной краски, когда станет виден нижний слой. Причина, по которой это происходит, заключается в том, что и нижний слой, и слой трафарета имеют на себе слои краски. Это также связано с тем, что моя исходная краска была установлена ​​на непрозрачность 80%.Если бы он был установлен на 100%, это было бы меньше проблем. Но просто сделайте простую маску, которая следует за поворотом страницы во время ее анимации, и все будет в порядке. На изображении выше показана простая работа с маской, которую я проделал.

9.) Объедините построение трафарета с нашим компом «Final Stencil».
Перетащите композицию «анимация построения трафарета» в композицию «окончательный трафарет». Выровняйте слой «анимация построения трафарета» на шкале времени, чтобы он начал анимацию после того, как закончится анимация всей нашей красной и желтой краски.

10.) Немного стиля.
Итак, основы этого руководства завершены. Единственное, что осталось, — это продвинуть эту анимацию немного дальше и продолжать добавлять элементы и делать эту часть визуально интересной. Создайте новую композицию под названием «Square Paint Comp». Используйте эффект векторной краски, чтобы создать красивый фон, похожий на тот, который я использовал. Не забудьте анимировать обводку, как мы это делали раньше. Я также создал эффект обводки на векторной краске, продублировав слой краски и увеличив размер кисти.Затем я снизил непрозрачность этого слоя примерно до 65%.

10.a) Используйте 3D-пространство и камеру
Затем я превратил все слои в 3D-слои, добавил камеру и начал создавать ключевые кадры на камере. Я добавил простое покачивание к точке интереса, которая слегка трясет камеру. Вы также можете добавить источники света, размытие в движении, эффекты глубины резкости и все остальное, о чем вы только можете подумать… сходите с ума! Надеюсь, вам понравилось изучать эти техники! Повеселись!

Рисование в After Effects с использованием режимов наложения — BlueFx

В сегодняшней записи блога Джефф, наш ведущий инструктор, покажет вам, как рисовать в After Effects с использованием режимов наложения.

Примечание. Не забудьте посмотреть видеоурок, он будет намного легче понять и следовать инструкциям Джеффа.

Вот это дерево, с которого я начал.

Я хочу сделать так, чтобы листья приобрели другой цвет, как осень.

Я перехожу к инструменту «Кисть», у меня есть инструмент «Кисть» или «Кисть», я получаю цвет.

Я собираюсь изменить это с RGBA на просто RGB. Он закрашивает только непрозрачные участки или участки с некоторым цветом.

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

Этот цвет — отличный способ смешать цвет с чем-то стоящим за ним. Я просто буду рисовать там. Теперь он просто раскрашивает листья. Он закрашивает только объекты с непрозрачностью и, очевидно, цветом RGB .

Вот видеоурок:

Присоединяйтесь к Академии After Effects и получите доступ к этому полному уроку + еженедельные живые классы и шаблоны After Effects

Я использую здесь один инструмент кисти.Я намеренно пропущу здесь птицу. Осталась одна кисть, чтобы сделать все это. Когда я изначально делал это, я делал несколько мазков кистью. Но я просто делаю один мазок кисти, избегаю птицы, избегаю белки и пытаюсь сделать все так. Это один мазок кисти. Нажмите на Paint, это один мазок кисти.

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

Попадаю на другую сторону, пропустил несколько листьев. Если я сейчас нарисую птицу, она будет отдельно от остального дерева. Если я хочу нарисовать белку, я хочу нарисовать коричневый или другой цвет.

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

Теперь просто Shift — косая черта вперед, чтобы увидеть это.