Как найти обводку в фотошопе

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с графическим объектом Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Работа со встроенным расширением Capture в Photoshop
    6. Библиотеки Creative Cloud Libraries
    7. Библиотеки Creative Cloud в Photoshop
    8. Работа в Photoshop с использованием Touch Bar
    9. Сетка и направляющие
    10. Создание операций
    11. Отмена и история операций
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Изменение размера изображения
    23. Прямая трансляция творческого процесса в Photoshop на iPad
    24. Исправление недостатков с помощью восстанавливающей кисти
    25. Создание кистей в Capture и их использование в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание и использование смарт-объектов
    28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
  5. Бета-версия веб-приложения Photoshop
    1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop 
    2. Общие сведения о рабочей среде
    3. Системные требования | Бета-версия веб-приложения Photoshop
    4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
    5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
    6. Открытие облачных документов и работа с ними
    7. Ограниченные возможности редактирования облачных документов
    8. Совместная работа с заинтересованными сторонами
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
    9. Общий доступ к файлам и комментирование в приложении
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Установки
    3. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
    4. Создание документов
    5. Помещение файлов
    6. Комбинации клавиш по умолчанию
    7. Настройка комбинаций клавиш
    8. Галерея инструментов
    9. Установки производительности
    10. Использование инструментов
    11. Наборы настроек
    12. Сетка и направляющие
    13. Сенсорные жесты
    14. Работа в Photoshop с использованием Touch Bar
    15. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    16. Обзорные версии технологии
    17. Метаданные и комментарии
    18. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    19. Помещение изображений Photoshop в другие приложения
    20. Линейки
    21. Отображение или скрытие непечатных вспомогательных элементов
    22. Указание колонок для изображения
    23. Отмена и история операций
    24. Панели и меню
    25. Позиционирование элементов с привязкой
    26. Позиционирование с помощью инструмента «Линейка»
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
  11. Выделенные области
    1. Начало работы с выделенными областями
    2. Выделение областей в композициях
    3. Рабочая среда «Выделение и маска»
    4. Выделение при помощи инструментов группы «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Настройка выделения пикселей
    7. Перемещение, копирование и удаление выделенных пикселей
    8. Создание временной быстрой маски
    9. Выбор цветового диапазона в изображении
    10. Преобразование между контурами и границами выделенной области
    11. Основы работы с каналами
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
  12. Коррекция изображений
    1. Замена цветов объекта
    2. Деформация перспективы
    3. Уменьшение размытия в результате движения камеры
    4. Примеры использования инструмента «Восстанавливающая кисть»
    5. Экспорт таблиц поиска цвета
    6. Корректировка резкости и размытия изображения
    7. Общие сведения о цветокоррекции
    8. Применение настройки «Яркость/Контрастность»
    9. Коррекция деталей в тенях и на светлых участках
    10. Корректировка «Уровни»
    11. Коррекция тона и насыщенности
    12. Коррекция сочности
    13. Настройка насыщенности цвета в областях изображения
    14. Быстрая коррекция тона
    15. Применение специальных цветовых эффектов к изображениям
    16. Улучшение изображения при помощи корректировки цветового баланса
    17. HDR-изображения
    18. Просмотр гистограмм и значений пикселей
    19. Подбор цветов на изображении
    20. Кадрирование и выравнивание фотографий
    21. Преобразование цветного изображения в черно-белое
    22. Корректирующие слои и слои-заливки
    23. Корректировка «Кривые»
    24. Режимы наложения
    25. Целевая подготовка изображений для печатной машины
    26. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    27. Коррекция экспозиции и тонирования HDR
    28. Осветление или затемнение областей изображения
    29. Избирательная корректировка цвета
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Инструмент «Радиальный фильтр» в Camera Raw
    10. Управление настройками Camera Raw
    11. Обработка, сохранение и открытие изображений в Camera Raw
    12. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    13. Поворот, обрезка и изменение изображений
    14. Корректировка цветопередачи в Camera Raw
    15. Версии обработки в Camera Raw
    16. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Улучшение и преобразование изображения
    1. Замена неба на изображениях
    2. Трансформирование объектов
    3. Настройка кадрирования, поворотов и холста
    4. Кадрирование и выпрямление фотографий
    5. Создание и редактирование панорамных изображений
    6. Деформация изображений, фигур и контуров
    7. Перспектива
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Заливка и обводка выделенных областей, слоев и контуров
    15. Рисование с помощью группы инструментов «Перо»
    16. Создание узоров
    17. Создание узора с помощью фильтра «Конструктор узоров»
    18. Управление контурами
    19. Управление библиотеками узоров и наборами настроек
    20. Рисование при помощи графического планшета
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Рисование стилизованных обводок с помощью архивной художественной кисти
    25. Рисование с помощью узора
    26. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Добавление и редактирование текста
    2. Универсальный текстовый редактор
    3. Работа со шрифтами OpenType SVG
    4. Форматирование символов
    5. Форматирование абзацев
    6. Создание эффектов текста
    7. Редактирование текста
    8. Интерлиньяж и межбуквенные интервалы
    9. Шрифт для арабского языка и иврита
    10. Шрифты
    11. Поиск и устранение неполадок, связанных со шрифтами
    12. Азиатский текст
    13. Создание текста
  18. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Использование фильтра «Пластика»
    9. Эффекты и стили слоев
    10. Применение определенных фильтров
    11. Растушевка областей изображения
  19. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в других графических форматах
    5. Перемещение проектов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  20. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Дуплексы
    5. Работа с цветовыми профилями
    6. Управление цветом документов для просмотра в Интернете
    7. Управление цветом при печати документов
    8. Управление цветом импортированных изображений
    9. Выполнение цветопробы
  21. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  22. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  23. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Печать изображений на печатной машине
    8. Улучшение цветной печати в Photoshop
    9. Устранение неполадок при печати | Photoshop
  24. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  25. Подлинность контента
    1. Подробнее об учетных данных для содержимого
    2. Идентичность и происхождение токенов NFT
    3. Подключение учетных записей для творческой атрибуции
  26. Photoshop 3D
    1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях

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

