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

Содержание

Где следует использовать «Обводку» (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»:

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

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

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

Обводка в Фотошопе: как сделать контур изображения и текста | Урок | Фото, видео, оптика

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

Контурами можно как обводить объекты или текст, так и оставлять пустые «силуэты» / Фото: 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.

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

Как создать рамку с штрихами в Photoshop | Small Business

Наоми Болтон

Adobe Photoshop поставляется с набором фильтров, которые можно применить, чтобы сделать изображения более привлекательными. Эффекты фильтров также можно использовать для создания интересных рамок для ваших фотографий. Фильтр мазков кисти предназначен для создания художественных эффектов, но создает уникальные границы изображения при использовании в сочетании с маской слоя. Поскольку у вас есть контроль над радиусом распыления и длиной мазков, вы можете использовать один и тот же эффект с разными параметрами для каждой границы, чтобы создать некоторые вариации.

1. Откройте Adobe Photoshop и загрузите изображение, к которому вы хотите применить эффект границы.

2. Выберите инструмент «Прямоугольная область» в окне «Инструменты», а затем щелкните и перетащите выделение вокруг фотографии. Эффект заштрихованной границы будет применен к области за пределами выделения.

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

4. Нажмите «Фильтр» в строке меню, а затем выберите «Галерея фильтров».

5. Нажмите и перетащите ползунки «Длина обводки» и «Радиус распыления» вправо, проверяя раздел предварительного просмотра. Чем выше значения длины и радиуса, тем более выражен эффект границы. Идеальные значения зависят от размера исходного изображения и ваших собственных предпочтений, поэтому экспериментируйте, пока не будете удовлетворены предварительным просмотром.

6. Выберите направление штрихов в раскрывающемся списке «Направление штриха» и нажмите «ОК».

7. Нажмите «Редактировать в стандартном режиме» в окне «Инструменты», чтобы превратить быструю маску в выделение. Щелкните правой кнопкой мыши выделение и выберите «Слой через копирование» в контекстном меню.

8. Нажмите «Создать новый слой» в окне «Слои» и выберите инструмент «Заливка» в окне «Инструменты». Щелкните палитру «Цвет переднего плана» в окне «Инструменты» и выберите цвет границы.

9. Нажмите «ОК», затем щелкните холст, чтобы заполнить весь слой выбранным цветом. В окне «Слои» щелкните и перетащите «Слой 2», который представляет собой слой со сплошным цветом, под «Слой 1», который является слоем изображения.

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

Ссылки

• Photoshop CS6: недостающее руководство; Lesa Snider
• Adobe: сохранение и загрузка выделенных фрагментов

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

• Информация в этой статье относится к Adobe Photoshop CS6. Он может незначительно или значительно отличаться от других версий или продуктов.

Писатель Биография

Наоми Болтон фактически выросла в мастерской по ремонту компьютеров, сколько себя помнит. Получив диплом на четырехлетнем курсе графического дизайна в Cibap College, Болтон открыла собственный фотобизнес. Ее работы были представлены на Blinklist, Gameramble и многих других.

Photoshop- Границы- Изучите Photoshop 6 Stroke

Photoshop- Границы- Изучите 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 для создания кругового штриха.

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

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

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