как сделать штрих код в фотошопе
Штрих код в фотошопе
В этом уроке мы рассмотрим пример как создать штрих код в фотошопе. Для многих это покажется не нужным, но в конце урока я расскажу где возможно применение штрих кода.
Устанавливаем параметры нового документа 500 х 500 пикс. И нажимаем Ок
Создаем новый слой
Шаг № 2
И произвольно рисуем на нашем белом фоне
Шаг № 3
Выбираем инструмент Прямоугольная область
Задаем размеры как на картинке ниже
У нас должно получится вот такое выделение
Шаг № 4
и проделываем те же действия, что и в шаге № 1
Устанавливаем параметры нового документа 500 х 500 пикс. И нажимаем Ок
Шаг № 5
Нажимаем комбинацию клавиш Ctrl + T и производим трансформацию нашего штрих кода
Шаг № 6
В этом шаге можете включить своё творческое мышление.
Выберем Инструмент Текст
И напишем фразу От друзей. Как я уже сказал, Вы можете написать что-то свое.
Выберем инструмент Прямоугольник со скругленными углами
и выделим нижнюю часть штрих кода.
Выберем инструмент Перемещение и перенесем нашу надпись на штрих код. Вот такой штрих код в фотошопе мы создали
Как нарисовать штрих-код в фотошопе
Как нарисовать штрих-код
Сегодня мы будем рисовать штрих-код.
Сначала мы создадим новый документ и при помощи инструмента Линия нарисуем линию.
Затем применим к слою с линией фильтр Шум и с помощью Свободного трансформирования вытянем слой.
После этого мы с помощью инструмента Текст напишем цифры, продублируем и подкорректируем содержание и расположение слоев.
В завершение урока «Как нарисовать штрих-код в фотошопе» мы добавим в работу однотонный фон.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
Активируем инструмент Линия. В верхней панели настроек инструмента Линия устанавливаем цвет заливки черный (# 000000), убираем обводку и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Линия кликаем по иконке, отмеченной на скриншоте стрелочкой, и выбираем «Новый слой». Зажимаем клавишу Shift и проводим горизонтальную линию.
В панели слоев кликаем ПКМ по слою с линией и выбираем «Растрировать слой».
Переименовываем слой с линией в «Линия». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Переходим в меню Фильтр-Шум-Добавить шум и применяем фильтр к слою «Линия» с такими настройками. Если приблизить холст (Ctrl и +), то можно увидеть результат после применения фильтра.
Активируем Свободное трансформирование (Ctrl+T или Редактирование-Свободное трансформирование) и, потянув за верхний и нижний ползунок, растягиваем слой «Линия».
В панели слоев при помощи клавиши Ctrl выделяем оба слоя (фоновый и «Линия»). Активируем инструмент Перемещение. В верхней панели настроек инструмента Перемещение кликаем по значку, отмеченному стрелочкой. При помощи этого шага мы расположим слой «Линия» ровно по центру холста.
Активируем инструмент Прямоугольная область. Создаем выделение, как на рисунке ниже. В панели слоев активируем слой «Линия», зажимаем клавишу Alt и кликаем по иконке добавления маски слоя. После этого область, которая попала под выделение, станет невидима – ее скроет маска слоя.
Переходим в меню Окно-Линейки или нажимаем сочетание клавиш Ctrl+R.
Переходим в меню Просмотр-Показать и убеждаемся, что стоит «галочка» у пункта «Направляющие».
Создаем горизонтальную направляющую – подводим курсор мышки к горизонтальной линейке, щелкаем левой кнопкой мыши и перетаскиваем образовавшуюся направляющую, как показано ниже.
Активируем инструмент Текст. Пишем цифры «234567». В верхней панели настроек инструмента Текст увеличиваем размер текста, меняем цвет текста на черный (# 000000) и вводим настройки, как на рисунке ниже. Я использовала шрифт Arial Regular – это стандартный шрифт, он по умолчанию установлен в систему. При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.
В панели слоев создаем дубликат текстового слоя (Ctrl+J). Зажимаем клавишу Shift и с помощью инструмента Перемещение перетаскиваем дубликат текстового слоя вправо. Благодаря тому, что при перетаскивании мы зажимали клавишу Shift, дубликат слоя переместится ровно по горизонтали и будет находиться на том же уровне, что и оригинальный текстовый слой. В панели слоев дважды кликаем по иконке дубликата текстового слоя. Откроется верхняя панель настроек инструмента Текст. Меняем в дубликате текстового слоя цифры на «891011».
Создаем еще один дубликат текстового слоя (Ctrl+J), перетаскиваем его влево, за пределы слоя «Линия» и меняем цифру на «1». Чтобы расположить текст ровно, не забываем зажимать при перемещении клавишу Shift и ориентируемся по направляющей.
При помощи инструмента Прямоугольная область создаем выделение, как на рисунке ниже. В панели слоев делаем активной маску слоя «Линия» и заливаем выделение белым цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем белый оттенок. Снимаем выделение (Ctrl+D). Этим шагом мы вернем видимость той части слоя «Линия», которая была выделена.
При помощи инструмента Перемещение еще немного подкорректируем расположение текстовых слоев.
Выше слоя «Фон» в панели слоев создаем корректирующий слой Цвет. В окне корректирующего слоя меняем цвет заливки на # 0990de.
При помощи инструмента Прямоугольная область создаем выделение, как показано ниже. Активируем в панели слоев маску корректирующего слоя Цвет и заливаем выделение черным цветом. Для этого переходим в уже знакомое нам меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок. Снимаем выделение (Ctrl+D).
Выключаем видимость направляющей (Просмотр-Показать-Направляющие).
Штрих-код готов! Урок «Как нарисовать штрих-код в фотошопе» завершен.
Как создать штрих-код в Фотошопе
Создаём документ с белым фоном(ну а если для создания кисти,то на прозрачном).Берём Инструмент Линия и рисуем линию,зажав Shift.Потом ПКМ по слою и Растрировать слой.
Идём в Фильтр-Добавить шум:
Жмём Ctrl+T и растягиваем вниз.
Прямоугольной областью делаем выделение и жмём Delete
Разрабатываем штрих-код в фотошоп
В сегодняшнем уроке фотошоп научимся создавать штрих-код. Это пригодится как при обычной ретуши, так и в нестандартной ситуации. Например, поменяв цифры на текст, можно создать оригинальный водяной знак или подпись для фотографий. В общем, фантазия ваша, наша реализация:
Создаём новое изображение Ctrl+N:
Сразу добавим шумы. Идём в меню Filter => Noise => Add Noise, в окошке устанавливаем следующие значения:
Далее, применяем фильтр «Размытие движения», с помощью команды Filter => Blur => Motion Blur, с такими настройками:
Теперь, с помощью кривых, увеличим контрастность (Image=> Adjustments=> Curves). Создайте такую кривую, чтобы линии стали внешне похожими на штрихкод.
Создаём новый слой (Shift+Ctrl+N) и переносим его под основной фон с картинкой. Далее выберем инструмент crop и зададим размер чуть больше нашего документа:
Обозначаем область и вырезаем:
Зальем нижний слой белым цветом.
Еще один новый слой создадим над слоем с картинкой. Выделим на нём прямоугольник и зальем его белым цветом как на картинке ниже:
Снимем выделение (Ctrl+D), напишем текст в области маленького прямоугольника и наш персональный штрих-код готов:
Имитация штрих-кода
Штрих-код — сугубо технический товарный символ-код, в котором зашифрована вся полезная и полная информация о продаваемом товаре. Цифрами и полосками здесь кодируется информация о фирме-производителе, товаре, его цене т. д. Такие знаки есть и на отечественных продуктах. Они облегчают обслуживание покупателей во многих магазинах. Существует множество специальных программ, которые непосредственно кодируют информацию о товаре по существующим правилам.
Однако сейчас мы предлагаем вам самостоятельно создать в Фотошоп имитацию такого штрих-кода. Такое изображение вы сможете легко использовать в различных рекламных плакатах (вряд ли у него есть какое-то осмысленное значение).
Итак, создаем новый документ. Не стоит определять требуемы и размер штрих кода в реальном масштабе. А главное — данный документ не должен иметь прозрачный фон! Это главное начальное условие, иначе у нас просто ничего не полу чится.
Применим фильтр зашумления: Filter>Noise>Add Noise с следующими значе ниями параметров: в поле Amount — 400%, переключатель Distribution — в положении Gaussian, флажок Monochromatic — установлен.
Рис. 336. Просто зашумляем все рабочее поле документа, используя окно Add Noise (Добавим шум)
Теперь применим фильтр FiIter>Blur>Motion Blur. Значение параметра Angle устанавливаем равным 90 — это позволит размыть шум вертикально. Ползунок Distance передвигаем в максимальное (самое правое) положение 999 пикселов.
Рис. 338. Фильтр Motion Blur с значением Angle=90 позволяет «растянуть» шум сверху вниз
После выполнения этих установок вы получите нечто, напоминающее штрих-код — но это еще только заготовка!
Далее немного поработаем над контрастностью. Сначала выполняем команду Image>Adjust>Curves ( + ). Устанавливаем кривую, аналогичную той, что приводится в примере на рисунке. О том, что отображает эта кривая, мы подробно рассказывали в начале главы, экспериментируя с надписями (например, когда делали золотой текст).
Рис. 339. Диалоговое окно Curves. Изменяя вид кривой, можно изменить и вид штрих-кода
Поработайте с кривой самостоятельно — вы можете изменить вид штриха.
Однако его внешний вид во многом определяется раскладкой первоначального шума, который для каждого эксперимента будет оригинальным!
Из получившегося суррогатного изображения вырезаем наиболее понравившийся прямоугольник, используя инструмент прямоугольного выделения . Затем переносим выделенное изображение в новый документ.
Где-то посредине, в нижней части полученного изображения, вырезаем прямоугольник произвольного размера. Вписываем в него произвольный цифровой код, используя инструмент Туре (Текст). За образец можно взять любой штрих-код с какого-нибудь предмета, купленного в универсаме.
Рис. 342. Готовый штрих-код
Теперь полученное изображение можно применять как элемент оформления для вашего дизайна.