Lumpics lumpics.ru

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


Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте эту статью, в ней будет представлен один из приемов оформления текста, а конкретно – обводка.

При условии, что вы не планируете пользоваться Adobe Photoshop на постоянной основе, следует знать, что сделать обводку текста можно и без необходимости установки подобного программного обеспечения. Отличным решением озвученной задачи является онлайн-сервис Canva, содержащий огромную библиотеку шаблонов, графических элементов, шрифтов и стилей, благодаря чему вы сможете не только создать красивую надпись, но и оформить ее на свое усмотрение, а затем сохранить на ПК в любом удобном формате.

Обводка текста в Фотошопе

Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

delaem-obvodku-teksta-v-fotoshope

Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрав пункт «Обводка». Здесь можно настроить цвет, расположение, тип и толщину обводки. Это путь дилетантов, а мы с вами настоящие профи, поэтому и действовать будем по-другому. Почему так? При помощи стилей слоя можно создать только линейную или градиентную обводку, а способ, который мы изучим в этом уроке, позволит создать борд любой конфигурации.

delaem-obvodku-teksta-v-fotoshope-2

Итак, текст у нас есть, приступаем.

  1. Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму. delaem-obvodku-teksta-v-fotoshope-3
  2. Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».

    delaem-obvodku-teksta-v-fotoshope-4

    Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).

    delaem-obvodku-teksta-v-fotoshope-5

    Получаем вот такое выделение:

    delaem-obvodku-teksta-v-fotoshope-6
  3. Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».

    delaem-obvodku-teksta-v-fotoshope-7

    Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

    delaem-obvodku-teksta-v-fotoshope-8

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

    delaem-obvodku-teksta-v-fotoshope-9
  4. Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).

    delaem-obvodku-teksta-v-fotoshope-10

  5. Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.

    delaem-obvodku-teksta-v-fotoshope-11

    Получаем следующее:

    delaem-obvodku-teksta-v-fotoshope-12
  6. Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.

    delaem-obvodku-teksta-v-fotoshope-13

  7. Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется «Черно-белое тонирование» и входит в стандартную комплектацию Фотошопа.

    delaem-obvodku-teksta-v-fotoshope-14

    Затем выберем тип градиента «Зеркальный» и инвертируем его.

    delaem-obvodku-teksta-v-fotoshope-15
  8. Жмем ОК и любуемся…

    delaem-obvodku-teksta-v-fotoshope-16

  9. Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.

    delaem-obvodku-teksta-v-fotoshope-17

  10. Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

    delaem-obvodku-teksta-v-fotoshope-18

Итоговый результат у нас получился вот такой:

delaem-obvodku-teksta-v-fotoshope-19

Имея немного желания и фантазии при помощи данного приема можно добиться очень интересных результатов.

Обсудить в TelegramНаш Telegram каналТолько полезная информация
Автор статьи Вы на сайте: Статья обновлена: . Автор: Сергей Николаев

Вам помогли мои советы?

Получить ответ на Email
Уведомить о

4 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
DonKarleone
17 ноября 2016 21:14

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

Катерина Тараскина
18 ноября 2016 11:20
Ответить на  DonKarleone

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

Аноним
5 октября 2023 07:07

Инструкция для тех, кто с фотошопом на «Ты». А новичку ваше описание- как дебри леса для «заблудившегося»

Виктор Бухтеев
5 октября 2023 14:55
Ответить на  Аноним

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

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

Задать вопрос