1. Design & Illustration
  2. Theory
  3. Design Trends

Создаём Набор Глюков в Adobe Photoshop

Scroll to top
Read Time: 6 min
This post is part of a series called How to Make Glitch Art.
How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
How to Create a Glitch Effect Poster in Adobe Illustrator and Photoshop

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Ищете удивительные шрифты и дополнения Photoshop? Направляйтесь в GraphicRiver.

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

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

1. Создаём Основу для Глюков

Шаг 1

В программе Photoshop, идём Файл – Новый (File > New). Назовите документ ‘Glitch_Set’. Установите Ширину (Width) на 1270 px, а Высоту (Height) на 1600 px., Разрешение (Resolution) на 72 пикс/дюйм (Pixels/Inch). Нажмите кнопку ‘OK’.

Create a new Photoshop fileCreate a new Photoshop fileCreate a new Photoshop file

Шаг 2

С помощью инструмента Прямоугольник (Rectangle Tool (U), создайте полоску в верхней части холста. В панели управления данного инструмента, установите цвет заливки на #ff0000. В панели слоёв, продублируйте слой с нарисованным прямоугольником ‘Rectangle 1’, нажав клавиши (Ctrl+J). Поменяйте цвет заливки дубликата прямоугольника, только на этот раз на #00ff00. Расположите данный прямоугольник ниже первого красного прямоугольника. Ещё раз продублируйте слой с прямоугольником, а затем поменяйте цвет данного дубликата прямоугольника на #0000ff.

With the Rectangle Tool create horizontal lines in green blue and red colorsWith the Rectangle Tool create horizontal lines in green blue and red colorsWith the Rectangle Tool create horizontal lines in green blue and red colors

Шаг 3

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

Выделите все слои с нарисованными прямоугольниками, далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Растрировать слои (Rasterize Layers). Теперь мы можем объединить слои – поскольку все слои все ещё выделены, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers). Назовите объединённый слой ‘Main’. Теперь у нас есть основа для создания набора глюков.

Fill the all of the page with the linesFill the all of the page with the linesFill the all of the page with the lines

2. Глюк A

Шаг 1

В панели слоёв, продублируйте слой ‘Main’, для этого, перейдите на этот слой, а затем нажмите клавиши (Ctrl+J). Отключите видимость оригинального слоя ‘Main’. Находясь на только что созданном дубликате слоя, идём Фильтр – Искажение- Волна (Filter > Distort > Wave). Далее, появится окно настроек фильтра Волна (Wave) и теперь мы можем экспериментировать!

Вначале установите Тип (Type) волны на Синусоиду (Sine). Вы можете увидеть результат эффекта в окне предварительного просмотра. Установите Число генераторов (Number of Generators) на 999, Длину волны (Wavelength) на Мин. (Min.) 1 и Макс. (Max.) на 21, Амплитуду (Amplitude) на Мин. (Min.) 1 и Макс. (Max.) на 2, и Масштаб (Scale) на 100%.

Rasterize the horizontal lines and apply the Wave filterRasterize the horizontal lines and apply the Wave filterRasterize the horizontal lines and apply the Wave filter

Шаг 2

Идём Фильтр - Искажение - Искривление (Filter > Distort > Shear). Чтобы эффект глюка был похож на разрыв видеокассеты VHS, нам необходимо создать волны. В настройке Неопределённые области (Undefined Areas), выберите опцию Вставить отсечённые фрагменты (Wrap Around), а затем добавьте опорные точки на сетку—это поможет создать волны в нашей композиции. Я добавила различные точки и на мой взгляд, эффект получается наиболее эффективным, когда точки наносятся произвольно и имеют резкие развороты.

On the same layer use the Shear filterOn the same layer use the Shear filterOn the same layer use the Shear filter

Шаг 3

Мы можем оставить полученный эффект волн, как он есть или поменять его цвет с помощью слой-заливки Цвет (solid color) или корректирующего слоя Градиент (Gradient). Мы также можем создать чёрно-белый вид с помощью корректирующего слоя Чёрно-белый (Black & White) и по отдельности меняя цвет. Я сделаю это позже, поскольку это будет уместно при создании глюков С.

Давайте сгруппируем первый слой с глюком и корректирующий слой чёрно-белый (black and white) в одну группу, для этого, выделите указанные слои, а затем перетащите их на значок папки в нижней части панели слоёв. Отключите видимость слоя с группой с первым глюком и переходим к созданию глюка B.

Add a black and white adjustment layerAdd a black and white adjustment layerAdd a black and white adjustment layer

3. Глюк B

Шаг 1

Перейдите на слой ‘Main’ с полосками, а затем продублируйте его, нажав клавиши (Ctrl+J). Переместите дубликат слоя наверх, расположив поверх всех остальных слоёв.

Duplicate the stripesDuplicate the stripesDuplicate the stripes

Шаг 2

Идём Фильтр – Оформление – Цветные полутона (Filter > Pixelate > Color Halftone). Я использую следующие значения: Макс.радиус (Max. Radius): 20, Канал 1 (Channel 1): 108, Канал 2 (Channel 2): 162, Канал 3 (Channel 3): 90, и Канал 4 (Channel 4): 45. Нажмите кнопку ‘OK’. Причина, по которой мы делаем этот шаг, заключается в том, что, применяя эффект Волны, границы будут выглядеть более грубо по сравнению с глюком A.

