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

Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 682 Обновлено

Содержание

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

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

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

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

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

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

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

Размер (Size)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обводка контура и текста в Photoshop

Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 633 Обновлено

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.

Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т.д.

Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.

Обводку контура можно создавать сплошной и пунктирной линией (эта опция поддерживается начиная с CS6, подробнее здесь), а в этом уроке мы поговорим о художественной обводке, выполненной с помощью инструмента Кисть (Brush Tool).

Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:

Давайте начнём. Для начала нам надо создать контур. Нам подойдёт любой контур, созданный при помощи любого из инструментов группы векторных контуров или инструментами «Перо» (Pen Tool) и «Свободное перо» (Freeform Pen Tool).


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

Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:

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

Я использую круглую кисть с такими настройками:

После того, как мы настроили кисть, снова берём инструмент контура, кликаем правой клавишей мыши внутри контура и в открывшемся контекстном меню нажимаем на пункт «Выполнить обводку контура» (Stroke Path). Открывается новое диалоговое окно, где в раскрывающемся списке выбираем «Кисть»

Результат:

Пишем текст:

Преобразуем текст в контур, как описывается здесь. Для Photoshop CC это делается через вкладку главного меню Текст —> Создать рабочий контур (Type —> Convert to Work Path):

Видимость тестового слоя можно отключить.

Теперь создаём новый слой, выбираем любой контурный инструмент, кликаем правой клавишей мыши внутри контура и применяем функцию «Обводка контура», кисть, конечно, у нас заранее настроена:

Но есть и более интересное решение — применить обводку не к самому слою, а к слой-маске, а под этим слоем с маской разместить какую-либо текстуру.

Итак, я отменяю обводку (Ctrl+Alt+Z), создаю к слою слой-маску и заново применяю обводку, да, ещё я убрал у кисти интервалы.

Внешних изменений не произошло, т.к. под этим слоем фон у меня такого же цвета, а вот на миниатюре маски видны изменения:

Теперь осталось сунуть под этот слой какую-либо текстуру, я выбрал ретро-гранж.

Результат:

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

Заливки и штрихи

Руководство пользователя Отмена

Поиск

