Создаём Текст с Простым Цифровым Глюком в Adobe Photoshop

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

• Шрифт Pixel Digivolve
• Узоры ‘Растровая строка’

1.  Создаём Задний Фон и Текстовые Слои

Шаг 1

Создайте новый документ со следующими размерами 900 x 700 px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Цвет (Solid Color), используйте цвет заливки #101010.

Шаг 2

Создайте текст, используя шрифт Pixel Digivolve, цвет текста белый, размер текста 170 pt.

Шаг 3

Переименуйте текстовый слой в Text 01, а затем щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object).

Шаг 4

Продублируйте слой Text 01, а затем переименуйте дубликат слоя в Text 02.

Шаг 5

Отключите видимость слоя Text 02, щёлкнув по глазку рядом с миниатюрой слоя.

2.  Применяем Стили Слоя

Дважды щёлкните по слою Text 01, чтобы применить следующие стили слоя:

Шаг 1

В окне Параметры наложения (Blending Options), идём в Дополнительные параметры (Advanced Blending), чтобы убрать галочки в окошках Каналов (Channels): ‘G’ и ‘B’.

Шаг 2

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Непрозрачность (Opacity): 50%
• Цвет: #ffffff
• Размер (Size): 10

Итак, мы стилизовали красную часть текста.

Включите видимость слоя Text 02, а затем дважды щёлкните по слою, чтобы применить следующие стили слоя:

Шаг 3

В окне Параметры наложения (Blending Options), идём в Дополнительные параметры (Advanced Blending), чтобы убрать галочку в окошке Канала (Channel): ‘R’.

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Непрозрачность (Opacity): 50%
• Цвет: #ffffff
• Размер (Size): 10

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

3.  Создаём Эффект Глюка

Шаг 1

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

Шаг 2

Продублируйте оба слоя Text 01 и Text 02.

Шаг 3

Создайте новый слой поверх остальных слоёв, назовите этот слой Filters 01, а затем нажмите клавиши (Alt+Ctrl+Shift+E), чтобы создать объединённый слой из всех видимых слоёв.

Щёлкните правой кнопкой мыши по слою Filters 01 и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object).

Шаг 4

Удерживая клавишу (Alt), нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить инвертированную слой-маску. Примечание переводчика: добавьте инвертированную слой-маску к слою Filters 01.

Шаг 5

Продублируйте слой Filters 01, а затем переименуйте дубликат слоя в Filters 02.

4.  Работаем со Слой-масками

Шаг 1

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool). Создайте произвольные полоски вдоль текста, убедитесь, чтобы выделенные полоски выходили за пределы с левой и с правой стороны текста.

Сохраните достаточно пространства по вертикали между полосками, поскольку мы добавим ещё выделенных полосок между ними.

Шаг 2

Перейдите на маску слоя Filters 01, а затем выполните заливку выделенной области белым цветом. Примечание переводчика: чтобы перейдите на маску слоя, просто щёлкните по миниатюре маски.

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Шаг 3

Удерживая клавишу (Alt), щёлкните по миниатюре маски слоя Filters 01, чтобы показать её. Мы используем её в качестве ориентира, чтобы создать выделения между линиями, которые у нас уже есть.

Шаг 4

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

Шаг 5

Удерживая клавишу (Alt), ещё раз щёлкните по миниатюре маски слоя Filters 01, чтобы получить оригинальное содержимое маски, далее, перейдите на маску слоя Filters 02, а затем залейте новые выделенные полоски белым цветом.

Отменить активное выделение, когда завершите.

5.  Применяем Фильтры к Эффекту Глюка

Шаг 1

Перейдите на слой Filters 01, а затем идём Фильтр- Оформление – Меццо-тинто (Filter > Pixelate > Mezzotint), установите Шрифты (Type) на Короткие штрихи (Short Strokes).

Шаг 2

Перейдите на слой Filters 02, а затем идём Фильтр- Искажение – Волна (Filter > Distort > Wave). Возможно, вам не сразу удастся получить нужный результат, поэтому, попробуйте применить различные значения пока вы не получите результат, который вам нравится.

Значения, которые были использованы в этом уроке:

