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

Обновлено: 06.07.2024

В сегодняшнем руководстве я хотел бы рассказать, как сделать обводку текста в Фотошопе .

Стили слоя в Photoshop позволяют без труда добавлять тени, свечения, контуры, цветовые наложения и многое другое. Комбинируя эти эффекты, можно оформлять тексты, фигуры и другие элементы на изображении. В старых версиях Photoshop можно было добавлять только одну тень, только один эффект обводки, и это создавало определенные ограничения. На сегодняшний день в Photoshop CC можно применять один и тот же стиль бесконечное количество раз, и именно этим мы сегодня займемся.

Мы добавим двойной контур к одному и тому же тексту. Давайте узнаем, как это сделать.

Создайте новый файл и добавьте текст

Создайте пустой документ в Photoshop , и задайте ему размер 1000 на 500 пикселей . Для данного примера мы воспользуемся простой графикой для веб, и поэтому разрешение документа будет составлять 72ppi . Если же вы планируете пустить эту работу в печать, то не забудьте установить разрешение 300ppi ;
Теперь нужно добавить текст. Я воспользовалась бесплатным шрифтом под названием Folk . Хотя для примера подойдет любой полужирный шрифт.

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

Как только разберетесь с настройками, переведите фокус ввода на документ и напишите какой-нибудь текст:

После этого кликните по какому-нибудь другому слою или по галочке на панели опций:

Создаем стиль слоя

Сейчас текст в Фотошопе выглядит немного странно, так как располагается на белом фоне, и при этом имеет белую обводку. Далее мы добавим еще одну обводку, и все станет гораздо интереснее.

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

Уровень непрозрачности ставим на 100% .
В рамках данного примера подойдет любой угол отбрасывания тени.
Смещение выставляем на 10px .
Размах на 10%
Размер на 10% :

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

Дайте знать, что вы думаете по данной теме статьи в комментариях. Мы крайне благодарны вам за ваши комментарии, лайки, подписки, отклики, дизлайки!

Дайте знать, что вы думаете по данной теме в комментариях. Мы крайне благодарны вам за ваши комментарии, отклики, лайки, дизлайки, подписки!

Как и любой редактор векторной графики Inkscape обладает отличными возможностями для создания различных вариантов заливок и обводок контуров.

p, blockquote 1,0,0,0,0 -->

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

p, blockquote 2,0,0,0,0 --> adsp-pro-1 -->

Для примера, давайте нарисуем окружность с заливкой красным и обводкой синим цветом. Для этого воспользуйтесь инструментом Рисовать круги, эллипсы и дуги (F5).

p, blockquote 3,0,0,0,0 -->

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

p, blockquote 4,0,0,0,0 -->

p, blockquote 5,0,0,0,0 -->

Для настройки цвета и стиля заливки будем использовать панель Заливка и обводка . Если панель не отображается, необходимо ее включить, нажав Shift+Ctrl+F.

p, blockquote 6,0,0,0,0 -->

Давайте немного настроим окружность. В закладке Стиль обводки установите толщину в 40 пх. По умолчанию единицами измерения являются миллиметры. Измените единицы измерения на пиксели- px и укажите нужную толщину.
Совершенно не обязательно делать такую толстую обводку, это просто пример изменения стиля обводки.

p, blockquote 7,0,0,0,0 -->

p, blockquote 8,0,0,0,0 -->

в закладке Обводка укажите синий цвет. Способ заливки контура- сплошной цвет. Способ формирования цвета можете выбрать любой из доступных- RGB, HSL, CMYK, Круг, CMS.

p, blockquote 9,0,0,0,0 -->

p, blockquote 10,0,0,0,0 -->

В закладке Заливка установите красный цвет.

p, blockquote 11,0,0,0,0 -->

p, blockquote 12,0,0,0,0 -->

p, blockquote 13,0,1,0,0 -->

Заливка контура

Давайте посмотрим какие возможности по заливке контура нам доступны.

p, blockquote 14,0,0,0,0 -->