Последнее обновление: 12 января 2022 г. , 12:49:30 по Гринвичу

  1. Руководство пользователя Photoshop Elements
  2. Введение в Photoshop Elements
    1. Что нового в Photoshop Elements
    2. Системные требования | Элементы Фотошопа
    3. Основы рабочего пространства
    4. Ведомый режим
    5. Создание фотопроектов
  3. Рабочее пространство и окружающая среда
    1. Знакомство с главным экраном
    2. Основы рабочего пространства
    3. Инструменты
    4. Панели и ящики
    5. Открыть файлы
    6. Линейки, сетки и направляющие
    7. Расширенный быстрый режим
    8. Информация о файле
    9. Пресеты и библиотеки
    10. Поддержка мультитач
    11. Скретч-диски, плагины и обновления приложений
    12. Отмена, повтор и отмена действий
    13. Просмотр изображений
  4. Исправление и улучшение фотографий
    1. Изменение размера изображений
    2. Обрезка
    3. Обработка необработанных файлов изображений камеры
    4. Добавить размытие, заменить цвета и клонировать области изображения
    5. Настройка теней и света
    6. Ретушь и корректировка фотографий
    7. Повышение резкости фотографий
    8. Трансформация
    9. Автоматический интеллектуальный тон
    10. Перекомпоновка
    11. Использование действий для обработки фотографий
    12. Photomerge Compose
    13. Создать панораму
    14. Перемещение наложений
    15. Подвижные элементы
  5. Добавление фигур и текста
    1. Добавление текста
    2. Редактировать текст
    3. Создание фигур
    4. Редактирование фигур
    5. Обзор окраски
    6. Малярные инструменты
    7. Настройка кистей
    8. Узоры
    9. Заливки и штрихи
    10. Градиенты
    11. Работа с азиатским типом
  6. Управляемое редактирование, эффекты и фильтры
    1. Управляемый режим
    2. Фильтры
    3. Управляемый режим редактирования Photomerge
    4. Управляемый режим Основные правки
    5. Регулировочные фильтры
    6. Эффекты
    7. Управляемый режим Забавные правки
    8. Управляемый режим Специальные правки
    9. Художественные фильтры
    10. Управляемый режим Редактирование цвета
    11. Управляемый режим черно-белого редактирования
    12. Фильтры размытия
    13. Фильтры для мазка кистью
    14. Фильтры искажения
    15. Прочие фильтры
    16. Помехоподавляющие фильтры
    17. Фильтры визуализации
    18. Эскизные фильтры
    19. Стилизовать фильтры
    20. Текстурные фильтры
  7. Работа с цветами
    1. Понимание цвета
    2. Настройка управления цветом
    3. Основы коррекции цвета и тона
    4. Выберите цвет
    5. Настройка цвета, насыщенности и оттенка
    6. Исправить цветовые оттенки
    7. Использование режимов изображения и таблиц цветов
    8. Цвет и камера RAW
  8. Работа с выделением
    1. Выделение в Photoshop Elements
    2. Сохранение выбора
    3. Изменение выбора
    4. Перемещение и копирование выделенного
    5. Редактировать и уточнить выборки
    6. Сглаживание краев выделения со сглаживанием и растушевкой
  9. Работа со слоями
    1. Создание слоев
    2. Редактировать слои
    3. Скопируйте и расположите слои
    4. Корректирующие слои и слои-заливки
    5. Обтравочные маски
    6. Маски слоя
    7. Стили слоя
    8. Непрозрачность и режимы наложения
  10. Создание фотопроектов
    1. Основы проекта
    2. Создание фотопроектов
    3. Редактирование фотопроектов
  11. Сохранение, печать и обмен фотографиями
    1. Сохранение изображений
    2. Печать фотографий
    3. Делитесь фотографиями онлайн
    4. Оптимизация изображений
    5. Оптимизация изображений для формата JPEG
    6. Дизеринг веб-изображений
    7. Управляемое редактирование — панель «Поделиться»
    8. Предварительный просмотр веб-изображений
    9. Использовать прозрачность и матовость
    10. Оптимизация изображений для формата GIF или PNG-8
    11. Оптимизация изображений для формата PNG-24
  12. Сочетания клавиш
    1. Клавиши для выбора инструментов
    2. Клавиши для выбора и перемещения объектов
    3. Клавиши для панели «Слои»
    4. Клавиши для отображения или скрытия панелей (экспертный режим)
    5. Ключи для рисования и кисти
    6. Клавиши для использования текста
    7. Ключи для фильтра Liquify
    8. Ключи для трансформации выделений
    9. Клавиши для панели «Образцы цвета»
    10. Клавиши для диалогового окна Camera Raw
    11. Ключи для галереи фильтров
    12. Клавиши для использования режимов наложения
    13. Клавиши для просмотра изображений (экспертный режим)

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

  1. Выберите основной цвет.

  2. Выберите инструмент Paint Bucket на панели инструментов.

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

    Если вы не хотите заполнять прозрачные области в слое можно заблокировать прозрачность слоя в меню Слои панель.

    Вы можете указать любой из следующих Paint Bucket опции инструмента:

    Краска/узор

    Устанавливает цвет переднего плана (Paint) или дизайн узора (Pattern) использовать в качестве заливки.

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

    Устанавливает непрозрачность наносимой краски. Настройка низкой непрозрачности позволяет пикселям под мазком краски просвечиваться. Перетащите ползунок или введите значение прозрачности.

    Толерантность

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

    Режим

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

    Все слои

    Заполняет одинаковые пиксели на любом видимом слое, который находится внутри уровни, установленные параметрами «Допуск» и «Смежные».

    Смежный

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

    Сглаживание

    Сглаживает края заполненного выделения.

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

  1. Укажите цвет переднего плана или фона.

  2. Выберите область, которую хотите заполнить. Чтобы заполнить весь слой, выберите слой на панели «Слои».

  3. Выберите «Правка» > «Заливка слоя» или «Правка» > «Заливка». Выбор .

  4. Задайте параметры в диалоговом окне «Заливка» и нажмите «ОК».

    Содержание

    Выберите цвет в меню «Использовать». Чтобы выбрать другой цвет, выберите «Цвет», а затем выберите цвет в палитре цветов. Выбирать Узор для заполнения узором.

    Пользовательский шаблон

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

    Режим

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

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

    Задает непрозрачность применяемого цветового шаблона.

    Сохранить прозрачность

    Заполняет только непрозрачные пиксели.

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

