Tv effects after effects: Bad TV — aescripts + aeplugins

Crt_input_label_help

Работа 18+

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адресе, помогающих нам сделать его удобнее для вас.

Практическое руководство по созданию глитч эффекта в After Effects / Skillbox Media

Дизайн

#Руководства

• 29 июл 2019
• 16

Продолжаем серию уроков по работе с After Effects. На этот раз покажем, как сделать глитч-эффект.

 vlada_maestro / shutterstock

Степан Степанов

Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.

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

Рассмотрим два способа создания этого эффекта:

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

Для начала создайте новый проект: File — New — New Project.

Теперь композицию.

Настройте, как на скриншоте.

Движемся дальше.

Создайте новый текстовый слой в контекстном меню на панели слоев: New — Text.

Наберите слово Skillbox и расположите его по центру.

Чтобы создать glitch effect, будем использовать готовый футаж — его можно найти в свободном доступе по запросу screen glitch. Выберите ролик и импортируйте в свой проект. На панели Project откройте контекстное меню и выберите пункт Import — File.

Переместите футаж выше текстового слоя. Он нужен для смещения текста по горизонтали/вертикали и создания глитча.

Этот слой нужно скрыть.

Добавьте корректирующий слой: New — Adjustment Layer.

На панели Effects & Presets выберите эффект Displacement Map и перенесите его на только что созданный корректирующий слой Adjustment Layer.

Действие перенесет нас в настройки. В стеке Displacement Map Layer выбираем футаж.

Далее укажите настройки смещения — например, такие.

Просмотреть результат можно двумя способами — на панели Preview нажмите Play, на Timeline — пробел.

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

Рассмотрим второй способ создания глитча с добавлением эффекта старого телевизора и смещением цветовых слоев. Начало почти такое же, как и в первом способе: создаем новый проект и композицию, настраиваем.

Перед созданием текстового слоя сделайте слой сплошной заливки Solid — на панели слоев в контекстном меню выберите New — Solid. Цвет поставьте #121212.

Теперь добавьте новый текстовый слой и наберите Skillbox, расположите его по центру.

Следующий шаг — настройка появления текста. Для этого выберите слой с текстом и нажмите клавишу S, откроется свойство Scale. Расположите ключевые кадры, как показано ниже. Выберите значения, например, можно взять такие: первого ключевого кадра — 407, второго — 100. Вы можете задать свои значения, главное — чтобы текст немного выходил за пределы экрана, а затем возвращался в исходное положение. Вот так:

Затем выделите оба кадра и нажмите F9, чтобы активировать Easy ease для более плавного появления текста.

Аналогично настройте значение прозрачности Opacity. Нажмите клавишу T и создайте два ключевых кадра, как на скриншоте. Для первого укажите параметр — 0, для второго — 100%. Текст будет меняться от абсолютно прозрачного до абсолютно непрозрачного. Не забудьте активировать Easy ease, выделив ключевые кадры и нажав F9.

Должно получиться так:

Теперь настройте график Easy ease. Не снимая выделение с кадров, нажмите на Graph Editor в правом верхнем углу панели слоев и отрегулируйте кривую графика, как показано ниже. График строим именно так, чтобы анимация плавно начиналась, затем разгонялась — как будто вы едете с горы, и так же плавно, как и вначале, завершалась.

Чтобы поработать с этим слоем более гибко, сделайте Pre-compose — это можно сравнить с группировкой слоев в Photoshop. Так легче добавлять анимацию и эффекты ко всем слоям композиции. Функция вызывается в контекстном меню на слое с текстом.

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

Создайте слой Solid на панели слоев, назовите Glitch Effect и сделайте Pre-compose. Время поработать с композицией — откройте ее двойным щелчком. На панели Effects & Presets выберите Fractal Noise, особый эффект для создания фона, и перенесите его на слой Glitch Effect.

Перейдите к настройкам Fractal Noise. Выставите значения, как на скриншоте. Чтобы настроить Evolution, нажмите на иконку секундомера с зажатой клавишей Alt, а где Timeline, введите time*4000. Ваш фон оживет.

Нажмите на пробел и посмотрите, что получилось.

Фон готов. Приступим к созданию глитч-эффекта.

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

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