p, blockquote 15,0,0,0,0 -->

В панели присутствуют следующие варианты заливки контура:

Нет заливки
Сплошная заливка
Линейный градиент
Радиальный градиент
Текстура
Образец

С режимом 1 все понятно: заливка отсутствует. Область внутри контура не имеет цвета и полностью прозрачна.

p, blockquote 17,0,0,0,0 -->

Режим 2 это заливка сплошным цветом: выбираем на круге цвет и настраиваем, если нужно, непрозрачность.

p, blockquote 18,0,0,0,0 -->

Короткое видео по заливке и обводке контура

p, blockquote 19,0,0,0,0 -->

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

p, blockquote 20,0,0,0,0 -->

p, blockquote 21,0,0,0,0 -->

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

p, blockquote 22,0,0,0,0 -->

p, blockquote 23,0,0,0,0 -->

p, blockquote 24,0,0,0,0 -->

p, blockquote 25,0,0,0,0 -->

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

p, blockquote 26,0,0,0,0 -->

Двигая каждый маркер и выбирая цвет, можно редактировать градиент.

p, blockquote 27,1,0,0,0 -->

p, blockquote 28,0,0,0,0 -->

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

p, blockquote 29,0,0,0,0 -->

Точка добавляется двойным щелчком мыши на отрезке.

p, blockquote 30,0,0,0,0 -->

p, blockquote 31,0,0,0,0 -->

Для каждого цвета отдельно настраивается прозрачность.

p, blockquote 32,0,0,0,0 -->

p, blockquote 33,0,0,0,0 -->

С радиальной заливкой все аналогично: выбор цвета, добавление опорных точек, настройка прозрачности.

p, blockquote 34,0,0,0,0 -->

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

p, blockquote 35,0,0,0,0 -->

p, blockquote 36,0,0,0,0 -->

p, blockquote 37,0,0,0,0 -->

Удаление опорных точек происходит выбором точки и нажатием клавиши delete.

p, blockquote 38,0,0,0,0 -->

Линейный и радиальный градиент, смотрим

p, blockquote 39,0,0,0,0 -->

Режим 5 позволяет заполнить внутреннюю область черно-белой текстурой. Текстуры выбираются из списка.

p, blockquote 40,0,0,0,0 -->

p, blockquote 41,0,0,1,0 -->

p, blockquote 42,0,0,0,0 -->

Можно использовать собственные как векторные, так и растровые текстуры. Стоит потренироваться с их использованием.

p, blockquote 43,0,0,0,0 -->

Режим 6 позволяет использовать образцы цвета заливки, которые пользователь планирует задействовать в работе. После сохранения файла с работой образцы так же сохраняются.

p, blockquote 44,0,0,0,0 -->

p, blockquote 45,0,0,0,0 -->

Как задать обводку контура

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

p, blockquote 46,0,0,0,0 -->

Рассмотрим только настройки самой обводки в закладке Стиль обводки . Нарисуйте линию с помощью инструмента Кривые Безье. Панель настроек стиля ниже

p, blockquote 47,0,0,0,0 -->

Управление толщиной линии
Настройка формы соединения сегментов
Угол в месте соединения сегментов
Настройка концов линии
Тип линии
Маркеры начала середины и конца линии

Ниже проведена линия, концы которой выбраны Квадратные , соединение сегментов установлено в положение Острое

p, blockquote 49,0,0,0,0 -->

p, blockquote 50,0,0,0,0 -->

На следующем рисунке показаны фрагменты двух линий в местах соединения сегментов

p, blockquote 51,0,0,0,0 -->

p, blockquote 52,0,0,0,0 -->

У линии 1 — концы круглые , соединение сегментов — скругленное , у линии 2 концы квадратные , соединение сегментов — фаска .

p, blockquote 53,0,0,0,0 -->

Еще ниже пример линии проведенной пунктиром, толщиной 6 пх, начальный маркер — круг, конечный — стрелка. Стиль проведения линии выбирается в открывающемся списке (5), а вид маркера в трех списках ниже (6).