Инструмент «Заливка» позволяет выполнять заливку смежных пикселов, имеющих значение цвета, подобное тем пикселам, на которых выполнен щелчок.

Инструмент «Заливка» не может использоваться с изображениями в битовом режиме.

  1. Выберите инструмент «Заливка»  .

    Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.

  2. Укажите, должна ли быть выполнена заливка выделенной области основным цветом или узором.

  3. Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

  4. Введите допуск для заливки.

    Допуск определяет, насколько подобным по цвету должен быть пиксел (по отношению к пикселу, на котором выполнен щелчок), чтобы к нему была применена заливка. Допустимые значения находятся в диапазоне от 0 до 255. При низком допуске происходит заливка пикселов цветами в диапазоне значений цветов, весьма подобных пикселу, на котором выполнен щелчок. При высоком допуске происходит заливка пикселов цветами в более широком диапазоне.

  5. Чтобы сгладить края выделенной области, в которой выполнена заливка, установите флажок «Сглаживание».

  6. Чтобы выполнить заливку только пикселов, смежных с тем, на котором был выполнен щелчок, выберите параметр «Смежные пикселы»; оставьте параметр «Смежные пикселы» невыбранным, чтобы была выполнена заливка всех подобных пикселов в изображении.

  7. Чтобы выполнить заливку пикселов с учетом объединенных данных о цвете, относящихся ко всем видимым слоям, установите флажок «Все слои».

  8. Щелкните часть изображения, в которой необходимо выполнить заливку. Ко всем указанным пикселам в пределах заданного допуска применяется заливка основным цветом или узором.

    Если при работе с некоторым слоем необходимо избежать заливки прозрачных областей, то следует обязательно заблокировать прозрачность этого слоя на панели «Слои». (См. раздел Закрепление слоев.)