К корректирующему слою добавьте эффект Displacement Map и настройте его. В стеке Displacement Map Layer выберите Glitch Effect Comp 2 — это композиция с созданным фоном. Укажите значение горизонтального и вертикального смещения.

Оцените промежуточный вариант.

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

Для этого скопируйте корректирующий слой Adjustment Layer — столько раз, сколько вам нужно. Для каждой копии настройте тайминг: именно на столько времени эффект искажения будет появляться на экране.

Для этого выберите корректирующий слой и нажмите сочетание клавиш Ctrl+Shift+D. Но перед этим переместите индикатор текущего времени в панели Timeline на одну секунду.

Затем переместите индикатор на несколько кадров вперед и cкопируйте слой еще раз — Ctrl+Shift+D. Удалите ненужные слои, как показано на гифке ниже. А оставшийся слой продублируйте два раза, нажав Ctrl+D.

Посмотрите, что получилось.

Для каждого отрезка глитч-эффекта можно настроить свои параметры. Например, так.

Создайте новый корректирующий слой New — Adjustment Layer и назовите его Old TV. Перейдите на панель эффектов Effects & Presets и выберите эффект BAD TV2 — Old, перенесите его на слой Old TV.

Получилось так.

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

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

Осталось навести самую красоту — смещение цвета.

Добавьте три копии текстового слоя Skillbox comp 1, нажав Ctrl+D, и назовите их Skillbox comp R, Skillbox comp G, Skillbox comp B.

Чтобы увидеть эффект смещения всех текстовых слоев, выберите Mode — Screen. Если не отображается колонка Mode, нажмите F4.

Теперь добавим каждому текстовому слою свой цвет — красный, зеленый и синий. Перейдите на панель эффектов Effects & Presets и выберите Fill, назначьте его каждому текстовому слою, кроме основного.

В свойствах эффекта выберите свой цвет для каждого слоя: R — красный, G — зеленый, B — синий.

Увеличьте масштаб области Timeline для точной расстановки ключевых кадров. Изменим позиции цветных текстовых слоев, зажав Alt и прокрутив колесико мыши.

Масштаб можно поменять и в нижней области Timeline. На ваш вкус.

Выберите слой Skillbox comp R, нажмите P и расставьте ключевые кадры, как показано на скриншоте. Для ключевого кадра, который находится между двумя крайними, выставите значение 960, 540. Это делается затем, чтобы произошло смещение слоя относительно основного.

Выделите ключи и нажмите F9 — Easy ease. Не снимайте выделение, скопируйте кадры и вставьте в оставшиеся два текстовых слоя. Свойство Position должно быть включено.

Посмотрите, что получилось:

А вот такой вариант получится, если не вносить корректировки.

Добавим дескриптор к тексту. Создайте новый текстовый слой и напишите «онлайн-университет». У меня получилось вот так:

На дескриптор я добавил один из моих любимых эффектов — Random Fade Up.

Вот что получилось в финале:

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

Профессия Графический дизайнер

Вы узнаете, как создавать айдентику бренда в вебе и для печати. Научитесь работать в Illustrator, Photoshop, InDesign и Figma. Добавите в портфолио плакаты, логотипы, дизайн мерча и другие сильные проекты. Начнёте карьеру в студии или на фрилансе.

Узнать про курс

Учись бесплатно:
вебинары по&nbspпрограммированию, маркетингу и&nbspдизайну.

Участвовать

Adobe представила виртуальную гримёрку Дэвида Боуи 28 дек 2022

Яёи Кусама сделала коллаборацию с Louis Vuitton 27 дек 2022

Дизайнеры представили новую схему московского метро 2030 года 26 дек 2022

Понравилась статья?

Да

Digital Distortion — Бесплатный шаблон AE

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

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

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

Если вы хотите добавить в свои видео зернистость, зернистость и гранж, вам поможет Digital Distortion. Мы упаковали этот бесплатный шаблон After Effects с 9 различными эффектами искажения, все из которых настраиваются с помощью простого в использовании ползунка. Комбинируйте различные параметры, чтобы создать полностью свой собственный образ. Используйте эти эффекты с видеозаписями или добавляйте их в анимированную графику.

Там, где другие сайты продают наборы искажений и гранжей за сотни долларов, мы дарим шаблон Digital Distortion After Effects бесплатно! Просто подпишитесь на информационный бюллетень RocketStock ниже , и мы немедленно отправим вам электронное письмо для загрузки. ПЛЮС, мы ежемесячно будем присылать вам по электронной почте один бесплатный продукт AE высокого качества. Мы не будем заполнять ваш почтовый ящик спамом — только совершенство моушн-дизайна.

