Эффект неоновой подсветки в афтер эффект

Create a neon sign

This sample file is an Adobe Stock asset you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file. Any reference to “Night Owl Market” is for demonstration purposes only and is not intended to refer to any actual organization, products, services, or creative work.

In this project, you’ll take line art created in Adobe Illustrator and make it look like glowing, flickering tubes of neon against a brick wall in After Effects using a combination of Outer Glow and Inner Glow layer styles, a simple expression, and the Turbulent Noise effect.

Set up your layered artwork in After Effects. Working in the Standard workspace, choose File > Import > File and import your layered Illustrator logo design as Composition — Retain Layer Sizes. Open the comp and choose Composition > Composition Settings. Set a relatively short duration in the Settings dialog box (say, 5:00) to save on render time while testing. Precompose each layer separately except for any layers that act in unison, such as the three Eye layers in our example. Group-select those before choosing Layer > Pre-compose. Since you’ll be making copies of these precomp layers later, give them distinct colors now. Right-click each layer’s color chip and choose a unique color for it from the menu.

A realistic glow requires three line styles: a wide, feathered outer glow for the illumination effect, another above it for a medium-wide glow, and one on top of that to simulate the tight, halo-like glow that is brightest in the center of the tube and darkest toward the edge. Drag-select all the precomp layers and duplicate them (Edit > Duplicate) twice. Going from top to bottom, append _Tight, _Medium, and _Wide to the grouped layer names. Glows look best against a black solid, so create one (Layer > New > Solid) and place it at the very bottom. Right-click it and select Guide Layer. This ensures you’ll have a black solid for testing purposes that won’t be visible in the final comp when you add the brick wall behind it later.

To add the outer glows, right-click Body_Wide and choose Layer Styles > Outer Glow from the menu. Expand the Outer Glow settings in the Timeline panel and, following our example, change the values for Blend Mode, Opacity, Color, Spread, and Size. Select that Outer Glow layer style and copy it to the Clipboard (Edit > Copy). Select the other two Body layers, as well as the other two Wide layers, and choose Edit > Paste to apply the changes. Click away to deselect all. There are too many copies of the exact same glow, so for Body_Tight, lower the Outer Glow size substantially (try 15) and for Body_Medium, reduce the size by about half (try 100). Change the Outer Glow colors for the other Wide layers so they match their respective line art colors. Now copy the Outer Glow settings for Body_Tight and Body_Medium and paste them onto the corresponding layers for Eyes and Moon, updating the colors to match.

Now add the inner glows. Right-click Body_Tight and choose Layer Styles > Inner Glow. Expand the Inner Glow settings in the Timeline panel and, following our example, change the values for Blend Mode, Opacity, Color (FFFFFF), Source, Choke, and Size. Apply that line style to all Tight layers. It looks better if Moon_Tight uses a Blend Mode of Linear Dodge and a lower opacity. Adjust any inner or outer glows until you are happy with the results. Preview at Full Resolution to see the glows accurately.

Let’s make the neon flicker. Pick any Medium layer and display the Opacity setting (press T). Option/Alt-click the Opacity stopwatch. In the Expression field, replace “transform.opacity” with wiggle(50,10) and then click away. Copy that Opacity setting to the Clipboard and paste it on the other two Medium layers. As you scrub the playhead, see how the red Opacity value constantly changes, causing the slight flickering effect.

A subtle neon plasma effect enhances the look. Open the Moon precomp and drag the Turbulent Noise effect from the Effects & Presets panel to the Moon layer. Following our example, change the values for Fractal Type, Brightness, Complexity, Opacity, and Blending Mode. Move the playhead to the start of the comp and set a keyframe for Evolution. Move to the end and set a keyframe for Evolution at 36 revolutions (and zero degrees). Preview to see the slight oscillating neon plasma effect added. Deselect the layer, select it again, and copy the Turbulent Noise effect to the Clipboard. Open the other precomps, set the playhead at zero, and paste the effect. For the multilayered Eyes precomp, drag-select each layer before pasting the effect. The Opacity setting copied over from the yellow may be too much for other colors. Lower the opacity for the blue (try 15%).