Заливка выделенной области или слоя цветом

  1. Выберите область, в которой необходимо выполнить заливку. Чтобы выполнить заливку всего слоя, выберите этот слой на панели «Слои».

  2. Выберите меню «Редактирование» > «Выполнить заливку», чтобы выполнить заливку выделенной области или слоя. Для заливки контура нужно выбрать контур и выбрать команду «Выполнить заливку контура» из меню панели «Контуры».

  3. В диалоговом окне «Заливка» выберите одно из следующих значений в качестве параметра «Определение источника для заливки» или определяемый пользователем узор:


    «Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»

    Выполняется заливка выделенной области указанным цветом.

    Если происходит заливка изображения CMYK с использованием параметра «Черный», то Photoshop выполняет заливку всех каналов полностью черным цветом. Это может вызвать необходимость в применении большего количества краски по сравнению с допустимым по условиям эксплуатации принтера. Для достижения лучших результатов при заливке изображения CMYK используйте параметр «Основной цвет» с указанием в качестве основного цвета соответствующего значения черного цвета.


    Цвет

    Выполняется заливка цветом, выбранным в окне «Палитра цветов».

  4. Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

  5. Если во время работы в каком-то слое необходимо выполнить заливку только областей, содержащих пикселы, выберите параметр «Сохранить прозрачность».

  6. Нажмите кнопку «ОК», чтобы выполнить заливку.

    Чтобы применить заливку основным цветом только к областям, которые содержат пикселы, нажимайте клавиши «Alt» + «Shift» + «Backspace» (Windows) или «Option» + «Shift» + «Delete» (Mac OS). В результате этого сохранится прозрачность слоя. Чтобы применить заливку фоновым цветом только к областям, которые содержат пикселы, нажимайте клавиши «Ctrl» + «Shift» + «Backspace» (Windows) или «Command» + «Shift» + «Delete» (Mac OS).

Использование заливки с учетом содержимого, заливки узором и заливки от истории

Сведения по использованию функции Редактирование > Заливка с учетом содержимого, представленной в Photoshop CC 20.0 (выпуск за октябрь 2018 года), см. в разделе Заливка с учетом содержимого.

  1. Выберите часть изображения, в которой необходимо выполнить заливку.

  2. Выберите меню «Редактирование» > «Заливка».

    На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».

  3. В меню «Использовать» выберите один из следующих элементов.


    С учетом содержимого

    Заполняет выделенную область схожим содержимым изображения, расположенным в непосредственной близости. Для оптимального результата выделение должно немного захватывать область, которая будет воспроизводиться. (Как правило, применения обычного лассо или выделенной области для этого достаточно.)

    Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.


    Цветовая адаптация

    (Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом

    Заливка с учетом содержимого и цветовой адаптацией в Photoshop

    Заливка с учетом содержимого и цветовой адаптацией


    Узор

    Нажмите на инвертированную стрелку рядом с образцом узора и выберите узор из всплывающей панели. Дополнительные узоры могут быть загружены с помощью всплывающего меню панели. Выберите имя библиотеки узоров или запустите команду «Загрузить узоры» и перейдите в папку, содержащие узоры, которые вы хотите использовать.

    Можно также применить один из прилагаемых узоров на основе сценариев, чтобы с легкостью создавать различные геометрические узоры заливки. Выберите «Узоры на основе сценариев» в нижней части диалогового окна заливки, а затем выберите узор заливки во всплывающем меню «Сценарий».


    История

    Восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».

Заливка с учетом содержимого в Photoshop

Заливка с учетом содержимого

A. Выделенная область должна немного захватывать область, которая будет воспроизводиться.. B. Замените выделенную область заливкой с учетом содержимого. 

Заливка рабочего холста

Рабочий холст вокруг области изображения. Холст можно заполнить другим цветом для контраста с данным изображением.

  1. Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)