Что включено в этот бесплатный шаблон After Effects?

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

After Effects: Noise

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

After Effects: Color Boxes

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

After Effects: Мерцание

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

After Effects: Настройка

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

After Effects: Turbulence

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

After Effects: Смешение пикселей

Хотите, чтобы в вашем видео было больше искажений в стиле 21 века? Затем включите эффект Pixel Blending. Этот эффект анализирует кадры до и после, чтобы найти общие черты пиксельного цвета. Это тонко, но если вы хотите придать своему видео вид, вдохновленный кодеком, это отличный вариант.

After Effects: Rolling Bars

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

After Effects: Хроматическая аберрация

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

After Effects: Color TV Pixels

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

Corruption: 120 элементов искажения и 20 звуковых эффектов

Хотите больше таких элементов искажения? Ознакомьтесь с нашим пакетом Corruption — 120 элементов дисторшна и 20 звуковых эффектов, предназначенных для видеозаписи в формате 4K. Пакет включает в себя 30 фонов, 15 логотипов, 30 переходов и 45 наложений. Взгляните на коррупцию в действии.

Rowbyte — TV Distortion Bundle

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

В комплект входят следующие подключаемые модули.

Сбой данных

Сбой данных — это все о современных артефактах сбоя сжатия. Он с легкостью создает потрясающие реалистичные цифровые изображения. Что-то, что вы могли бы увидеть во время спутниковой или кабельной передачи или с поврежденного диска. Плагин Bad TV отлично подходит для аналогового телевидения, но в наши дни вы вряд ли увидите что-то аналоговое. Этот плагин имитирует реалистичный цифровой эффект сбоя. В реальной жизни большинство сбоев происходит из-за проблем с кодированием/декодированием, а иногда и из-за повреждения данных. Этот плагин делает именно это. Он кодирует данные, искажает данные, а затем декодирует их, как в реальной жизненной ситуации.

Основные характеристики:

• Поддержка цветовых пространств YUV и RGB
• Управление сжатием изображения с дополнительной картой изображения.
• 4 разных глюка: Сканирование, Блокировка, Смещение и Прямоугольник.
• Индивидуальный контроль каждого глюка с управлением по каналам.
• Управление случайным начальным числом для каждого канала.
• Альфа-поддержка ошибок, отлично подходит для шрифтов и логотипов.
• Поддержка After Effects и Premiere Pro.
• Управление шаблоном глюков.
• Артефакты сжатия на лету.
• Создавайте потрясающие переходы с легкостью.

Bad TV

Bad TV позволяет создавать искажения аналогового ТВ на отснятом материале в After Effects и Premiere Pro. Вы можете с легкостью создавать рассинхронизированные и сильно искаженные видео. Лучше всего то, что карты смещения не требуются!

Основные характеристики:

• Создает линии развертки различной толщины для создания эффекта ленты DV.
• Создает смещение синхронизации по вертикали и горизонтали, которое вызывает эффект дрожания, характерный для старых телевизоров.
• Карты смещения не требуются.
• Автоматически создает искажение на основе входных параметров.
• Ручной контроль времени, если необходимо.

Отдельный RGB

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

Основные характеристики:

• Смещение/вращение/масштабирование и размытие отдельных каналов R,G,B.
• Создать дисторсию объектива на канал для легкого эффекта хроматической аберрации.
• Канальные слои/прекомпозиции не требуются.
• Автоматически расширяет границы.

Точечные пиксели

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

Основные характеристики:

• Разбивается на круги и кольца.
• Опция затенения для имитации сферических и тороидальных объектов.
• Поддержка 32-битных чисел с плавающей запятой (только AE).

TVPixel

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

Основные характеристики:

• Разбивается на пиксели R, G, B, как настоящий телевизор/ЖК-экран.
• Пользовательские параметры размера пикселя.
• Поддержка 32-битных чисел с плавающей запятой (только AE).

Купить сейчас

(Распространяется aescripts + aeplugins)

Совместимость:

Плагины TV Distortion Bundle совместимы с Adobe After Effects и Adobe Premiere Pro CS5, CS5.