Neon signs look great on a black background, but they often appear against a brick wall. To composite your sign in front of a wall, right-click your main logo comp and choose New Composition from Selection. Duplicate the layer in the new comp and set the Blending Mode of the lower one to Linear Light and Opacity to 50%. Create a new black solid layer and place it at the bottom of the comp. Import the brick wall image, drag it just above the black solid, and duplicate it. Set the upper wall layer’s Track Matte to Alpha Matte and reference the logo layer above it. This automatically turns visibility for that logo layer off, so click the eyeball to restore its visibility. The wall is too saturated, so lower the bottom wall layer’s opacity accordingly (try 10%).

Adding more neon elements to your sign is as simple as importing the artwork, adding it to your master logo comp, and applying the glow, flickering, and neon plasma effects. If your new artwork uses thinner lines, reduce the Inner Glow size. If the Outer Glow on your artwork looks flat, increase the Range setting slightly. This controls the gradient between the core and outer edges of the glow. Finally, give your sign some personality by turning a neon element briefly off or on in its precomp. For example, you could open the Eyes precomp and trim the Right Eye Top layer to a couple dozen frames so the right eye winks rather than remaining lit. Try to make the moon briefly turn off.

With Adobe Stock, you have access to more than 100 million high-quality, royalty-free images including photos, graphics, videos, and templates to jump-start your creative projects. Try Adobe Stock and get 10 free images.

Источник

Как сделать эффект свечение в After Effects

Всем привет, дорогие читатели. Сегодня мы в очередной раз хотим поговорить об Adobe After Effects. А именно, мы хотим рассказать вам, как добиться эффекта свечения в этой программе.

Итак, в качестве исходника мы возьмем рандомный видеоролик по майнкрафту. Загружаем его в программу, после чего сразу же делаем его копию, комбинацией СTRL+D.

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

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

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

Кстати говоря, эффект свечения – это чуть ли не единственный эффект, на который мы не сможем дать вам 100% настроек. Ведь все будет зависеть исключительно от композиции, на которую вы его накладываете. Собственно, в левой части экрана есть подробные настройки эффекта. Поэкспериментируйте, чтобы выбрать самый оптимальный для себя.

Источник

Как добиться реалистичного свечения в After Effects с помощью Deep Glow

Пресет Deep Glow

Deep Glow — это пресет для After Effects, который доступен для покупки на Videohive.net.

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

Сравнение обычного и глубокого свечения

Также рекомендуется использовать пресет с высокой глубиной цвета (16 или 32) и с линейным рабочим пространством, чтобы получить еще более реалистичный спад цвета. Эти корректировки вы можете сделать в настройках проекта After Effects.

Хотя вам не нужно этого делать, если ваши результаты выглядят более привлекательно. Когда я работаю в линейном рабочем пространстве, я предпочитаю рабочее пространство HDTV (Rec. 709), с включенным Linearize.

Настройки проекта

Советы и хитрости

Чтобы добиться еще больших результатов от пресета Deep Glow, примените корректирующий слой над всеми слоями в композиции, а затем примените эффект Noise.

Установите уровень Noise на 1% или 2%, это поможет предотвратить цветовой бандинг, когда видео сжимается и размещается в сети Интернет.

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

Deep Glow

Источник

Эффекты цветокоррекции

14 июля будет прекращена поддержка панели Adobe Color Themes в Photoshop, Illustrator, InDesign и After Effects. Дополнительные сведения см. в разделе Окончание поддержки панели Adobe Color Themes.

1. Руководство пользователя After Effects
2. Выпуски бета-версии
   1. Обзор программы бета-тестирования
   2. Домашняя страница бета-версии After Effects
