Как создать эффект печати (штампа)

Примерно 11 минут чтения

Главная/ Уроки PS/ Как создать эффект печати (штампа)

Печать живёт или умирает от того, насколько потёртой она выглядит. Круглая рамка, текст по кругу и звезда в центре — это скелет; чёрно-белая гранж-текстура делает её похожей на использованную. Одиннадцать шагов с иллюстрациями, все размеры и значения обводки указаны. Всё это можно собрать в Online PS.

Шаг 1: Создайте новый холст

Откройте Online PS и выберите Файл → Новый.

  • Ширина: 800 пикселей
  • Высота: 800 пикселей (подстройте по вкусу)
  • Разрешение: 72 ppi (для веба) или 300 ppi (для печати)
  • Содержимое фона: Прозрачный

Подтвердите и нажмите «Создать» — получите рабочее пространство с прозрачным фоном.

Шаг 2: Нарисуйте круглое выделение

На панели инструментов слева выберите «Овальная область» (сочетание M) и убедитесь, что на панели параметров выбран режим «Новое выделение».

Зажмите Alt (Option на Mac) и протяните от центра холста, чтобы получился идеальный круг. Добавьте Shift, чтобы зафиксировать соотношение 1:1 — Alt+Shift растягивает круг от центра наружу.

Шаг 3: Залейте выделение (создайте слой круга)

Нажмите значок «Новый слой» на панели «Слои», чтобы добавить пустой слой.

Возьмите инструмент «Заливка» (G) и выберите любой не белый цвет (он нужен только чтобы быть видимым; позже вы сделаете его прозрачным), затем щёлкните внутри выделения, чтобы залить его.

Назовите слой «Основа круга».

Шаг 4: Добавьте обводку (внешнее кольцо)

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

Настройки обводки, с которых стоит начать:
Размер: 6 пикселей (масштабируйте под свой холст)
Положение: Внутри
Режим наложения: Нормальный
Тип заливки: Цвет
Цвет: #E60012 (красный)

Нажмите OK — и круг получит красную обводку по внутреннему краю.

Шаг 5: Установите заливку круга на 0 % (прозрачность)

На панели «Слои» найдите значение «Заливка» этого слоя и задайте 0 % — именно заливку, а не непрозрачность.

При заливке 0 % остаётся видна только обводка. Если позже захочется другого цвета или толщины обводки, её всё ещё можно изменить в стиле слоя — именно поэтому здесь используется заливка, а не непрозрачность.

Остаётся только красное кольцо: внешняя рамка печати.

Шаг 6: Создайте контур для кольца текста

На панели инструментов выберите «Эллипс» (та же клавиша, что у овальной области) и переключите режим на панели параметров на «Контур» — не «Фигура».

Зажмите Alt и нарисуйте круговой контур от центра холста, затем с помощью Ctrl+T (⌘+T) «Свободного трансформирования» подгоните его под внешнее кольцо, по центру.

Шаг 7: Настройте текст по контуру

Выберите «Горизонтальный текст» (T), наведите курсор на круговой контур — он превратится в значок текста по контуру — и щёлкните один раз.

Наберите текст печати, например: ООО «РОМАШКА».

Затем задайте на панели параметров:

  • Шрифт: плотная антиква или рубленый шрифт (для русского текста подойдут, например, PT Serif или PT Sans)
  • Размер: подгоните под контур (30–50 pt)
  • Цвет: красный #E60012
  • Сдвиг базовой линии: 0 % (подправьте, если расстояние кажется тесным)

Когда текст пойдёт по контуру, сдвиньте начало текста инструментом «Выделение контура» (A).

Если текст получился перевёрнутым, поставьте галочку «Перевернуть» в параметрах контура или исправьте это на слое текста в разделе «Стиль слоя → Текст → Перевернуть текст».

Шаг 8: Нарисуйте пятиконечную звезду

Вернитесь на панель инструментов и выберите «Многоугольник».

На панели параметров сверху задайте:

  • Режим: Фигура
  • Стороны: 5
  • Соотношение звезды: 0,5 (подстройте, если нужны более острые или тупые лучи)
  • Инвертировать звезду: снято

Зажмите Alt и нарисуйте звезду от центра, затем с помощью Ctrl+T задайте размер и разместите её внутри кольца — сверху или снизу, как больше нравится.

Залейте звезду тем же красным и при желании добавьте внутреннюю обводку 2 пикселя для небольшого объёма.

Шаг 9: Добавьте текстуру старения (чёрно-белый гранж)

Найдите чёрно-белую гранж-текстуру — поищите «текстура бумаги» или «grunge texture» — или снимите свою.

Откройте её в PS (Файл → Открыть), затем перетащите слой с текстурой в документ с печатью и поставьте его выше всех слоёв печати.

Если текстура нужна только внутри печати, сначала выделите все слои печати и выберите «Создать обтравочную маску» в контекстном меню, чтобы текстура отображалась только внутри этих слоёв.

Шаг 10: Состарьте её режимом наложения «Экран»

Выделите слой с текстурой и задайте ему на панели «Слои» режим наложения «Экран».

«Экран» сохраняет светлые части текстуры: белые области проявляются как слабые крапинки, а чёрные полностью исчезают — именно так старая печать и стирается.

Для более тонкого контроля настройте яркость и контраст слоя с текстурой через Изображение → Коррекция → Яркость/Контрастность или «Кривые».

Шаг 11: Доведите старение до реализма

Эти штрихи приблизят печать к настоящей:

  • Больше контраста: немного поднимите контраст текстуры, чтобы пятнистость читалась яснее.
  • Наложение цвета: добавьте слою с текстурой «Наложение цвета» тёмно-красного или тёмно-коричневого оттенка, чтобы имитировать выцветшие чернила.
  • Непрозрачность слоя: опустите слой с текстурой до 30 %–50 %, чтобы цвет не бросался в глаза.
  • Шум: примените к слою с текстурой Фильтр → Шум → Добавить шум; немного зерна хорошо передаёт впечатанный вид.
  • Положение: сдвиньте текстуру инструментом «Перемещение» (V), чтобы крапинки ложились неравномерно — ничто не выдаёт подделку быстрее, чем идеально центрированный узор.

В итоге у вас должно получиться что-то вроде этого:

Для экспорта выберите Файл → Экспортировать как → PNG и оставьте фон прозрачным, чтобы печать можно было сразу вставить в документ или на веб-страницу.

Подводим итог

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

Если урок помог, поделитесь им — и выкладывайте свой вариант или вопросы, чтобы все могли на них учиться.


Источники

  • Online PS
  • Официальная документация Adobe
  • Сайты с уроками по Photoshop