• Число Генераторов (Number of Generators): 1
• Длина волны (Wavelength):
  • Мин.(Min.) 1
  • Макс.(Max.) 106
• Амплитуда (Amplitude):
  • Мин.(Min.) 90
  • Макс.(Max.) 133
• Масштаб (Scale):
  • Гориз.(Horiz.) 6
  • Верт.(Vert.) 1
• Тип (Type): Синусоида (Sine)
• Неопределённые области (Undefined Areas): Повторить граничные пикселы (Repeat Edges Pixels)

Шаг 3

Далее, идём Фильтр- Оформление – Меццо-тинто (Filter > Pixelate > Mezzotint), установите Шрифты (Type) на Длинные штрихи (Long Strokes).

Шаг 4

Идём Фильтр- Стилизация – Ветер (Filter > Stylize > Wind), установите Способ (Method) на Ветер (Wind), а Направление (Direction) на Справа (From the Right).

Шаг 5

Если вам нужно удалить какие-либо лишние участки, перейдите на миниатюру слой-маски, выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть.

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

6.  Добавляем Узоры ‘Растровая строка’

Шаг 1

В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Поиск Цвета (Color Lookup).

Выберите фильтр Fuji ETERNA 250D Fuji 3510 (by Adobe).cube table из выпадающего меню 3DLUT File.

Шаг 2

Создайте новый слой поверх всех слоёв, залейте этот слой белым цветом, назовите этот слой Scanlines, а затем преобразуйте в Смарт-объект.

Убедитесь, чтобы цвет переднего и заднего плана были установлены на чёрный и белый цвет.

Шаг 3

Далее, идём Фильтр – Галерея фильтров – Эскиз - Полутоновый узор (Filter > Filter Gallery > Sketch > Halftone Pattern). Примените следующие значения, которые указаны ниже:

• Размер (Size): 1
• Контрастность (Contrast): 5
• Тип узора (Pattern Type): Линия (Line)

Шаг 4

Поменяйте режим наложения для слоя Scanlines на Мягкий свет (Soft Light), а также уменьшите значение Непрозрачности (Opacity) до 50%.

Шаг 5

В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Узор (Pattern), а затем используйте узор Pattern 1 Fill из исходного набора с узорами ‘Растровая строка’.

Уменьшите значение Непрозрачности (Opacity) слоя до 25%.

7.  Добавляем Наложение Шума

Шаг 1

Создайте новый слой поверх всех слоёв, залейте этот слой чёрным цветом, назовите этот слой Noise, а затем преобразуйте в Смарт-объект.

Шаг 2

Идём Фильтр – Текстура – Зерно (Filter > Texture > Grain). Примените следующие значения, которые указаны ниже:

• Интенсивность (Intensity): 40
• Контрастность (Contrast): 50
• Тип зерна (Grain Type): Пунктирные (Stippled)

Шаг 3

Нажмите кнопку ‘OK’, а затем ещё раз идём Фильтр- Текстура- Зерно (Filter > Texture > Grain). Примените значения, которые мы использовали в предыдущем шаге.

Шаг 4

Нажмите на значок Новый слой эффектов (New effect layer) в нижнем правом углу, а затем идём Эскиз –Волшебный карандаш (Sketch > Conté Crayon). Примените следующие значения, которые указаны ниже:

• Уровень переднего плана (Foreground Level): 7
• Уровень фона (Background Level): 7
• Текстура (Texture): Холст (Canvas)
• Масштаб (Scaling): 100%
• Рельеф (Relief): 4
• Свет (Light): Сверху (Top)

Шаг 5

Поменяйте режим наложения для слоя Noise на Линейный осветлитель (Добавить) (Linear Dodge (Add), а также уменьшите Непрозрачность (Opacity) слоя до 20%.

Шаг 6

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

Шаг 7

Нажмите клавиши (Ctrl+J), чтобы продублировать выделения на новый слой, переименуйте этот слой в Noise Lines, а затем поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge).

Поздравляю! Мы завершили урок!

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

Далее, мы создали слои, чтобы применить фильтры и настроить их слой-маски.

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

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.