Чтобы добавить контур на фон, необходимо сначала преобразовать его в обычный слой. Фон не содержит прозрачных пикселей, поэтому весь слой очерчен.

  1. Выберите область изображения или слой в Панель слоев.

  2. Выберите «Правка» > «Обводка (контур)».

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

    Ширина

    Определяет ширину резкого контура. Ценности могут диапазон от 1 до 250 пикселей.

    Цвет

    Задает цвет контура. Щелкните образец цвета, чтобы выберите цвет в палитре цветов.

    Расположение

    Указывает, следует ли размещать контур внутри, снаружи или по центру выделения или границ слоя.

    Режим

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

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

    Устанавливает непрозрачность наносимой краски. Введите прозрачность значение или щелкните стрелку и перетащите ползунок.

    Сохранить прозрачность

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

Больше похоже на это

  • О цветах переднего плана и фона
  • О режимах наложения
  • Сглаживание краев выделения с помощью сглаживания
  • Создание слоев-заливок
  • Об узорах

9 Войдите в свою учетную запись


Войти

Управление учетной записью

Photoshop- Borders- Изучите Photoshop 6 Stroke

Photoshop- Borders- Изучите Photoshop 6 Stroke Главная Photoshop Границы Изучите Photoshop 6 Stroke
Поиск MS Office A-Z   | Поиск веб-страниц/ Дизайн от А до Я

Изучите Photoshop 6-тактный

Ненавязчивая небольшая функция Photoshop, команда «Обводка», позволяет легко рисовать границы вокруг целых изображений или внутри них. Используйте обводку, чтобы выделить фотографию красочной рамкой, или выделите часть изображения, или обведите слой изображения для создания художественных специальных эффектов. Будьте готовы сделать решительный шаг!

Для практики откройте любое портретное или альбомное изображение. Ну начнем с портрета.

Подходит для обрамления

Если вы развернете окно изображения в Photoshop, изображение будет иметь тонкую черную рамку. (Расширьте окно, перетащив угол или сторону окна наружу с помощью мыши.) Эта линия является всего лишь программным артефактом, однако это удобный способ для Photoshop отделить изображение от окна, в котором оно появляется. Другими словами, это не видимая граница.

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

Инсульт

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

Выберите ширину границы 3 пикселя. Затем выберите цвет, который вы хотите использовать для границы. В разделе «Расположение» выберите «Внутри». Это устанавливает 3-пиксельную границу в пределах края изображения. Если вы выбрали «Центр», будет отображаться только половина 3-пиксельной границы. Если вы выберете Снаружи, граница вообще не будет отображаться.

Возможность установить режим смешивания цветов границы — это хорошо, но в 3-пиксельной строке различия между этими параметрами трудно различимы. Мы рекомендуем оставить режим Нормальный и Непрозрачность на 100%.

Нажмите OK. Нажмите CTRL-D, чтобы удалить линии выделения.

Другой ход

Штрих также полезен на изображении, например, для выделения географического объекта в ландшафте.

Например, у нас есть фотография вулкана Олимп Монс на Марсе, сделанная НАСА. Мы хотели бы выделить кальдеру на вершине вулкана, и для этого хорошо использовать штрих. Для практики вы можете использовать исходное изображение или просмотреть веб-сайт НАСА и скопировать свою собственную планетарную фотографию.

Вместо использования меню «Выбор» щелкните инструмент «Прямоугольная область». Используйте его, чтобы нарисовать прямоугольник на фотографии. Выберите «Обводка» в меню «Правка». Установите размер и цвет обводки. На этот раз вы можете установить местоположение за пределами выделения, если хотите. Опять же, оставьте параметры смешивания по умолчанию. Нажмите OK, затем CTRL-D, чтобы удалить линии выделения.

В качестве альтернативы вы можете использовать инструмент Elliptical Marquee для создания кругового штриха.

Обводка слоя А

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

Если у вас нет под рукой многослойного изображения, вы можете попрактиковаться с одним из файлов-примеров Photoshop, например Bear.psd. (В меню «Файл» выберите «Открыть» и перейдите в папку «C:/PROGRAM FILES/ADOBE/PHOTOSHOP 6.0/Samples».) Если сгладить изображение медведя в один слой, получится граница изображения, аналогичная той, что была в нашем первом примере.

Сначала выберите цвет переднего плана для обводки. В палитре «Слои» щелкните, чтобы выбрать слой, который вы хотите обвести. Выберите «Обводка» в меню «Правка». На этот раз для драматического эффекта мы установили ширину обводки на 18 пикселей. Мы также использовали переход «Исключение» с непрозрачностью 90%, что обеспечивает интересный контраст между изображением и цветом смешения.

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

No related posts.