Обводка выделенной области или слоя цветом

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

Для создания рамки формы или слоя, которая может быть включена или выключена подобно перекрытиям и сглажена в целях создания более мягко скругленных углов и краев, используйте слоевой эффект «Обводка» вместо команды «Выполнить обводку». См. раздел Слоевые эффекты и стили.

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

  2. Выберите меню «Редактирование» > «Выполнить обводку».

  3. В диалоговом окне «Обводка» укажите ширину рамки с четким краем.

  4. В качестве параметра «Позиция относительно границы» задайте значение, которое указывает, поместить ли рамку внутри или снаружи или выровнять по центру над границами выделенной области или слоя.

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

  5. Если во время работы в каком-то слое необходимо выполнить обводку только областей, содержащих пикселы, выберите параметр «Сохранить прозрачность». (См. раздел Закрепление слоев.)

Рисование окружности или квадрата

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

  1. На панели «Слои» нажмите кнопку «Создать слой»  , чтобы создать новый слой для окружности или квадрата. Если для окружности или квадрата выделен отдельный слой, с этим объектом становится проще работать.

  2. Выберите инструмент «Овальная область» или «Прямоугольная область» на панели инструментов.

  3. Перетащите курсор в окне документа, чтобы создать форму. Нажимайте клавишу «Shift» во время перетаскивания, чтобы ограничить форму окружностью или квадратом.

  4. Выберите меню «Редактирование» > «Выполнить обводку».

  5. В диалоговом окне «Обводка» введите значение для параметра «Ширина», а затем щелкните образец цвета, чтобы открыть окно палитра цветов Adobe.

  6. В палитре цветов определите нужный цветовой диапазон с помощью треугольных шкал на спектре цветов, а затем щелкните нужный цвет в поле цвета. Выбранный цвет появляется в верхней половине образца цвета. Исходный цвет останется в нижней половине. Нажмите кнопку «ОК».

  7. Задайте местоположение обводки по отношению к области, выбрав значение «Внутри», «По центру» или «Снаружи». В случае необходимости измените другие настройки и нажмите «ОК». Photoshop выполнит обводку линии с использованием заданных значений параметров цвета и обводки.

Создание обводки и контура в Фотошопе — простые операции, которые понадобятся как для дизайна, создания логотипа и оформления своего сайта или страницы в соцсетях, так и для креативных творческих фотосессий. Кто сказал, что мы не можем добавлять на свои снимки всё, что хотим, чтобы выразить идею? Рассказываем, как сделать обводку в Фотошопе для разных объектов, в том числе и текста.

Контурами можно как обводить объекты или текст, так и оставлять пустые «силуэты» / Фото: pexels.com

Как сделать обводку текста в Фотошопе

Обводка текста в Фотошопе — простая процедура, в которой минимально задействован ручной труд. Всё решается парой кнопок. Делимся пошаговым алгоритмом, как обвести шрифт в Фотошопе.

1. Напишите с помощью инструмента Текст / Text (кнопка Т для быстрого доступа) или скопируйте в файл любой свой текст.

2. Откройте окно Слои / Layers. Вызвать его можно двумя способами: кнопкой F7 на клавиатуре или отыскать его в верхней строке Окно / Window — Слои / Layer.

В Слоях будет два объекта — слой фон, а сверху слой с вашим текстом / Скриншот: Елизавета Чечевица, Фотосклад.Эксперт

3. Выберите слой с текстом. Чтобы это сделать, в Слоях нажмиту на строку с буквой Т. Слой подсветится серым, как на скриншоте выше.

4. Пришло время делать обводку! Есть два варианта:

– нажать на слой с текстом, кликнуть по нему правой кнопкой мыши и найти Параметры наложения / Blending Options.

–  в палитре Слои / Layers нажать на буквы fx.

