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

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

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

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

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

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

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

1. Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.

2. Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».

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

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

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

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

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

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

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

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

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

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

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

8. Жмем ОК и любуемся…

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Как сделать обводку текста в Фотошопе • Дигмаст

Как сделать обводку текста в программе фотошоп? Для этого запускаем программу и выбираем во вкладке Файл / Открыть. Выбираем нужную нам картинку, и пишем для неё необходимый нам текст. Для этого выбираем инструмент Текст и пишем, например, призовой кубок. Если у вас заголовок ушёл за пределы картинки, то наведите курсор чуть пониже, появится стрелочка, и смещаете заголовок так, как вам нравится. Если вас не устраивает сам вид текста, то вы можете его изменить. Здесь конечно довольно скромные возможности для текста, все равно ему можно придать какой- то вид. Выберите шрифт, наклон, курсив, полужирный, размер шрифта и цвет шрифта.

Написав текст, мы создаём для него обводку. Для этого нажимаем на Слой, появится Заголовок и нажимаем на правую кнопку мыши. Выбираем параметры наложения. В самом низу находится функция Обводка. Кликнув по ней 2 раза, открываются настройки. Мы сразу видим, что обводка появилась, но давайте сделаем её покрасивее. Для этого добавляем немного пикселей, например, пять, и меняем цвет чёрный на белый. Цвет белого шрифта шесть букв «F». Получился не плохой вариант, но мы видим, что на белом фоне обводка сливается, и её мы не видим. Для того, чтобы избавиться от этого, можно добавить тени. Для этого также кликаем два раза на вкладку Тень, открываются настройки, и мы начинаем немного редактировать.

Я для себя предпочитаю сменить угол изображения тени, чтобы она была справа и снизу. Теперь мы видим, что тень теперь здесь появилась. Кроме этого, здесь можно изменить размеры тени и её смещение. Мы видим, что установлено 5 пикселей. Давайте попробуем сместить настройку пикселей к нулю. Тень пропадает. Регулируем курсором, смотрим чёткость тени и выбираем оптимальный вариант, например восемь. Видим, что тень стала чёткой, контурной и её можно смещать на любое расстояние. Задав размер тени, например 4, смотрим. Теперь достаточно прилично выглядит обводка и тень, на этом и ограничимся.

Если вам хочется что-то ещё здесь попробовать сделать или добавить какие-то функции и визуальные настройки, то здесь очень большое поле для работы, и вы можете для себя попробовать, что-то более подходящее. Теперь я нажимаю ОК, моя картинка готова, осталось только её сохранить. Если мы готовим её для своего сайта, то мы сохраняем её для WEB. Здесь подбираем по размеру и внешнему виду. Из предложенных вариантов выбираем тот, который нам больше подходит. Нажимаем сохранить, присваиваем имя и сохраняем.

