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

Доброго времени суток, уважаемые пользователи портала MoiSovety.ru. Сегодняшний урок посвящен созданию эффектной обводки текста в программе Фотошоп (Photoshop). Мы изучим два простых способа и научимся не просто обводить текст, а делать его более привлекательным, интересным и объемным. Несмотря на то, что оба метода дают схожий результат, я настоятельно рекомендую ознакомиться с обоими внимательно. Если у вас возникнут вопросы в процессе чтения или что-то не будет получаться, не стесняйтесь писать в комментариях.

Способ 1: Стиль слоя

Так как же нам добавить контур в программе Фотошоп. Мы можем создать контур не только для текста, но и для любого выделенного объекта – будь то человек, животное или геометрическая фигура. Главное, чтобы у этого объекта не было фона. Я покажу вам это на примере обычного текста.

1. Если вы хотите просто попрактиковаться – выберите инструмент «Текст» на панели и введите любое слово, или даже букву. Для быстрого выбора инструмента вы можете воспользоваться горячей клавишей:

1. Для активации выберите раздел «Слои» и дважды щелкните левой кнопкой мыши по интересующему нас слою.

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

1. Когда вы выбираете цвет, открывается обычная палитра. Можно выбрать цвет вручную или указать его в формате RGB. Не забудьте нажать «ОК» в конце.

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

1. Если немного сдвинуть бегунок вниз, то можно сделать саму обводку прозрачной.
2. Измените «Тип обводки» на «Градиент» — это самое интересное. Вы можете выбрать один из вариантов, представленных в программе, и уже получится более объемный эффект.

1. Изменение «Стиля» наложения градиента также позволит вам создать совершенно новый вид изображения.

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

1. Желаю воспробовать сформировать свой собственный градиент – для этого нажмите на иконку шестеренки в верхнем правом углу и выберите опцию «Создать новый градиент».

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

1. Выберите цвет таким же образом, и не забудьте подтвердить настройки, нажав кнопку «OK».

1. Если вы хотите вставить дополнительный оттенок (или «Карандаш»), щелкните правой кнопкой мыши в любом месте градиента.

1. После завершения создания градиента необходимо сохранить его, нажав на кнопку «Сохранить». Он будет сохранен в открытую в данный момент папку «Наборы».

1. Опробуйте использовать наш градиент и оцените результат.

1. Нельзя забывать и о настройке «Масштаб», которая позволяет изменять размер некоторых градиентов, таких как «Ромб», «Зеркальный» или «Радиальный».
2. Также стоит упомянуть о «Типе обводки» — «Узор». Эту настройку можно изучить более детально, проведя эксперименты с параметрами самостоятельно.

Способ 2: Ручная обводка

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

1. Уберите предыдущий контур, который мы создавали. Теперь наша задача — выделить текст в Фотошопе по контуру, зажимая клавишу Ctrl и кликая по слою текста.

1. Отлично, выделен слой!

1. Для начала нужно открыть верхнюю панель и выбрать вкладку «Выделение». Затем перейти в раздел «Модификация» и применить функцию «Расширение».

1. Подберите размер расширения в пикселях и нажмите кнопку «ОК». Если результат вас не устраивает, нажмите Ctrl + Z и повторите предыдущие действия.
2. Теперь, когда размер расширения выбран, необходимо создать новый слой.

1. Выберите «Фон», который скрыт под текстовым слоем, и нажмите на значок плюс, чтобы добавить новый слой. Он должен находиться между текстом и фоном – это крайне важно. Если вы по какой-либо причине разместили слой не в том месте, его можно перетащить, удерживая левую кнопку мыши.

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

1. Отмените выделение, нажав следующую комбинацию клавиш:

Ctrl + D

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

1. Заходим в раздел «Фильтр», затем выбираем «Размытие» и далее «Размытие по Гауссу».

1. Устанавливаем небольшое значение и применяем специальную функцию. Затем контуры станут менее резкими.

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

1. Для открытия того же окна нужно сделать двойной щелчок ЛКМ по слою с текстом.

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

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

Видео