Apply a color halftone filterApply a color halftone filterApply a color halftone filter

Шаг 3

Идём Фильтр – Искажение- Волна (Filter > Distort > Wave). Установите Тип (Type) волны на Квадрат (Square). Вы можете увидеть результат эффекта в окне предварительного просмотра. Установите Число генераторов (Number of Generators) на 720, Длину волны (Wavelength) на Мин. (Min.) 270 и Макс. (Max.) на 365, Амплитуду (Amplitude) на Мин. (Min.) 1 и Макс. (Max.) на 2, а также Масштаб (Scale) на 100%. Нажмите кнопку ‘OK’.

Итак, мы создали второй эффект глюка. Так же, как с глюком A, сгруппируйте второй глюк в отдельную группу.

Apply the wave filterApply the wave filterApply the wave filter

4. Глюк C

Шаг 1

Перейдите на слой ‘Main’ с полосками, а затем дважды продублируйте его, нажав клавиши (Ctrl+J). Переместите дубликаты слоёв наверх, расположив поверх всех остальных слоёв.

Duplicate the horizontal linesDuplicate the horizontal linesDuplicate the horizontal lines

Шаг 2

Перейдите на один из дубликатов слоя, а затем нажмите значок в нижней части панели Создать новый корректирующий слой или слой-заливку (Create a New Fill or Adjustment Layer) и в появившемся окне, выберите опцию Чёрно-белый (Black & White). Щёлкните правой кнопкой мыши по новому корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), таким образом, новый корректирующий слой будет воздействовать только на нижний слой. Примечание переводчика: автор вначале работает с первым дубликатом слоя.

Create a black and white clipping mask over the horizontal linesCreate a black and white clipping mask over the horizontal linesCreate a black and white clipping mask over the horizontal lines

Шаг 3

Далее, перейдите на нижний дубликат слоя, а затем идём Фильтр – Искажение – Волна (Filter > Distort > Wave). Далее, появится окно настроек фильтра Волна (Wave). Вначале установите Тип (Type) волны на Синусоиду (Sine). В настройке Неопределённые области (Undefined Areas), выберите опцию Вставить отсечённые фрагменты (Wrap Around). Вы можете увидеть результат эффекта в окне предварительного просмотра. Установите Число генераторов (Number of Generators) на 999, Длину волны (Wavelength) на Мин. (Min.) 1 и Макс. (Max.) на 999, Амплитуду (Amplitude) на Мин. (Min.) 999 и Макс. (Max.) на 999, и Масштаб (Scale) на 100%. Нажмите кнопку ‘OK’.  Дважды примените данный фильтр, чтобы получить более шершавый вид.

Apply the wave effect twice to create a scratchy lookApply the wave effect twice to create a scratchy lookApply the wave effect twice to create a scratchy look

Шаг 4

Добавьте корректирующий слой Чёрно-белый (Black & White), поменяйте настройки цветовых тонов в панели Свойства (Properties). Если у вас нет этой панели, тогда дважды щёлкните по миниатюре корректирующего слоя, чтобы появилась данная панель настроек. В данном случае, я поменяла Красный (Red) на 300 и уменьшила Зелёные (Green) до -120. Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску.

You can adjust the settings of the black and white clipping mask to add contrast to the layerYou can adjust the settings of the black and white clipping mask to add contrast to the layerYou can adjust the settings of the black and white clipping mask to add contrast to the layer

Шаг 5

Давайте проделаем то же самое со вторым дубликатом слоя, который мы создали в Шаге 1. Мы можем повторить Шаг 3, только на этот раз сделать эффект в цвете без применения корректирующего слоя Чёрно-белый (Black & White).

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

Using the Rectangular Marquee Tool you can delete certain parts of the layer to reveal the backUsing the Rectangular Marquee Tool you can delete certain parts of the layer to reveal the backUsing the Rectangular Marquee Tool you can delete certain parts of the layer to reveal the back

Шаг 6

Не забывайте, что данный эффект хорошо сочетается с текстом. С помощью инструмента Текст (Text Tool (T), добавьте любой текст. Я добавила слово ‘TEST’, используя шрифт Bw Nista International Black и цвет шрифта #0000ff. Постарайтесь заполнить текстом весь холст. В панели слоёв, выделите слой с текстом, далее, щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Растрировать текст (Rasterize Type). Как только вы растрировали текст, примените фильтр Волна (Wave), для этого идём Фильтр – Искажение – Волна (Filter > Distort > Wave). Не бойтесь играть с настройками!

You can also apply the Wave effect on textYou can also apply the Wave effect on textYou can also apply the Wave effect on text

Потрясающая Работа – Вы Справились!

Поздравляю! В этом уроке вы узнали, как:

  • Использовать фильтр Волна (Wave), чтобы создать уникальный набор глюков с нуля.
  • Использовать фильтр Цветные полутона (Color Halftone) в ваших интересах.
  • Экспериментируйте! Эффект шершавости и техно дизайн возможно сложно создать из-за произвольности, и экспериментировать с цветами и различными техниками - единственный способ добиться этого!

Если вам понравился этот урок, то возможно вам понравятся следующие уроки:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads