Найти в Дзене
Арт-мастерская ИИ

🎨 Урок 20. Обводка в Photoshop

Оглавление

Обводка в фотошопе (Stroke) — это стиль слоя, позволяющий добавить контур вокруг изображения, фигуры или текста. Она помогает выделить объект, сделать надпись выразительнее или придать иллюстрации мультяшный вид.

В Photoshop обводку можно разместить:

  • внутри контура (внутренняя обводка),
  • по центру границы (обводка контура в фотошопе по центру),
  • снаружи (внешняя обводка).

Также можно выбрать цвет, прозрачность, режим наложения и толщину линии. Например, фотошоп белая обводка помогает выделить текст на тёмном фоне, а обводка на расстоянии фотошоп создаёт эффект наклейки.

Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

✏️ Практическая часть

1. Откройте изображение тайского котика в свитере с рюкзаком.

Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

2. Выделите котика с помощью инструментов Выделение объектов и Быстрое выделение. Для вызова панели выделения нажмите клавишу W.

Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

3. Примените маску слоя, чтобы убрать фон.

4. В меню Слой → Стиль слоя → Обводка добавьте две обводки:
внутренняя обводка — широкая белая (7 px),
внешняя обводка — узкая тёмно-зелёная (10 px).

Для добавления новой обводки нажмите «+» напротив пункта «Выполнить обводку».

Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

5. Таким образом вы научитесь как сделать обводку в фотошопе и сочетать несколько стилей одновременно.

6. Замените чёрную обводку на узор, выбрав соответствующий параметр в настройках стиля обводки.

Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

Масштабируйте котика (Ctrl + T), чтобы освободить место сверху.

7. Добавьте текст:
Кот идёт в поход

— шрифт
Verdana Bold, цвет тёмно-зелёный.

8. Скопируйте стиль слоя у кота и вставьте его в текст, чтобы надпись гармонировала с изображением. Чтобы скопировать и вставить стиль слоя:

  • В панели Слои щёлкните правой кнопкой по нужному слою.
  • Выберите «Копировать стиль слоя» (Copy Layer Style).
  • Затем щёлкните правой кнопкой по другому слою и выберите «Вклеить стиль слоя» (Paste Layer Style).
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

9. Для фона выберите светло-зелёный или зелёно-голубой оттенок — получится свежо и гармонично. Чтобы залить фон в Photoshop:

  • Выберите слой фона в панели Слои.
  • Нажмите сочетание клавиш Shift + F5 или выберите в меню Редактирование → Выполнить заливку (Edit → Fill).
  • В открывшемся окне укажите источник заливки — Цвет (или Основной цвет, Узор или Белый).
  • Выберите нужный цвет.
  • Нажмите ОК, чтобы применить заливку.

10. Добавьте вторую надпись самостоятельно.

11. Если хотите — добавьте селёдку на отдельный слой, чтобы можно было легко изменить её положение или размер. Для этого:

  • Откройте изображение селёдки.
  • Перетащите его в рабочий документ или скопируйте (Ctrl + C) и вставьте (Ctrl + V).
  • При необходимости уменьшите или поверните с помощью Ctrl + T (Свободное трансформирование).
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».
Иллюстрация подготовлена автором канала «Арт-мастерская ИИ».

💡 Советы и креативные идеи

  • Сделайте двойную или тройную обводку в фотошопе для эффекта наклейки.
  • Попробуйте обводку с градиентом — красиво смотрится на тёмных фонах.
  • Добавьте тень или внутреннее свечение для глубины.
  • Для текста используйте контрастные цвета — например, фотошоп белая обводка на тёмно-красных буквах.
  • Экспериментируйте с обводкой на расстоянии фотошоп для креативного эффекта.
  • Поэкспериментируйте с непрозрачностью обводки — измените параметр Opacity в окне Стиль слоя (Blending Options). Уменьшая прозрачность, вы сможете добиться более мягкого, лёгкого эффекта, а увеличивая — сделать обводку чёткой и выразительной.

Заключение

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

Ставьте лайки и оставляйте комментарии — это помогает мне выпускать новые уроки по Photoshop быстрее и делает работу канала ещё интереснее.