Здесь нет правильного и неправильного. Оба действия приведут к одному результату, так что выбирайте тот способ, который удобен лично вам / Скриншот: Елизавета Чечевица, Фотосклад.Эксперт

5. В любом случае вы попадёте в одно и то же меню. Это меню стилей слоя. Чтобы сделать обводку текста в Фотошопе, поставьте галочку напротив настройки Выполнить обводку / Stroke.

Теперь вам откроется меню для создания обводки / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

6. Поставьте нужные параметры, например, толщину обводки и её цвет, а далее нажмите кнопку Ок — изменения тут же отобразятся на вашем тексте.

Работа над обводкой мечты займет не больше пары минут / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать контур текста в Фотошопе

А что делать, если контур текста нужен, а сам текст — нет? Например, нужно получить эффект прозрачного шрифта. Что ж, это совсем несложно. Делимся быстрым способом, как сделать контур в Фотошопе.

1. Создайте текст.

2. В палитре Слои / Layers перейдите в стили слоя. Они прячутся под кнопкой fx (подробный алгоритм в предыдущем блоке). Создайте нужный контур в подменю Обводка / Stroke.

3. Теперь создаем контур текста. Чтобы это сделать, в палитре Слои / Layers найдите кнопку Заливка / Fill. В окне справа от неё поставьте значение 0%.

Обводка осталась, а сам текст исчез / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать обводку объекта в Фотошопе 

Хочется сделать творческую съёмку ещё необычнее? У заказчика специфические пожелания для контента в соцсети? Рассказываем и показываем, как сделать обводку картинки в Фотошопе.

1. Откройте картинку или фотографию. Если вы хотите перенести картинку с обводкой на новый фон, подготовьте его. Если же нужно, чтобы обводка у объекта была в этом файле, скопируйте слой.

Чтобы дублировать слой, откройте Слои / Layers ( кнопка F7 или меню Окно / Window — Слои / Layer). Нажмите на строку Фон / Background. Затем наберите сочетание кнопок Ctrl + J, либо кликните правой кнопкой мыши, а в выпавшем меню отыщите строку Создать дубликат слоя / Duplicate Layer.

2. В любом случае объект придётся вырезать. Например, зайдите в палитру Свойства / Properties и нажмите кнопку Удалить фон / Remove Background. Подождите, пока команда приментися. На слабых компьютерах для этого может потребоваться несколько секунд.


Читайте также:
Как вырезать объект в Photoshop: 5 способов


Вы увидите чёрно-белый квадрат рядом с копией слой. Это маска, которая отвечает за то, что объекты остались без фона / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Подготовка картинки закончена. Теперь переходим к тому, как сделать контур изображения в Фотошопе. Для этого нажмите на квадрат с фото на дубликате слоя. Здесь это превьюшка с котами (называется Слой 1).

В Слоях найдите значок в виде букв fx. В открывшемся окне нажмите Обводка… / Stroke… / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

4. Перед вам откроются стили слоя. Регулируя разные параметры от толщины контура (отвечает ползунок Размер / Size) до его непрозрачности, местоположения и цвета, получите идеальную обводку, отвечающую вашему видению.

Когда обводка изображения готова, нажмите кнопку Ок, которая находится справа от меню с настройками контура / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать контур в Фотошопе

Рассказываем поэтапно, как сделать контур картинки в Фотошопе, чтобы от изображения осталась только обводка.

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

1. Откройте изображение, а также файл с фоном для будущего контура.

2. Вырежьте объект любым удобным способом.


Читайте также:
4 способа убрать фон в Photoshop


3. В палитре Слои / Layers нажмите на кнопку fx. Выберите в меню строку Обводка / Stroke. Далее создайте нужную обводку и нажмите Ок (подробный алгоритм расписан выше).

4. В палитре Слои нажмите на слой, где находится вырезанный объект без фона. Подхватите его, зажав левую кнопку мыши, и перенесите на название изображения с заранее подготовленным фоном.

