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

Всех приветствую на портале WiFiGiD.RU. В сегодняшнем уроке я расскажу вам, как сделать красивую обводку текста в Фотошопе (Photoshop). Мы рассмотрим два простых способа и научимся не просто обводить текст, а делать его красивым, интересным и объемным. Несмотря на то что оба способа дают плюс-минус один и тот же результат – я советую подробно ознакомиться с каждым представленным вариантом. Если в процессе чтения у вас возникнут какие-то вопросы, или что-то не будет получаться – пишите в комментариях.

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

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

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

2. Теперь на вкладке «Слои» два раза кликните левой кнопкой мыши по нашему слою. Лучше щелкать по пустому месту справа от названия слоя, чтобы случайно не включить переименование.

3. Установите галочку и перейдите в раздел «Обводка». Сначала нам нужно указать «Размер» обводки в пикселях – укажите тот размер, который вам нужен. И конечно же не забываем про цвет.

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

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

6. Саму обводку можно сделать прозрачной – если немного убрать бегунок ниже.

7. Ну и самое интересное – это изменить «Тип обводки». Давайте попробуем установить «Градиент». После этого вы можете выбрать один из вариантов, представленных в программе. Уже получается более объемно.

ПРИМЕЧАНИЕ! В свежих версиях Photoshop рядом с «Обводкой» бывает плюсик – так можно добавить еще один контур.

8. Вы можете также изменить «Стиль» наложения градиента – таким образом рисунок будет совсем другим.

9. Ниже есть настройка «Угол» – она работает не со всеми стилями градиента. Здесь можно изменить наклон, например, зеркального градиента.

10. Давайте попробуем создать собственный градиент – для этого нажмите по шестеренке в правом верхнем углу и выберите пункт «Новый набор градиента».

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

12. Цвет выбирается аналогичным образом, не забываем в конце применить настройку с помощью кнопки «ОК».

13. Чтобы добавить еще один цвет (или «Карандаш») нажмите правой кнопкой по любому месту градиента.

14. Как только градиент будет готов – нам нужно его сохранить, нажав по кнопке «Новый». Он сохранится в папку «Наборы», которая сейчас открыта.

15. Теперь попробуйте применить наш градиент и посмотрите, что получится.

16. Мы забыли еще про одну настройку – «Масштаб». Она нужна для изменения размера некоторых стилей градиента – например, при использовании «Ромба», «Зеркального» или «Радиального» рисунка.
17. Есть еще один «Тип обводки» – «Узор». Мы его подробно рассматривать не будем – вы можете поиграться с настройками самостоятельно.

СОВЕТ! На мелком тексте не ставьте слишком толстый контур – буквы могут слипнуться. Сначала подберите размер букв, а потом уже обводку: как увеличить текст в Photoshop.

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

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

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

2. Слой выделился – отлично! Если нужно выделять уже не текст, а картинку или человека, смотрим отдельный урок – как выделить объект в Фотошопе.

3. На верхней панели открываем вкладку «Выделение», переходим в раздел «Модификация» и применяем «Расширение».

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

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

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

7. Выберите любой другой цвет и с помощью инструмента «Заливка» покрасьте выделенную область на новом слое.

8. Уберите выделение с помощью клавиш. Еще варианты есть тут – как убрать выделение в Фотошопе:

Ctrl + D

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

10. Переходим в «Фильтр» – «Размытие» – «Размытие по Гауссу».

11. Ставим небольшое значение и применяем функцию. После этого края будут не такие жесткие.

12. Два раза кликаем ЛКМ по слою с обводкой, включаем «Наложение градиента» и берем градиент, который мы создали в прошлом способе. По сути мы получили то же самое, но с точки зрения Photoshop здесь мы используем два разных и независимых слоя. Для некоторых ситуаций с двумя слоями работать чуть проще.

13. Теперь кликаем два раза ЛКМ по слою с текстом, чтобы открыть то же самое окно.

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

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

Видео

YouTube