Преобразуем текст в контур

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (Convert to Work Path) в открывшемся контекстном меню. Но, чтобы этот метод сработал,необходимо, чтобы инструмент «Текст» (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои —> Текст —> Создать рабочий контур (Layer —> Type —> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст —> Создать рабочий контур (Type —> Convert to Work Path).
Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!

При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, «Пера» (Pen Tool), «Стрелка» (Direct Selection Tool), «Угол» (Convert Point Tool) и др.

На примере я отключил видимость текстового слоя и переместил опорные точки буквы «е» инструментом «Стрелка»:

Кроме изменения и получения текста с буквами пользовательской формы. Вы можете после преобразования текста в контур получить пользовательскую форму (Custom Shape) и использовать эту форму в последствии.

Сохранение текста как пользовательской формы

Для сохранения текста как пользовательской формы, пройдите по вкладке Редактирование —> Определить произвольную фигуру ( Edit —> Define Custom Shape), откроется новое окно, где следует задать новой фигуре имя:

Чтобы использовать полученную фигуру, переключитесь на инструмент «Произвольная фигура» (Custom Shape Tool):

И выберите созданную Вами форму:

Кроме того, при активном инструменте «Произвольная фигура» Вы можете получить из контура выделенную область, слой-маску или фигуру:

На примере я выбрал создание при помощи слой-маски.

Как сделать обводку текста в фотошопе двумя классными способами?

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

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

Итак, эта публикация полностью ответит на все вопросы о том, как обвести текст в фотошопе. Давайте приступим без лишних предисловий.

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

Этот способ подойдет для создания обводки текста в Фотошопе:

1. Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.

2. После этого нужно перейти в меню «Стили», найти вариант «Выполнить обводку» и отметить его галочкой.

3. В правой части окна стилей отображены настройки. Можно указать размер (толщину в пикселях), расположение (снаружи или внутри), и цвет границ. Лучший результат достигается экспериментальным путем. «Режим наложения» и «Непрозрачность» можно оставить неизменными.

Обводка с использованием двух слоев

Второй способ сделать обводку не так распространен, как предыдущий, но познакомиться с ним обязательно нужно:

1. Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.

2. После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.

3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.

4. После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.

5. Далее, можно перейти на панель «Стиль» и добавить еще одну окантовку. Кроме того, можно залить буквы слова цветом или текстурой.

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

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

Ну и осталось лишь разобраться со ставшими привычными настройками. Ничего нового.

Создание контура

Также в Фотошопе можно накладывать контур вокруг текста, причем несколькими способами:

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

   Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.

2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.

3. Есть еще один способ, в котором используются вкладки меню. Первым делом, перейти на вкладку «Слои», далее «Текст», после — «Создать рабочий контур». На панели должен быть выбран слой с надписью.

Слой не будет изменен, к нему просто будет добавлена окантовка, которую следует редактировать с помощью инструментов «Перо», «Стрелка», «Угол».

Вот так выглядит результат, отредактированный с помощью инструмента «Стрелка».

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

Видео инструкция

Если какие-то моменты остались для вас непонятными, могу предложить видео, благодаря которому все становится ясно. Здесь максимум полезной информации о использовании наложения цвета.

Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.

Если у вас появилось необъяснимое желание узнать о программе максимум, хоть владеете вы ей недостаточно, могу предложить курс «Фотошоп для начинающих в видеоформате». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

Как сделать обводку картинки?

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

Создание рамки

Первый способ сделать обводку изображения – это создание рамки:

1. Открыть изображение.

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

3. После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».

4. Настройки идентичны тем, что уже были описаны в пункте «Обводка текста». Все дальнейшие операции делаются так же.

В результате изображение будет обведено рамкой.

Окантовка объекта

Также можно выполнить обводку контура объекта:

1. Выделить объект с помощью инструмента «Волшебная палочка».

2. Навести курсор на выделенную область и кликнуть по нему правой кнопкой мыши. В выпадающем меню кликнуть по пункту «Образовать рабочий контур».

3. Перейти на вкладку «Контуры» в панели слоев.

4. Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.

5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».

6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.

Второй вариант:

1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «J», чтобы вынести его на отдельный слой.

2. Выбрать в меню «fx» пункт «Обводка».

3. Дальнейшая процедура уже знакома и описывалась ранее.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3. 0

».

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

Иногда требуется обвести выделенную область (т.е. обрисовать контур

). Эта техника оказывается действительно удобной, когда используется в сочетании с инструментами выделения. Например, можно объединить с инструментом Прямоугольная область, чтобы добавить к фотографии тонкий черный контур, или с овальным выделением.

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

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

Вот как можно добавить контур по краю изображения:

Шаг 1

Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все

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

Шаг 2

Выберите команду меню Редактирование => Выполнить обводку (Stroke)

. В диалоговом окне введите значение в пикселях в поле Ширина (я поставил 10 пикселей), а затем щелкните мышью по индикатору цвета. Выберите цвет из появившейся палитры и нажмите кнопку ОК. Вернувшись, установите переключатель в группе Расположение в положение Внутри, чтобы контур появился только внутри границ изображения.

Шаг 3

Нажмите кнопку ОК, чтобы просмотреть новый контур.

Простая обводка текста/картинки

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

Урок проводится в редакторе cs6, но он подходит и для других версий. В видео показана работа в англоязычной версии Adobe Photoshop CC, но его просмотр полезен при работе в cs6, cs5… с русскоязычным интерфейсом.

Предисловие

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

Нижний фоновый слой может быть любым.

Если Вы полный новичок – сначала надо понять, как работать со слоями.

Как обвести текст

Мы имеем три слоя – фон, изображение, текст.

Рис.1

Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

1. Двойным щелчком по слою в палитре;
2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

Рис. 2

3. Нажатием на иконку стилей fx внизу палитры, и в появившемся списке можно выбрать «Параметры наложения», но удобнее сразу выбрать стиль

Рис. 3

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

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

Рис. 4

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

Рис. 5

• В строке Размер меняется толщина линии. Перетягиваем ползунок или вводим числовое значение в пикселях.
• Строка Положение открывает список расположения линии. Там три варианта:

Рис. 6

Для наглядности мы заменили цвет обводки на зеленый и обозначили контур букв белой полосой.

Функцию Режим наложения рассматривать в уроках для начинающих нет смысла. Ее не часто используют даже продвинутые мастера фотошопа. Это взаимодействие с нижним слоем. Оставим без изменений режим Нормальный.

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

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной

, то эта часть контура тоже станет прозрачной.

Как изменить цвет и текстуру обводки

Окошко Тип обводки открывает список, где можно выбрать настройки заливки: цветом, градиентом или узором.

Рис.7

Цвет

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

Рис.8

Если вы точно знаете код цвета, можно его вставить в соответствующую графу.

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

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

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

Рис.9

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

Кнопка привязки к началу координат выравнивает узор по верхнему левому краю слоя.

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

Рис.10

Как обвести текст градиентом

Градиентом у нас обведен фоновый слой. Были выставлены такие настройки:

Рис.11

Функция Инверсия поворачивает заливку на 180°.

Стиль Разбивка фигуры дает дополнительную белую полосу по контуру:

Рис.12

Не забывайте сохранять настройки, нажав на кнопку «Ок»!

Как изменить настройки

Когда все настройки выполнены и подтверждены кнопкой «Ок», в палитре слоев появится запись эффекта:

Рис. 13

Чтобы изменить уже существующую обводку – снова вызываем окно настроек, но уже двойным щелчком по строчке эффекта.

Временно скрыть эффект можно нажав на изображение глаза возле него.

Как сделать обводку изображения выделением

Имеем два слоя – текстовый и фотографию. Нам нужно обвести только изображение листочков (парусника). Но оно лежит на одном слое с фоном.

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

Рис.14

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

Рис.15

В новом окошке устанавливаем настройки.

Рис.16

Здесь все понятно. Подбирайте нужные значения и нажимайте «Ок».

Как сделать обводку текста в фотошопе — бесплатный онлайн урок для чайников

Каждый веб дизайнер знает, что сложнее всего поддается отрисовке шапка сайта. И, соответственно, именно к этой части работы клиент предъявляет больше всего требований. Порой, поймать нужную волну удается далеко не с первого раза. А чем больше багаж ваших знаний, тем больше может разгуляться ваша фантазия. Чем скорее вы выкатываете клиенту удачный вариант, тем меньше тратите время на разработку. А это выгодно. Будьте готовы к тому, что вам следует удержать в голове сотни вариаций обработки текста и фото. Некоторые из них используются практически постоянно. К ним относится обводка текста.

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

Начнем с самого простого. Как сделать обводку текста одинарную. Создаем новый документ. Пишем текст. Я выберу крупный шрифт и жирное начертание. На фоновый слой я добавила градиент. Если уже делать, то красиво.

Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.

Нам нужно найти «параметры наложения».

Выбираем пункт «обводка» и задаем настройки.

Результат:

Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.

Давайте несколько усложним задачу. И сделаем двойную обводку. Но! К сожалению, фотошоп не дает возможности сделать двойную обводку тем же способом. Потому, следует прибегнуть к хитрости. И перевести нашу надпись в смарт-объект. Правда, тут есть один недостаток. Ваша надпись становится уже картинкой. То есть, отредактировать ее в режиме текста уже не получится. В том же окне слоев вызываем левой клавишей мышки тот же список операций. И выбираем «преобразовать в смарт-объект». Он будет располагаться чуть ниже параметров наложения.

Слой примет подобный вид:

Теперь возвращаемся к параметрам наложения и обводке. Задаем следующие настройки.

Вуаля! Теперь обводка двойная.

Оказалось, что на первый взгляд такой мощный инструмент фотошопа как обводка совсем прост в создании. Поэтому, давайте зайдем чуть дальше. И добавим шрифту обводку градиентом.

Я изменила фоновый слой, дабы наш текст смотрелся лучше. И добавила тексту вот такой градиент:

Плюс простая черная обводка. Исходное изображение у меня выглядит так:

Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»

Задаем настройки:

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

Благодаря парочке инструментов у нас получилось создать классную надпись, которая вполне может подойти для создания шапки сайта.

Вам следует запомнить несколько вещей.

1. Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
2. Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
3. С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
4. Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.

Как сделать чёрную обводку текста в Фотошопе

Социальные сети переполнены картинками с текстом (графические SMM посты), будь-то цитата Великого человека или очередной «лайфхак». Любая надпись смотрится более выгодно на фоне тематического изображения, и как следствие, привлекает к себе больше внимания, нежели текстовое сообщение.

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

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

Как сделать текст с обводкой?

1. Запустите графический редактор Photoshop (фотошоп), откройте заготовленную картинку (комбинация клавиш «Ctrl + O»).

2. Далее воспользуйтесь инструментом «Текст» (буквенная клавиша «T» в английской раскладке). И напишите текст вручную или при помощи функции «Копировать / Вставить» (для вставки скопированного текста — «Ctrl + V»).

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

4. Теперь обратите внимание на правую панель со слоями. Помимо основного слоя появился текстовый. Щёлкаем по нему правой кнопкой мыши и выбираем пункт»Параметры наложения».

5. В появившемся диалоговом окне в левой колонке жмём «Обводка». А в центральной области задаём настройки отображения (толщина линии в пикселях, цвет линии и т. д.).

6. Всё, как только вы выставили параметры , жмите кнопку «ОК» для применения изменений. Готовую «открытку» можно сохранить в доступном формате «JPEG” (по сочетанию клавиш «Ctrl + Shift + S»).

Вместо послесловия

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

Применение нескольких штрихов к тексту в Photoshop

Версия Примечание: Используете Photoshop CC 2020 или более поздней версии? Ознакомьтесь с моим новым руководством по добавлению нескольких штрихов к тексту с помощью эффектов слоя.

Автор Стив Паттерсон.

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

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый документ

Начните с создания нового пустого документа Photoshop. Поднимитесь в меню File вверху экрана и выберите New или просто нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac).В любом случае открывается диалоговое окно Photoshop New Document . Выберите любой размер, который вам нужен для вашего документа. Я установил для своего документа ширину 6 дюймов , высоту 4 дюйма и разрешение 300 пикселей / дюйм . По завершении нажмите OK, чтобы выйти из диалогового окна, и на экране появится новый пустой документ.

Шаг 2. Выберите инструмент «Текст»

Чтобы добавить текст в наш документ, нам понадобится Photoshop Type Too l.Выберите его на палитре инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст» на палитре «Инструменты» или нажмите «T» для сочетания клавиш.

Шаг 3. Выберите шрифт на панели параметров

Выбрав инструмент «Текст», перейдите на панель параметров вверху экрана и выберите шрифт и размер шрифта, которые вы хотите использовать для эффекта. Я использую для текста Arial Black и выбираю размер шрифта 60 pt .Возможно, вам придется выбрать другой размер в зависимости от размера и разрешения документа, с которым вы работаете. Конечно, вы также можете использовать шрифт, отличный от того, который использую я:

Выберите шрифт и размер шрифта на панели параметров в верхней части экрана.

Шаг 4: Добавьте текст

Щелкните внутри окна документа и добавьте текст. Я наберу слово «ИНСУЛЬТЫ». После того, как вы добавили текст, нажмите на галочку на панели параметров, чтобы принять его и выйти из режима редактирования текста:

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

Шаг 5. Добавьте стиль слоя «Обводка»

Теперь, когда ваш текст добавлен, щелкните значок Layer Styles внизу палитры слоев и выберите Stroke в нижней части появившегося списка стилей слоя:

Выберите «Обводка» из списка стилей слоя.

Как только вы выберете Stroke из списка, произойдут две вещи. Photoshop откроет большое диалоговое окно «Стиль слоя» с параметрами обводки в среднем столбце, и вокруг текста в окне документа появится красная обводка (красный — цвет обводки по умолчанию):

Вокруг текста появляется красная обводка.

Шаг 6. Отрегулируйте размер и положение обводки

Размер обводки по умолчанию составляет 3 пикселя, что означает, что обводка имеет толщину 3 пикселя, а положение по умолчанию — «Снаружи», что означает, что вся толщина обводки будет отображаться за пределами букв, а не внутри них. . Я собираюсь увеличить размер обводки до 6 пикселей , перетащив ползунок Size в верхней части диалогового окна вправо, и я собираюсь установить Position для этого первого мазка. до Внутри , при котором вся толщина обводки будет помещена внутри букв:

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

Нажмите «ОК», когда закончите, чтобы выйти из диалогового окна «Стиль слоя». Вот как выглядит мой текст после внесения изменений в настройки обводки по умолчанию:

Ход после изменения его размера и положения.

Шаг 7: Установите «Заливку» текста на 0%

Теперь, когда у меня есть мой первый контур вокруг моего текста, я больше не хочу видеть мой текст. Все, что я хочу видеть, — это контур, обрисовывающий его. Поскольку цвет фона моего документа белый, я мог бы просто изменить цвет текста на белый, но что, если я изменю цвет фона позже? Мне также пришлось бы изменить цвет текста, чтобы он соответствовал новому фону.Лучшее решение — просто скрыть текст из поля зрения, сохраняя при этом видимыми стили слоя. Photoshop позволяет очень легко это сделать.

Выделив текстовый слой, поднимитесь наверх палитры слоев. Вы увидите два варианта: «Непрозрачность» и «Заливка». Вы можете скрыть текст, понизив значение Непрозрачности до 0%, но параметр Непрозрачности влияет на все на слое, включая стили слоя, что означает, что мы также будем скрывать обводку. «Заливка», с другой стороны, не влияет на стили слоя.Он скроет все содержимое слоя , кроме , любые стили слоя, которые мы применили к нему, а это означает, что если мы установим значение Заливки на 0%, мы будем скрывать текст, не скрывая обводку! Давайте сделаем это. Снова убедитесь, что текстовый слой выбран (выбранные слои выделены синим) и уменьшите значение Fill до 0% :

Скройте текст, уменьшив Заливку до 0%.

Вот что вы должны увидеть. Текст теперь скрыт от просмотра, но обводка вокруг него остается видимой:

При уменьшении значения «Заливка» текст скрывается, но стили слоя остаются видимыми.

Шаг 8: Дублируйте текстовый слой

Пока все хорошо. Мы добавили одну обводку вокруг текста. Здесь мы начинаем добавлять к тексту несколько штрихов. Обычно Photoshop не позволяет нам добавлять более одного штриха к текстовому слою (или слою любого типа), но ничто не говорит о том, что мы не можем делать копии нашего текстового слоя и добавлять разные штрихи к каждой копии! Чтобы сделать каждый штрих видимым, мы просто изменим положение и / или размер каждого штриха!

Выбрав текстовый слой в палитре «Слои», нажмите Ctrl + J (Win) / Command + J (Mac), чтобы быстро скопировать слой.Дубликат появится прямо над исходным текстовым слоем. После того, как вы продублируете слой, снова щелкните исходный текстовый слой, чтобы выбрать его. Мы собираемся изменить параметры обводки для исходного текстового слоя:

.

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

Шаг 9. Измените цвет обводки и положение исходного текстового слоя

Видите значок «fx» в дальнем правом углу текстового слоя на палитре «Слои» (в более ранних версиях Photoshop отображается круглый значок с буквой «f» внутри)? Когда этот значок виден, это говорит нам о том, что один или несколько стилей слоя в настоящее время прикреплены к слою. Дважды щелкните значок , чтобы вернуться в диалоговое окно «Стиль слоя», затем выберите Обводка в нижней части списка стилей слоев в левой части диалогового окна. Вы увидите, что параметры обводки появятся в среднем столбце.

Сначала измените цвет обводки, щелкнув образец цвета в середине диалогового окна, в результате чего появится палитра цветов Photoshop. Выберите другой цвет в палитре цветов. Я выберу оранжевый цвет.По завершении нажмите OK, чтобы выйти из палитры цветов. Вы увидите, что образец цвета изменится на цвет, который вы выбрали:

Щелкните образец цвета и выберите новый цвет обводки в палитре цветов.

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

Измените положение обводки на внешнее.

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна Layer Style, и вы увидите, что теперь у вас есть два штриха вокруг ваших букв. Исходная обводка (красная) находится внутри букв, а новая (оранжевая), которую мы только что добавили, находится снаружи. Изменяя положение двух штрихов, мы предотвратили их наложение друг на друга, что позволило нам видеть их оба одновременно:

Теперь текст обводится двумя штрихами: один внутри букв, а другой — за их пределами.

Нет необходимости останавливаться на двух штрихах, тем более что добавлять их так же легко!

Шаг 10. Еще раз продублируйте исходный текстовый слой

Не снимая выделения с исходного текстового слоя в палитре слоев, нажмите Ctrl + J (Win) / Command + J (Mac), чтобы снова продублировать слой, поместив его новую копию прямо над оригиналом. Когда вы закончите, снова щелкните исходный текстовый слой, чтобы выбрать его. Мы собираемся снова изменить цвет обводки, и на этот раз мы также собираемся увеличить ее размер.

Теперь у вас должно быть три текстовых слоя в палитре слоев (оригинал плюс две копии над ним), и исходный текстовый слой должен быть выбран. Дважды щелкните значок эффектов слоя справа от исходного текстового слоя в палитре слоев, чтобы вернуться в диалоговое окно «Стиль слоя», как мы это делали минуту назад, и выберите Stroke в нижней части списка. слева для доступа к параметрам хода:

Дважды щелкните значок «Эффекты слоя», чтобы вернуться в диалоговое окно «Стиль слоя», затем выберите «Обводка» из списка слева.

Шаг 11: выберите другой новый цвет для обводки и увеличьте размер обводки

Когда появится диалоговое окно «Стиль слоя», измените цвет обводки, еще раз щелкнув образец цвета и выбрав новый цвет из палитры . Я собираюсь снова выбрать красный цвет, тот же цвет, который использовался для моей первоначальной обводки. По завершении нажмите OK, чтобы выйти из палитры цветов. Образец цвета изменится на цвет, который вы выбрали:

Образец цвета показывает текущий цвет обводки.

После того, как вы выбрали новый цвет, перейдите в верхнюю часть параметров Обводки и увеличьте Размер обводки . Размер моей обводки в настоящее время составляет 6 пикселей, что соответствует толщине предыдущей обводки. Положение обводки установлено на «Снаружи», также как и для предыдущей обводки. И поскольку предыдущий штрих находится на слое над слоем, над которым я сейчас работаю, это означает, что предыдущий штрих полностью блокирует мой новый штрих из вида в документе.Чтобы сделать мою новую обводку видимой, мне нужно увеличить ее размер. Я собираюсь увеличить его до 16 пикселей:

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

Новый штрих теперь выглядит как толстый красный штрих вокруг двух предыдущих штрихов:

Теперь наш текст обведен тремя отдельными штрихами.

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

Хорошая особенность этого эффекта заключается в том, что вы всегда можете вернуться и изменить его внешний вид в любое время, просто щелкнув значок эффектов слоя справа от слоя в палитре слоев, чтобы вернуть диалоговое окно стиля слоя. , выбрав «Обводка» в списке слева от диалогового окна, затем изменив параметры обводки. Выбирайте новые цвета, размеры и / или положения мазков для получения разных результатов! Здесь я сделал простой черно-белый узор обводки, изменив красные штрихи на черные, а оранжевые в середине на белые:

Тот же эффект после изменения цвета обводки на черный и белый.

Куда идти дальше …

И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!

Как обвести текст в Photoshop

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его.Его быстро и легко освоить, даже если вы новичок в Photoshop.

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его. Его быстро и легко освоить, даже если вы новичок в Photoshop.И это лишь один из многих эффектов, которые вы можете изучить в Photoshop.

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

В этой статье мы покажем вам, как очертить текст в Photoshop и как это сделать правильно.

Как обвести текст в Photoshop

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

1. 1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте текст.
   2. Щелкните правой кнопкой мыши на Type Layer и выберите в меню Blending Options . Или перейдите в Слой > Стиль слоя> Обводка .
   3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева.

1. Параметры в стиле «Обводка» дают вам полный контроль над внешним видом контура.Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
2. Выберите Позиция для хода. Правое положение изменяет внешний вид, когда текст комбинируется с другими элементами слоя. Есть три варианта.
   • Внутри. Обводка будет помещена внутри краев выделения.
   • Центр. Обводка появится на 10 пикселей внутри и за пределами выделения.
   • Снаружи. Обводка будет проходить по внешнему краю выделения.
3. Используйте режим наложения , чтобы управлять тем, как цветная обводка будет взаимодействовать с цветами или слоями под обводкой. Например, если вы разместите текст поверх цветного изображения.
4. Используйте ползунок Непрозрачность , чтобы установить степень прозрачности обводки.
5. Обводки могут быть заполнены однотонными линиями, красочными градиентами, а также узорчатыми границами. Нажмите на цветную плитку, чтобы открыть палитру цветов. Выбери свой цвет. Щелкните ОК.

Вот конечный результат:

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

Как обвести контур шрифта в Photoshop

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

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

Давайте посмотрим, как выделить любой шрифт в Adobe Photoshop, как на скриншоте ниже:

1.Начните с чистого холста. В этом примере у нас черный фон.

2.Введите свой текст. Затем щелкните правой кнопкой мыши текстовый слой и выберите Blending Options .

3.Перейдите к Layer Style> Stroke> . Выберите позицию Outside . Установите ползунок Size на любое желаемое значение (в идеале — 2-3 пикселя) и Opacity на 100. Щелкните OK .

4.На вкладке Layers уменьшите непрозрачность Opacity до 0 процентов. Вот и все.

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

Как обвести контуром несколько букв на фотографии в Photoshop

В этом примере мы воспользуемся методом контура текста и создадим приятный тонкий эффект на фотографии.Окончательный эффект должен выглядеть так:

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

1.Напечатайте текст поверх фотографии и увеличьте его.

2.Создайте копию текстового слоя и назовите ее «Прозрачный».

3.Теперь вам нужно превратить один текстовый слой в контур, а оставшийся с заливкой оставить как есть.

4.В нашем примере поверните текстовый слой, который вы назвали «Прозрачный», и придайте ему эффект обрисованного текста, выполнив шаги, описанные в последнем разделе.

5.Затем растрируйте слой с заливкой, щелкнув по нему правой кнопкой мыши. Он превращает текстовый слой в обычное растровое изображение, состоящее из пикселей.

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

7.Объедините все видимые слои или сгладьте изображение из опций в меню Layer .

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

Как выглядит ваш первый текст с набросками?

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

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

9 Netflix взламывает все пользователи, которые должны использовать

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

Читать далее

Об авторе

Сайкат Басу
(Опубликовано 1544 статей)

Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.Избавившись от грязи MBA и проработав десять лет в маркетинге, он теперь увлечен тем, что помогает другим улучшить свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.

Более
От Сайката Басу

Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

Как выделить текст в Photoshop, чтобы выделить текст

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

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

К счастью, есть Photoshop. И вам не нужно прибегать к гораздо более сложному процессу изменения фона фотографии в приложении.

Вы можете просто добавить контур к тексту в Adobe Photoshop CC 2020, чтобы он был удобочитаемым, независимо от того, какое изображение вы выбрали для его обрамления.

Вот как:

Ознакомьтесь с продуктами, упомянутыми в этой статье:

Adobe Photoshop (от 239 долларов США.88 в Adobe)

Как выделить текст в Adobe Photoshop CC 2020

1. Загрузите фотографию в Photoshop, к которой вы хотите добавить текст, открыв Photoshop, нажав «Файл» в верхнем меню и «Открыть» из раскрывающегося списка. Вы также можете сделать это, нажав «command» + «O» на вашем Mac или «control» + «O» на вашем ПК.

Начните с нажатия «Файл» в верхней строке меню.Эмма Уитман / Business Insider

2. Выберите фотографию, которую вы хотите импортировать в Photoshop, и нажмите синюю кнопку «Открыть».

3. Теперь вы можете добавить текст к своему изображению. Имейте в виду, что вам просто нужно, чтобы буквы были достаточно большого размера шрифта, чтобы соответствовать окружающему контуру.

4. После добавления текста будет создан новый слой. Щелкните правой кнопкой мыши слой на панели «Слои» в правой части экрана. Выберите «Параметры наложения» в самом верху всплывающего меню.

Поначалу удовлетворившись размером контура, я вернулся и попробовал немного более тонкий эффект контура, который я выбрал для окончательного изображения.Эмма Уитман / Business Insider

5. Нажмите «Ход». Измените «Размер», перетащив стрелку через полосу справа от «Размер:» или вручную введя число в поле справа от полосы, пока не будете довольны внешним видом контура. Вы также можете настроить цвет и непрозрачность в том же окне.

Вы можете настроить текст, чтобы он соответствовал видимости вашего изображения и эстетическим целям.Эмма Уитман / Business Insider

Как легко выделить текст в Photoshop — Medialoot

Текстовые эффекты Photoshop

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

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

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Контурный текст», ширину 800 пикселей, высоту 360 пикселей и выберите «Белый» для содержимого фона.Щелкните ОК.

Шаг 2

Выберите инструмент «Текст» (T) и введите текст.

Шаг 3

Выделив текстовый слой, перейдите в Layer> Layer Style> Stroke и примените следующие настройки:

Боковые примечания: Положение обводки может быть установлено на Внутри, По центру или Снаружи, режим наложения используется для определения того, как цвет обводки будет взаимодействовать с цветом под обводкой, а Непрозрачность используется для установки значения прозрачности обводки. .В разделе «Тип заливки» вы можете выбрать «Цвет», «Градиент» или «Узор».

Шаг 4

Кроме того, вы можете просто оставить текст без заливки, просто уменьшив заливку слоя до 0%. Для этого выберите текстовый слой и на панели слоев установите значение Заливки на 0%.

Заключительные записи

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

Практическое руководство: добавление нескольких штрихов к редактируемому тексту в Photoshop

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

Если вы используете CS5 или более раннюю версию, смарт-объекты Photoshop будут лучшим выбором.Освоив один простой трюк — преобразование текста в смарт-объект — вы можете легко добавить несколько штрихов, каждый со своим цветом и размером. Единственным ограничением будет хороший вкус. Если у вас есть Photoshop CS6, см. В конце этого урока еще более простой метод.

Шаг 1. Начните с текста

Выберите инструмент «Текст» в Photoshop (T) и введите слово.

Шаг 2. Добавьте старомодный штрих

На панели «Слои» щелкните значок fx и перейдите к слову «Обводка».

Больше после прыжка! Продолжайте читать ниже ↓
Члены бесплатного и премиум-класса видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Откроется диалоговое окно «Стиль слоя». В области «Тип заливки» щелкните образец цвета.

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

Вернувшись в диалоговое окно «Стиль слоя», выберите размер обводки в области «Структура».Щелкните ОК.

Результат будет примерно таким:

Шаг 3. Преобразование текста в смарт-объект

Во всплывающем меню панели «Слои» выберите «Преобразовать в смарт-объект».

Вы поймете, что это работает, когда Photoshop изменяет скобки вокруг слоя «Текст» и добавляет забавный значок в нижний правый угол слоя.

Шаг 4. Добавьте обводку к смарт-объекту

Еще раз перейдите на панель «Слои», щелкните значок fx и наведите указатель мыши на слово «Обводка».

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

Нажмите ОК, и результат будет выглядеть так:

Шаг 5. Добавьте больше штрихов

Теперь вы можете добавлять бесконечное количество штрихов, повторяя шаги 3 и 4.

Но что, если вы поймете, что допустили опечатку? Не нужно начинать с нуля — вы слишком «умны» для этого.

Шаг 6. Отредактируйте текст

Дважды щелкните значок смарт-объекта на панели «Слои»:

Photoshop затем отображает сообщение, предлагающее выбрать «Файл»> «Сохранить» после внесения изменений в содержимое смарт-объекта и сохранить отредактированный файл в том же месте.

После нажатия кнопки «ОК» Photoshop откроет новый файл. Содержимое будет похоже на ваш .psd, но внимательно посмотрите на имя файла: оно заканчивается на .psb.

В зависимости от того, сколько штрихов вы нанесли, вам нужно будет дважды щелкнуть значок смарт-объекта на панели «Слои» и сказать «ОК» для этого файла> Сохранить сообщение два, три или более раз. Но, наконец, вы сможете вносить изменения, выбрав инструмент «Текст» и щелкнув внутри текста.

Обязательно закройте.psb в том порядке, в котором их открывал Photoshop.

Результат будет выглядеть так:

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

Только для пользователей Photoshop CS6

Те из вас, у кого есть Photoshop CS6, могут воспользоваться новой функцией: возможностью применять стили слоя к группе. Начните с шагов 1 и 2 выше, но затем вместо преобразования текста в смарт-объект выберите «Новая группа из слоев» во всплывающем меню панели «Слои».Добавьте новую обводку в эту группу. Повторите нанесение группы и мазка столько раз, сколько хотите. Редактировать текст так же просто, как выбрать инструмент «Текст» и дважды щелкнуть в главном окне.

Контурный текст в Photoshop Учебное пособие по Photoshop

Более новый метод для Photoshop CC здесь

(ТОЛЬКО ДОБАВЛЕНО: см. Внизу этого урока PSD и стиль слоя, который работает в Photoshop CS6 и CC)

Шаг 1

Начните с пустого слоя и текста, это также подойдет для фигур.

Шаг 2

Щелкните правой кнопкой мыши / Cmd щелкните имя слоя в палитре слоев. Выберите растеризованный слой. Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать тип.

Шаг 3

Создайте новый пустой слой.

Правка> обводка. Я добавил сюда обводку в 6 пикселей. Сделайте центр локации.

Нажмите ОК.

Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать новую обводку.

Шаг 4

В палитре слоев отключите нижний слой, теперь вы должны увидеть контур.
Использование инструмента градиента: от переднего плана к линейному фону — от черного к белому. применить градиент к выделению.

Шаг 5

Теперь снова примените обводку, на этот раз 1 пиксель и установите внешний вид.

Шаг 6

Чтобы сделать градиент похожим на металл, используйте наш трюк с кривыми фаворита.

Изображение> настроить> кривые, используйте кривую, аналогичную показанной здесь.

Шаг 7

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

Step 8

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

Шаг 9

Вот результат.

Шаг 10

Другой вариант — скрыть заливку и просто использовать контур с тенью.

Step 11

Вот еще один вариант. Это просто перевернутое предыдущее изображение.Ctrl / Cmd + I Обратите внимание, чтобы это сработало, вы должны сначала сгладить изображение.

Шаг 12

Вот еще один вариант. Поиграйте с этим эффектом и получайте удовольствие.

Увидимся через неделю с еще одним новым руководством.

Загрузите PSD

(Photoshop CS-CC)

Вот новые версии эффекта, который я создал со стилем слоя

Загрузите стиль слоя здесь

Также см. Руководство по созданию эффекта металлической проволоки, как показано здесь

CS6 Superguide

Вся информация о CS6 и многое другое доступно в виде журнала PDF под названием CS6 Superguide.Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.

Как обвести текст в Photoshop

В Photoshop есть много способов сделать текст проекта уникальным. К счастью, настроить текст также относительно легко, даже если вы новичок в редактировании фотографий.

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

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

Как выделить текст в Photoshop

1. Введите текст

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

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

2. Редактировать текстовый слой

После того, как вы напечатали текст, следующее, что вам нужно сделать, это щелкнуть правой кнопкой мыши текстовый слой на панели Layers .Затем выберите Blending Options . В левой части этого окна вы увидите опцию Stroke . Установите этот флажок, чтобы текст был обведен в Photoshop.

Здесь есть множество настроек, которые вы можете изменить, чтобы контур текста выглядел так, как вы хотите. Однако, если вы хотите сохранить только контур текста, а не заливку, вы также можете сделать это.

3. Удалить внутреннюю заливку

Вернитесь в окно Параметры наложения и под полем Advanced Blending установите значение Непрозрачность заливки до нуля.Вы также можете изменить цвет заливки текста в этом окне, если хотите.

Параметры настройки

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

Сначала идет Размер . Вы можете перемещать ползунок, чтобы изменить размер контура в пикселях. Это сделает его толще или тоньше.

С помощью опций Position вы можете выбрать способ размещения контура вокруг текста.Выбор внутри поместит обводку изнутри вашего текста. Внешний поместит его вокруг вашего текста. Параметр Center будет начинать обводку с середины и идти как внутри, так и за пределы текста.

Режим наложения изменит способ взаимодействия обводки с фоном вашего изображения.

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

Затем есть варианты Тип заливки . Вы можете выбрать Color , Gradient или Pattern . Параметр цвета позволит вам выбрать сплошной цвет, а градиент позволяет выбрать два цвета для смешивания. Используя узор, вы можете заполнить контур узором по вашему выбору.

Создание нескольких контуров текста

Еще один способ создать уникальный контурный текст — использовать несколько слоев.Делая это, вы можете создать эффект множественных контуров.

Для этого сначала нужно ввести текст и выполнить описанные выше шаги для создания единого контура. Затем в поле Stroke Position выберите Inside . Хотите ли вы сохранить текстовую заливку или нет, решать вам. Если вы хотите, чтобы он был пустым, измените значение Fill Opacity на ноль.

Далее вам нужно продублировать текстовый слой. Для этого выделите слой и нажмите Ctrl + J , чтобы скопировать его, или щелкните правой кнопкой мыши и выберите Duplicate Layer .Новый слой появится над тем, который вы продублировали. Выделив этот слой, щелкните его правой кнопкой мыши и выберите Blending Options , чтобы открыть окно Layer Styles .

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

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

Теперь вместо использования Position вы можете использовать ползунок Size , чтобы изменять размер контура, пока вы не увидите его. Убедитесь, что вы также изменили цвет, чтобы вы могли видеть несколько штрихов. Вы можете делать это столько раз, сколько хотите, очертить текст сколько хотите. Убедитесь, что дублирующиеся слои размещены ниже исходного слоя, чтобы все они отображались правильно.

Использование текстовых слоев для создания дополнительных эффектов

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

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

После этого вы захотите растрировать исходный заполненный текст.Сделайте это, щелкнув правой кнопкой мыши исходный слой и выбрав Rasterize Type . Затем вы можете выделить и удалить ненужные части заполненного текста. Тогда будет виден обведенный текст.

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

.