3. Начало работы
   1. Начало работы с After Effects
   2. Новые возможности After Effects
   3. Сведения о выпуске | After Effects
   4. Системные требования для After Effects
   5. Сочетания клавиш в After Effects
   6. Поддерживаемые форматы файлов | After Effects
   7. Рекомендации по аппаратному обеспечению
   8. Планирование и настройка
   9. Настройка и установка
4. Рабочие среды
   1. Общие элементы пользовательского интерфейса
   2. Знакомство с интерфейсом After Effects
   3. Рабочие процессы
   4. Рабочие среды, панели управления, программы просмотра
5. Проекты и композиции
   1. Проекты
   2. Основы создания композиции
   3. Предварительная композиция, вложение и предварительный рендеринг
   4. Просмотр подробных сведений о производительности с помощью инструмента «Профайлер композиций»
   5. Модуль рендеринга композиций CINEMA 4D
6. Импорт видеоряда
   1. Подготовка и импорт неподвижных изображений
   2. Импорт из After Effects и Adobe Premiere Pro
   3. Импорт и интерпретация видео и аудио
   4. Подготовка и импорт файлов 3D-изображений
   5. Импорт и интерпретация элементов видеоряда
   6. Работа с элементами видеоряда
   7. Метаданные XMP
7. Работа с текстом и графикой
   1. Текст
      1. Форматирование символов и панель символов
      2. Эффекты текста
      3. Создание и редактирование текстовых слоев
      4. Форматирование абзацев и панель «Абзац»
      5. Экструзия слоев текста и слоев-фигур
      6. Анимация текста
      7. Примеры и ресурсы для текстовой анимации
      8. Шаблоны динамического текста
   2. Анимационный дизайн
      1. Работа с шаблонами анимационного дизайна в After Effects
      2. Использование выражений для создания раскрывающихся списков в шаблонах анимационного дизайна
      3. Работа с основными свойствами для создания шаблонов анимационного дизайна
      4. Замена изображений и видео в шаблонах анимационного дизайна и основных свойствах
8. Рисование, заливка цветом и контуры
   1. Обзор слоев-фигур, контуров и векторных изображений
   2. Инструменты рисования: «Кисть», «Штамп» и «Ластик»
   3. Как изменить обводку фигуры
   4. Атрибуты фигур, операции заливки цветом и операции с контурами для слоев-фигур
   5. Использование эффекта фигуры «Cмещение контура» для изменения фигур
   6. Создание фигур
   7. Создание масок
   8. Удаление объектов из видеоматериалов с помощью панели «Заливка с учетом содержимого»
   9. Инструменты «Кисть для ротоскопии» и «Уточнить подложку»
9. Работа со слоями
   1. Выделение и упорядочивание слоев
   2. Режимы наложения и стили слоев
   3. 3D-слои
   4. Свойства слоя
   5. Создание слоев
   6. Управление слоями
   7. Маркеры слоя и маркеры композиции
   8. Камеры, освещение и точки обзора
10. Анимация, выбор основных кадров, отслеживание движения и прозрачное наложение
    1. Анимация
       1. Основы анимации
       2. Анимация с помощью инструментов «Марионетка»
       3. Управление и анимация контуров фигур и масок
       4. Анимация фигур Sketch и Capture с помощью After Effects
       5. Инструменты анимации
       6. Работа с анимацией на основе данных
    2. Ключевой кадр
       1. Интерполяция ключевого кадра
       2. Установка, выбор и удаление ключевых кадров
       3. Редактирование, перемещение и копирование ключевых кадров
    3. Отслеживание движения
       1. Отслеживание и стабилизация движения
       2. Отслеживание лиц
       3. Отслеживание маски
       4. Ссылка на маску
       5. Скорость
       6. Растягивание по времени и перераспределение времени
       7. Тайм-код и единицы отображения времени
    4. Прозрачное наложение
       1. Прозрачное наложение
       2. Эффекты прозрачного наложения
