Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Tools & Tips

Создаём Полоску Штрихкода в Photoshop

by
Read Time:3 minsLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

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


Шаг 1

Вначале мы настроем кисть для создания штрихкода. Создаёте новый документ шириной (width) 1 px и высотой (height) 100 px. Теперь выберите инструмент Заливка (paint bucket tool), а затем залейте документ чёрным цветом. Далее, идём Редактирование – Определить кисть (Edit > Define Brush Preset), дайте название кисти и нажмите кнопку ‘OK’.


Шаг 2

Создайте ещё один новый документ, я использовал следующие размеры для длины и ширины: 600 x 400 px. Выберите инструмент Кисть (brush tool), а затем откройте панель настроек кисти. Прокрутите вниз меню библиотеки кистей, чтобы выбрать кисть, которую вы только что создали. Идём в закладку Кисть (brush), убедитесь, чтобы опция Форма отпечатка кисти (Brush Tip Shape) была активна, поменяйте значение Интервала (Spacing), примерно, до 120 %. (Подсказка: путём изменения значения интервала, мы можем задать расстояние между линиями штрихкода) Далее, поставьте галочку в окошке Рассеивание (Scattering), данная настройка расположена прямо ниже Формы отпечатка кисти (Brush Tip Shape), а затем увеличьте значение Колебания счётчика (count jitter) до 100%.


Шаг 3

Теперь убедитесь, чтобы цвет переднего плана был установлен на чёрный цвет, а затем прокрасьте кистью слева направо, при этом удерживая клавишу (shift), что позволит вам автоматически выравнивать линии штрихкода. Выберите инструмент Горизонтальный текст (text tool), чтобы добавить произвольные цифры под штрихкодом. Нажмите клавиши (Ctrl+T), чтобы слегка увеличить вертикальный масштаб цифр.


Шаг 4

Переключите цвет переднего плана на белый цвет, выберите инструмент Прямоугольник со скруглёнными углами (rounded rectangle tool), в панели управления данного инструмента, установите Радиус (radius) на 4 px, а затем нарисуйте фигуру, напоминающую стикер, вокруг штрихкода. Переместите слой с данной фигурой вниз, расположив ниже слоя с цифрами и слоя со штрихкодом.


Шаг 5

Дважды щёлкните по слою с прямоугольной фигурой, чтобы добавить следующие стили слоя (настройки стилей слоя, которые не указаны ниже, применяются по умолчанию):

  • Тень (Drop Shadow): Opacity: 25%, Distance: 2px, Size: 3px;
  • Тиснение (Bevel and Emboss): См. настройки на скриншоте ниже;
  • Наложение градиента (Gradient Overlay): См. настройки на скриншоте ниже;
  • Обводка (Stroke): Размер (Size): 1px, Цвет: #d6d6d6;

Шаг 6

Далее мы создадим текстуру картона. Создайте новый слой, переместите его вниз, расположив ниже всех остальных слоёв, залейте этот слой чёрным цветом. Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), установите значение эффекта (amount) примерно 65%, а также поставьте галочку в окошке Монохромный (Monocromatic). Далее, убедитесь, чтобы цвет переднего плана был установлен на белый цвет, а цвет заднего плана на чёрный цвет, а затем идём Фильтр – Эскиз – Рваные края (Filter > Sketch > Torn Edges). Примените настройки для данного фильтра, которые указаны на скриншоте ниже.

Нажмите клавиши (Ctrl+L), чтобы применить коррекцию Уровней (levels). Сместите бегунок Выходных значений уровней (Output Levels), примерно, до 115. Нажмите клавиши (Ctrl+U), поставьте галочку в окошке Тонирование (Colorize), а затем примените следующие настройки: Цветовой тон (Hue): +40, Насыщенность (Saturation): +49, Яркость (Lightness): -39. Далее, ещё раз примените фильтр Добавить шум (Add Noise), установите значение эффекта (amount), примерно, на 7%. Далее, идём Размытие- Размытие по Гауссу (Blur > Gaussian Blur). Установите Радиус (radius) размытия на 0.3 px.


Шаг 7

Создаёте ещё один новый слой, залейте этот слой чёрным цветом, ещё раз поменяйте цвета переднего и заднего плана на белый и чёрный, а затем примените фильтр Добавить шум (Add Noise) с эффектом (amount) шума 120%, далее, ещё раз примените фильтр Рваные края (Torn Edges), применив следующие настройки: Тоновый баланс (Image Balance): 1, Смягчение (Smoothness): 11, Контрастность (Contrast): 19. Поменяйте режим наложения для данного слоя на Осветление (Screen), а также уменьшите Непрозрачность (opacity) слоя, примерно, до 50%. На данный момент, результат должен быть, как на скриншоте ниже.


Шаг 8

Чтобы добавить немного глубины, создайте ещё один новый слой, залейте этот слой белым цветом, а затем примените фильтр Добавить шум (Add noise), установив значение эффекта (amount), примерно, на 120%. Далее идём Фильтр - Эскиз - Рельеф (Filter > Sketch > Bas Relief). Примените настройки для данного фильтра, которые указаны на скриншоте ниже. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а также уменьшите значение Непрозрачности (opacity) до 25%.


Заключение

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

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

One subscription.
Unlimited Downloads.
Get unlimited downloads