Здесь нужно подхватить Слой 1 и перенести на файл с длинным именем, который обведён прямоугольником / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. Выберите слой с перенесённым объектом (в нашем примере слой с котами). В палитре Слои найдите иконку fx и создайте нужную обводку.

Важно не просто нажать на Слой 1, а выбрать квадратик, где находятся коты / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

6. Чтобы сделать контур объекта в Фотошопе, примените обводку к своей вырезанной картинке. Теперь дело за одним движением мышки — в палитре Слои найдите строку Заливка / Fill и, нажав на неё, сдвиньте ползунок влево.

Коты исчезли, а их контуры остались на кирпичном фоне / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать неоновую обводку в Фотошопе

Неоновую обводку текста или контура изображения можно сделать всего за пару минут. Главное, что нужно учесть — виднее всего она будет, если шрифт или изображение будут на тёмном фоне.

1. Напишите текст или поместите вырезанную заранее картинку на тёмный фон.

2. В палитре Слои кликните на fx, либо нажмите правой кнопкой мыши на слой с текстом или объектом и выберите Параметры наложения / Blending Options.

Третий вариант: меню Слой / Layer — Стиль слоя / Layer Style — Параметры наложения / Blending Options / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Для неонового свечения используйте стили слоя Обводка / Stroke и Внешнее свечение / Outer Glow.

Для эффекта свечения изнутри автор использовал светло-жёлтую обводку, а для внешнего свечения применил оранжево-красный градиент с настройками, которые видны на скриншоте / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

yand2

Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

Как быстро и просто сделать обводку в фотошопе 1

В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

Как быстро и просто сделать обводку в фотошопе 2

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

Как быстро и просто сделать обводку в фотошопе 3

Тут вы можете выбрать цвет, размер, прозрачность, положение и режим наложения обводки.

В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.

Для примера я выбрала тип обводки градиент и радужный градиент.

Окно стилей слоя с настройками:

4

Фигура с обводкой:

Как быстро и просто сделать обводку в фотошопе 5

При помощи стилей слоя можно добавить обводку любому объекту, благодаря множеству гибких настроек этот способ является лучшим, но справедливости ради рассмотрим и второй.

Обводка при помощи меню Редактирование

Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

Как быстро и просто сделать обводку в фотошопе 6

Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.

Как быстро и просто сделать обводку в фотошопе 7

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

Как быстро и просто сделать обводку в фотошопе 8

Тут вы тоже можете выбрать размер (ширину) обводки, расположение, режим наложения и непрозрачность.

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

Как быстро и просто сделать обводку в фотошопе 9

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


Загрузить PDF


Загрузить PDF

Обводка — это четкие внешние линии, которые можно применить к любому слою Adobe Photoshop CS5. Сделать ее ОЧЕНЬ просто.

  1. Изображение с названием Add Strokes to Text in Photoshop Step 1

    1

    Введите текст.

    • Убедитесь, что шрифт не жирный.
  2. Изображение с названием Add Strokes to Text in Photoshop Step 2

    2

    Кликните правой кнопкой мыши по слою с текстом.

  3. Изображение с названием Add Strokes to Text in Photoshop Step 3

    3

    В меню выберите «Параметры наложения».

  4. Изображение с названием Add Strokes to Text in Photoshop Step 4

    4

    Слева в окне «Параметров» наложения вы найдете несколько параметров, включая «Обводку». Установите флажок напротив нее.

  5. Изображение с названием Add Strokes to Text in Photoshop Step 5

    5

    Установите настройки «Обводки».

    • Настройте толщину, цвет, положение и так далее.
  6. Изображение с названием Add Strokes to Text in Photoshop Step 6

    6

    Нажмите «Ok».

    Реклама

Советы

  • Это руководство применимо к Adobe Photoshop CS5.

Реклама

