Как создать эффект глюка в Photoshop

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

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

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

Есть два метода, которыми мы поделимся для создания эффекта сбоя в Photoshop:

1. Ручной метод
2. Glitch-a-tron (бесплатный экшен Photoshop, который вы можете скачать!)

Ручной метод фотошопа

Чтобы создать следующие эффекты, убедитесь, что ваш документ находится в 8-битном режиме. Для этого выберите Image > Mode > 8bits/Channel .

Откройте свое изображение и создайте смарт-объект

Откройте файл в Photoshop. (Я буду использовать эту фотографию местного робота!) Для начала щелкните правой кнопкой мыши изображение и выберите « Преобразовать в смарт-объект » или выберите « Слой» > «Смарт-объекты» > «Преобразовать в смарт-объект ».

Создать волну

Дублируйте этот слой, щелкнув правой кнопкой мыши и выбрав « Дублировать слой», чтобы у вас был оригинал, к которому можно вернуться. Назовите этот слой «смещение», а другой — «оригинал».

Теперь, с выбранным слоем «смещение», выберите « Фильтр» > «Искажение» > «Волна» . Для этого слоя мы создадим тонкий эффект.

Вы можете настроить любой из этих параметров по своему усмотрению, но для этого я собираюсь установить количество генераторов равным 1. Затем измените длину волны на минимум 279 и максимум на 695, а амплитуду на минимум 162 и максимум до 441. Я также установил Масштаб на 3% по горизонтали и 1% по вертикали. Убедитесь, что для параметра « Тип » установлено значение « Квадрат », и включите « Повторять пиксели края » в разделе «Неопределенные области ». После того, как у вас есть этот набор, вы можете нажимать рандомизировать, пока не увидите предпочтительный предварительный просмотр. Вы можете увидеть больше настроек, которые я выбрал на изображении ниже. Это просто дает роботу небольшой эффект смещенной коробки!

(Необязательно) Создайте более драматичный эффект с помощью другой волны.

Создайте еще одну волну на том же слое «смещения», используя те же шаги. На этот раз я собираюсь немного изменить настройки и установить количество генераторов равным 1. Затем измените длину волны на минимум 301 и максимум на 884, затем измените амплитуду на минимум 301 и максимум на 699. Я также установил масштаб на 2% по горизонтали и 1% по вертикали. Это придает роботу еще более искаженный вид.

Создайте искаженную обтравочную маску

Дублируйте исходный слой и назовите его «дополнительно». Чтобы увидеть свой выбор, измените порядок слоев, переместив «дополнительные» наверх. Используя Rectangular Marquee Tool , выберите различные части и размеры вашего изображения, которые вы хотите исказить, удерживая нажатой клавишу Shift. Ключом к получению действительно отличного эффекта является выбор всего вашего изображения.

Когда вы будете довольны своим выбором, создайте маску с помощью кнопки « Добавить маску слоя » в нижней части панели слоев.

Теперь на дополнительном слое с выбранным изображением (не маской) добавьте еще две волны к дополнительному слою с помощью Фильтр > Искажение > Волна с теми же настройками, что и в предыдущем шаге.

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

Добавить расширенные параметры смешивания

Теперь примените расширенные параметры смешивания как к слою «extras», так и к слою «offset». Сначала выберите слой «смещение». В нижней части окна слоев нажмите кнопку « Добавить стиль слоя » с надписью «fx». Затем в разделе « Параметры наложения» > «Расширенное наложение » отключите красный (или R) канал.

Повторите этот же шаг для слоя «extras».

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

Создать эффект линий

Создайте новый слой с помощью Layer> New Layer и назовите его «линии». Залейте его белым цветом, нажав Edit > Fill и в раскрывающемся списке Contents выберите White .

Затем выберите «Фильтр» > «Галерея фильтров» . В раскрывающемся списке « Эскиз » выберите « Полутоновый узор » и настройте его на желаемый эффект, но для этого примера я установил размер 1 и контрастность 30. В раскрывающемся списке « Тип узора » указано « Линии» .

Если вы хотите сделать еще один шаг, добавьте еще один фильтр, щелкнув « Новый слой эффекта » под эффектом « Полутоновый узор ». В раскрывающемся списке « Художественный » выберите « Акварель » с детализацией кисти на 14, интенсивностью теней на 0 и текстурой на 3.

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

Наконец, в окне слоев измените режим наложения на Overlay и непрозрачность до 50%.

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

Хотя это (надеюсь!) было не слишком сложно, есть способ ускорить этот процесс.

Glitch-a-tron: бесплатный экшен Photoshop!

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

Как использовать Глитч-а-трон

Установить действие

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

Чтобы перейти в окно « Действия », выберите « Окно» > «Действия» или удерживайте нажатой клавишу Shift + F9 .

Открыв окно «Действия», выберите слой изображения, к которому вы хотите применить эффект сбоя.

Выберите и воспроизведите действие

Щелкните раскрывающийся список в папке «Flywheel — Glitch-a-tron». Теперь выберите «Glitch-a-tron — Выберите и нажмите воспроизведение» и нажмите треугольную кнопку воспроизведения в нижней части окна.

Настройте изображение с помощью слоев

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

Примечание. В зависимости от размера вашего изображения вам может потребоваться изменить размер или положение маски «дополнительно», так как она оптимизирована для размеров 1080 на 1920 пикселей.

Бонус: быстро сбросить изображение

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

Перейдите к окну « История », выбрав « Окно» > «История» . Прокрутите вверх и нажмите «Снимок». Это сбрасывает все, так что все готово!

Есть так много применений для этого изящного, экономящего время ресурса. Для каких проектов вы собираетесь использовать glitch-a-tron? Оставляйте свои идеи в комментариях!

Эта статья была первоначально опубликована 20 декабря 2018 г. Последний раз она обновлялась 18 октября 2020 г.