11. Прозрачность и композиция
    1. Обзор композиции и прозрачности и соответствующие ресурсы
    2. Альфа-каналы, маски и подложки
12. Корректирование цвета
    1. Основы работы с цветом
    2. Использование расширения Adobe Color Themes
    3. Управление цветом
    4. Эффекты цветокоррекции
13. Эффекты и стили анимации
    1. Обзор эффектов и стилей анимации
    2. Список эффектов
    3. Эффекты имитации
    4. Эффекты стилизации
    5. Аудиоэффекты
    6. Эффекты искажения
    7. Эффекты перспективы
    8. Эффекты канала
    9. Эффекты создания
    10. Эффекты перехода
    11. Эффект «Устранение эффекта плавающего затвора»
    12. Эффекты «Размытие» и «Резкость»
    13. Эффекты 3D-канала
    14. Программные эффекты
    15. Эффекты подложки
    16. Эффекты «Шум» и «Зернистость»
    17. Эффект «Увеличение с сохранением уровня детализации»
    18. Устаревшие эффекты
14. Выражения и автоматизация
    1. Выражение
       1. Основы работы с выражениями
       2. Понимание языка выражений
       3. Использование элементов управления выражениями
       4. Различия в синтаксисе между движками выражений JavaScript и Legacy ExtendScript
       5. Управление выражениями
       6. Ошибки выражения
       7. Использование редактора выражений
       8. Использование выражений для изменения свойств текста и доступа к ним
       9. Справочник языка выражений
       10. Примеры выражений
    2. Автоматизация
       1. Автоматизация
       2. Сценарии
15. Видео с погружением, VR и 3D
    1. Создание сред VR в After Effects
    2. Применение видеоэффектов с эффектом погружения
    3. Инструменты составления композиций для видеоизображений VR/360
    4. Отслеживание движений камеры в трехмерном пространстве
    5. Пространство для работы с трехмерными объектами
    6. Предварительный просмотр изменений в 3D-дизайнах в режиме реального времени с помощью модуля режима реального времени
    7. Добавление гибкого дизайна в графику
16. Виды и предварительный просмотр
    1. Предварительный просмотр
    2. Предпросмотр видео с помощью Mercury Transmit
    3. Изменение и использование представлений
17. Рендеринг и экспорт
    1. Основы рендеринга и экспорта
    2. Экспорт проекта After Effects как проекта Adobe Premiere Pro
    3. Преобразование фильмов
    4. Многокадровый рендеринг
    5. Автоматический рендеринг и рендеринг по сети
    6. Рендеринг и экспорт неподвижных изображений и наборов неподвижных изображений
    7. Использование кодека GoPro CineForm в After Effects
18. Работа с другими приложениями
    1. Dynamic Link и After Effects
    2. Работа с After Effects и другими приложениями
    3. Синхронизация настроек в After Effects
    4. Совместная работа с помощью проектов группы
    5. Общий доступ к изменениям и управление ими вместе с соавторами проекта группы
    6. Библиотеки Creative Cloud Libraries в After Effects
    7. Подключаемые модули
    8. CINEMA 4D и Cineware
19. Память, хранилище, производительность
    1. Память и хранилище
    2. Повышение производительности
    3. Установки
    4. Требования к графическому процессору и драйверу графического процессора для After Effects

Общие сведения о цветокоррекции, включая ссылки на руководства и другие ресурсы, см. в разделе Цветокоррекция и настройка цвета.

Эффекты сторонних разработчиков в этой категории, включенные в After Effects:

Эффект нейтрализации цвета CC

Эффект «Цвет Lumetri»