Предупреждения

  • Не делайте толщину обводки слишком большой.

Реклама

Об этой статье

Эту страницу просматривали 297 461 раз.

Была ли эта статья полезной?

Где следует использовать «Обводку» (Stroke)

Стиль слоя «Обводка» применяется для добавления обводящих рамок и границ к слоям и формам. Стиль может быть использован для создания сплошных цветных линий, линий с градиентными переходами, а также узорных границ объектов.

Примеры применения:

стиль слоя "Обводка"

Настройки и опции стиля слоя «Обводка» (Stroke)

Этот стиль слоя — наиболее простой в применении эффект, назначение настроек интуитивно понятно, но всё-таки пара-тройка нюансов имеется.

Диалоговое окно

Диалоговое окно стиля русскоязычном и англоязычном Photoshop:

stil

s

Размер (Size)

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

Положение (Position)

Интерфейс опции выполнен в виде выпадающего списка, состоящего из трёх пунктов, задающих положение обводки относительно края объекта:
Снаружи (Outside) — обводка находится за краями объекта
Внутри (Inside) — внутри краёв
Из центра (Center) — середина обводки совпадает проходит по краю объекта

С этим всё понятно. А теперь о тонкостях взаимодействия с другими стилями. На рисунке ниже я привёл примеры. Обводку частично перекрывает стиль слоя «Тиснение» (Bevel and Emboss), но в свою очередь, обводка перекрывает внешнюю Тень (Drop Shadow), а стили «Наложение узора» (Pattern Overlay), «Наложение цвета» (Color Overlay) её не перекрывают:

stil

Режим наложения (Blend Mode)

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

Непрозрачность (Opacity)

Эта опция регулирует прозрачность обводки. С этим всё понятно, но здесь также присутствует одна особенность.
Если обводка имеет положение «Внутри» или «Из центра», то при непрозрачности 0% она скроет перекрываемое ею содержимое слоя. Это видно на примере ниже. К верхнему тексту стиль не применён, к среднему применена обводка в положении «Из центра» с непрозрачностью 100%, а к нижнему тексту применена точно такая же обводка, но с непрозрачностью 0%

стиль обводка

Тип обводки (Fill Type)

Эта опция управляет заполнением Обводки. Заполнение может быть трёх вариантов: Цвет (Color), Градиент (Gradient), или Узор (Pattern).
Каждый из этих вариантов дает нам дополнительные возможности для оформления обводки:

s

С опцией «Цвет» всё понятно — он делает сплошную однотонную заливку, цвет выбирается с помощью нажатия на прямоугольник, расположенный слева от выпадающего списка.

«Узор» заполняет обводку паттерном (готовым узором) по принципу стиля слоя «Наложение узора» (Pattern Overlay).

Опция «Градиент» заполняет тело обводки градиентным заливкой. Вот тут, пожалуй, Photoshop предоставляет нам наибольшее количество вариантов для творчества.

Прежде всего, мы можем настроить градиентную заливку. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл. Проставленная галка в чекбоксе «Инверсия» развернёт на 180° направление градиента. Градиент настраивается так же, как и в стиле Наложение градиента(Gradient Overlay).

Но тут имеется одно важное дополнение, это дополнительный стиль градиента — «Разбивка фигуры», в англ. версии — «Shape Burst»:

s

Эта опция направляет градиент перпендикулярно краю фигуры или слоя, к которому применяется стиль. С помощью неё мы можем получить полосы вдоль контура слоя. Этот стиль применён к нижнему тексту на рисунке:

stil sloya obvodka

Сохранение и загрузка настроек стиля слоя по умолчанию

Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя «Тени».

Понравилась статья? Поделить с друзьями:
  • Как найти тренера по бизнесу
  • Как найти пропавший samsung
  • Как найти потенциал поля создаваемого двумя зарядами
  • Как найти загружаемые фильмы
  • Составить предложения как птицы готовятся к зиме