Как нарисовать эффект глюка

Создаём Потрясающий Фото Эффект Глюка в программе Adobe Photoshop

Фото эффекты — это отличный способ попрактиковаться и использовать свои навыки работы в программе Photoshop. В этом уроке вы узнаете, как создать интересный эффект глюка, используя инструменты выделения, фильтр Волна и многое другое!

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

Основы Деффекта Глюк: Что Вам Необходимо Знать

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

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

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

• Рваные края или волны
• Застывшее или статичное визуальное восприятие
• Инвертированные цвета

Поищите вдохновение через поиск Google, держите эти ссылки под рукой. Часто обращайтесь к ним, чтобы поэкспериментировать с этим стилем для себя, или воспользуйтесь поддержкой профессиональных дизайнеров от Envato Studio.

Альтернативная версия. Подберите исходные изображения, чтобы воссоздать данный эффект! Данное изображение доступно на сайте Freepik.

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

1. Подготавливаем Фотографию

Шаг 1

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

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

Откройте исходное изображение в программе Photoshop. Дважды щёлкните по данному слою, чтобы разблокировать его, а затем создайте новый слой. Чтобы создать новый слой, нажмите клавиши (Ctrl+Shift+N). Расположите новый слой ниже слоя с исходным изображением. Установите цвет переднего плана на белый цвет, а затем залейте новый слой белым цветом с помощью инструмента Заливка (Paint Bucket Tool (G).

Шаг 2

Выберите инструмент Магнитное лассо (Magnetic Lasso Tool (L). Данный инструмент поможет вам легко выделить контур вдоль изображения модели. Используйте Магнитное лассо (Magnetic Lasso Tool (L), чтобы полностью выделить изображение модели. Как только вы закончите, щёлкните правой кнопкой мыши по выделенной области и в появившемся окне, выберите опцию Скопировать на новый слой (Layer via Copy), чтобы скопировать выделенное изображение модели на новый слой.

Не удаляйте исходное изображение. Конечный результат будет включать оригинальный слой с фотографией.

Шаг 3

Перейдите на оригинальный слой с фотографией. С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), уменьшите изображение заднего фона таким образом, чтобы были видны белые полоски по бокам.

В качестве альтернативы, если на вашем исходном изображении нет цветного фона, то вы можете добавить его с помощью инструмента Прямоугольник (Rectangle Tool (U), как показано на примере ниже.

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

2. Обесцвечиваем Фотографию

Шаг 1

Продолжаем дальше, давайте обесцветим данную фотографию для усиления монохромной цветовой палитры. Перейдите на слой с выделенным изображением модели, а затем идём Изображение — Коррекция- Цветовой тон/ Насыщенность (Image > Adjustments > Hue & Saturation). Уменьшите значение Насыщенности (Saturation) до -95, чтобы удалить основную часть цвета на фотографии.

Шаг 2

Вы можете дополнительно провести коррекцию с помощью Уровней (Levels). Ещё раз перейдите на слой с выделенным изображением модели, а затем идём Изображение — Коррекция — Уровни (Image > Adjustments > Levels). В окне настроек Уровней (Levels), установите следующие значения для RGB канала, которые указаны ниже:

• Входное значение для Тени (Shadow Input Level): 0
• Входное значение для Средних тонов (Midtone Input Level): 0.92
• Входное значение для Света (Highlight Input Level): 255
• Выходные значения (Output Levels): 17, 255

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

3. Создаём Линейное Искажение Глюка

Шаг 1

Следующая часть данного эффекта — это воссоздание зазубренного искажения на фотографии, которое создаёт визуальное ощущение сдвига изображения. Для этого, выделите оригинальный слой с фотографией и слой с выделенным изображением модели, а затем объедините выделенные слои вместе.

Шаг 2

Теперь выберите инструмент Прямоугольная область (Rectangular Marquee Tool (M). Находясь на объединённом слое, создайте два тонких выделения. Вначале, создайте выделение в нижней части изображения, а затем удерживая клавишу (Shift), добавьте ещё одно выделение в верхней части изображения.

Нажмите клавишу ‘V’, чтобы переключиться на инструмент Перемещение (Move Tool). Используйте клавишу со стрелкой влево, чтобы сдвинуть выделения влево. Вам, возможно, придётся нажать клавишу несколько раз или нажмите и удерживайте её некоторое время, чтобы получить желаемый результат.

Шаг 3

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

Ещё раз с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте ещё выделения, сдвиньте их в различных направлениях, используя клавиши со стрелками влево и вправо. (Примечание переводчика: не обязательно создавать выделение вдоль всей ширины фотографии, вы можете создать короткие выделения, создав небольшие прямоугольники на краях изображения). В данном случае, я создал ещё два выделения, а затем сместил их немного вправо.

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

Шаг 4

Давайте немного ускорим процесс! Создайте ещё прямоугольные выделения, а затем с помощью инструмента Перемещение (Move Tool (V), сдвиньте различные выделенные участки за пределы изображения. Варьируйте толщину выделенных прямоугольников, чтобы эффект выглядел более естественным.

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

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

Когда вы завершите работу над всеми линейными глюками, эффект должен выглядеть, как на скриншоте ниже:

4. Создаём Волнообразное Искажение Глюков

Шаг 1

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

Для этого нам понадобится фильтр Волна (Wave). Вначале, объедините оригинальный слой с изображением и дубликат слоя со всеми глюками. (Примечание переводчика: оригинальный слой в данном случае- объединённый слой). Далее, нажмите клавиши (Ctrl+J), чтобы создать дубликат слоя, чтобы далее создать эффект искажения волна.

Шаг 2

Находясь на дубликате слоя, создайте несколько выделений большого размера с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), точно так же, как вы проделывали это ранее. Обратите внимание, что я пытаюсь создать обрамление вокруг изображения модели, поэтому не выделяйте участки непосредственно в центре изображения.

Теперь идём Фильтр — Искажение — Волна (Filter > Distort > Wave). Установите следующие настройки, которые указаны на скриншоте ниже, чтобы придать волнообразный эффект к только что созданным выделения.

Шаг 3

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

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

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

Шаг 4

Завершая работу над данным эффектом, усильте эффекты в верхней и в нижней части фотографии. Вначале выделите нижнюю часть изображения с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), а затем примените фильтр Волна (Wave Filter) со следующими настройками.

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

Результат со всеми линейными и волнообразными глюками. Давайте перейдём к заключительным штрихам!

5. Создаём Простой 3D Эффект

Шаг 1

Теперь приступаем к 3D цветовым эффектам! Так же, как и ранее, вначале объедините все слои с глюками, при этом сохраняя белый задний фон, таким образом, у вас останется только два слоя в палитре слоёв. Далее, дважды нажмите клавиши (Ctrl+J), чтобы создать два дубликата объединённого слоя.

Шаг 2

Отключите видимость двух верхних слоёв. Далее, щёлкните правой кнопкой мыши по первому слою («объединённому») и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Уберите галочку в окошке ‘G’, или Зелёный Канал (Green Channel) в настройках Дополнительные параметры (Advanced Blending.

Теперь включите видимость двух верхних слоёв, а затем повторите весь процесс. На этот раз уберите галочку в окошке Красный Канал (Red Channel) для первого дубликата слоя, а затем уберите галочку в окошках Красного (Red) и Зелёного Канала (Green Channels) для второго дубликата слоя.

Шаг 3

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

На скриншоте ниже, вы можете увидеть весь процесс.

Шаг 4

Мы почти завершили урок! Чтобы добавить вид линий экрана к данному эффекту, перейдите на самый верхний слой (второй дубликат слоя), далее, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Добавьте стиль слоя Наложение узора (Pattern Overlay), используя стандартный узор Горизонтальная линия. Установите остальные настройки, которые указаны на скриншоте ниже.

Т.к. слой имеет синий тон, а режим наложения для добавленного стиля слоя установлен на Мягкий свет (Soft Light), то это также придаст нашему изображению красивый синий тон.

Шаг 5

Чтобы завершить этот потрясающий эффект глюка, нам нужно выполнить всего лишь один заключительный шаг. Создайте новый слой, поменяйте режим наложения для данного слоя на Затухание (Dissolve). В этом шаге мы используем инструмент Кисть (Brush Tool (B), чтобы прокрасить красным оттенком #5e220a нижнюю часть изображения, чтобы создать крошечные частицы в качестве заключительного эффекта глюка. Откорректируйте степень Непрозрачности (Opacity) слоя, если будет необходимость. В данном случае, я уменьшил значение непрозрачности до 8%.

На этом всё! Итоговый результат вы можете увидеть на скриншоте ниже.

Заключение

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

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

Источник