В After Effects предоставляются профессиональные инструменты «Цвет Lumetri» для цветокоррекции, которые позволяют обрабатывать видеоряд непосредственно на панели «Таймлайн». Получить доступ к эффекту «Цвет Lumetri» можно в категории «Цветокоррекция» меню «Эффекты» и на панели «Эффекты и шаблоны». Эффект «Цвет Lumetri» задействует аппаратное ускорение графического процессора для повышения производительности. С помощью этих инструментов можно настроить цвет, контрастность и свет в эпизодах посредством инновационных процессов. Интеграция редактирования и цветокоррекции позволяет свободно переключаться между задачами редактирования и цветокоррекции. Для этого не требуется выполнять экспорт или запускать отдельное приложение для цветокоррекции.

Рабочая среда «Цвет» предназначена не только для опытных колористов, но и для редакторов, которые пока не овладели мастерством цветокоррекции. Можно применять простые цветокоррекции или сложные представления Lumetri Look с помощью интуитивно понятных ползунков и элементов управления. Также можно легко настроить монтажи или отрегулировать оттенки с помощью расширенных инструментов цветокоррекции, таких как кривые и цветовые круги.

Этот эффект работает с цветом 8 бит, 16 бит и 32 бит на канал.

Выборочная коррекция цвета с помощью кривых цветокоррекции

Кривые цветокоррекции позволяют редакторам и колористам точно и адресно управлять корректировкой определенных диапазонов цветов. Доступ к этим кривым можно получить с панели «Цвет Lumetri». Например, кривые Оттенок или яркость и Оттенок или оттенок позволяют быстро и точно управляют яркостью и отдельным цветовым тоном (цветом) любого цвета в видеоклипе.

Например, у вас есть несколько цветных карандашей — красный, зеленый и голубой, и для соответствия палитре цветов вам требуется голубой более темного оттенка. Можно выбрать голубой и с помощью кривой «Оттенок или яркость» сделать его темнее. Это изменение не затрагивает другие цвета на изображении.

Кривые RGB

Кривые RGB позволяют настроить яркость и тоновые диапазоны в клипе с помощью кривых.

• Основная кривая управляет яркостью. Первоначально основная кривая представлена в виде прямой белой диагональной линии. Верхняя правая часть линии представляет блики, а нижняя левая часть — тени.
• Настройка основной кривой корректирует значения сразу всех трех каналов RGB. Также можно селективно настроить тональное значение только для красного, зеленого или синего канала. Чтобы настроить различные тональные области, добавляйте контрольные точки непосредственно на кривую.
• Щелкните линию кривой и перетащите контрольную точку, чтобы скорректировать тональную область. Перемещение контрольной точки вверх или вниз делает корректируемую тональную область светлее или темнее. Перемещение контрольной точки влево или вправо увеличивает или уменьшает контрастность.
• Чтобы удалить контрольную точку, удерживайте клавишу Ctrl (Windows) или Cmd (Mac OS) и щелкните нужную контрольную точку.

Кривые насыщенности и цветового тона

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

• Оттенок или оттенок — выберите цвет (тон) на изображении и замените его другим оттенком.
• Оттенок или насыщенность — измените насыщенность цвета на изображении.
• Оттенок или яркость — измените яркость цвета на изображении.
• Насыщенность или насыщенность — выберите и отрегулируйте диапазон насыщенности в пределах исходной насыщенности изображения.
• Яркость или насыщенность — выберите диапазон яркости и отрегулируйте насыщенность в нем.

Настройка кривых оттенка и насыщенности

На панели Таймлайн выберите клип для корректировки. Выберите Эффекты > Цветокоррекция > Цвет Lumetri . Этот пункт меню также имеется на панели Эффекты и шаблоны в разделе Цветокоррекция .

На панели Элементы управления эффектами в эффекте Цвет Lumetri разверните пункт Кривые . Программа After Effects откроет два параметра:

• Кривая RGB
• Кривые цвет. тона/насыщенности

Откройте кривые оттенка и насыщенности. Все цветовые кривые отображаютcz под этим пунктом. Для корректировки отснятого материала можно использовать все цветовые кривые и даже одну кривую.

Источник