Преобразуем текст в контур
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 3.5к. Обновлено
В этом материале я расскажу, как преобразовать текст или отдельную букву текста в Photoshop в рабочий контур (Work Path) и каким образом можно получить из любого текста пользовательскую фигуру (Custom Shape).
Конвертация букв в векторный контур необходима, например, для коррекции формы буквы, для создания выделенной области из букв. Кроме того, нередко возникает задача объединения буквы или текста целиком с какой-либо другой фигурой для создания новой пользовательской формы.
В методике преобразования текста в контур нет ничего сложного, и, если Вы знаете, как это сделает, процесс займёт всего несколько секунд.
Существует несколько способов выполнения этой задачи, и, проще всего кликнуть правой кнопкой мыши по слою с текстом в панели слоёв и нажать по пункту «Создать рабочий контур» (Convert to Shape):
Но, по ряду причин, этот способ не всегда возможно применить.
Поэтому в Photoshop существуют и другие методы конвертации букв.
Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (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):
И выберите созданную Вами форму:
Кроме того, при активном инструменте «Произвольная фигура» Вы можете получить из контура выделенную область, слой-маску или фигуру:
На примере я выбрал создание при помощи слой-маски.
Оцените автора
( 21 оценка, среднее 5 из 5 )Как сделать обводку текста в Фотошопе, создание контура вокруг объекта или картинки, как выполнить окантовку букв в Photoshop
Photoshop Цифровая фотография КомментироватьЗадать вопросНаписать пост
Пользователи, начинающие познавать азы работы в растровом редакторе Adobe Photoshop задаются вопросом: как правильно сделать обводку текста или картинки в Фотошопе различными способами? Ведь без нее, частенько, общая картина изображения кажется незавершенной.
Существует два способа обводки, каждый из которых уникален и применяется в определенных ситуациях.
Как сделать обводку текста в Фотошопе?
Этот способ подойдет для создания обводки текста в Фотошопе:
- Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.
- После этого нужно перейти в меню «Стили», найти вариант «Выполнить обводку» и отметить его галочкой.
- В правой части окна стилей отображены настройки. Можно указать размер (толщину в пикселях), расположение (снаружи или внутри), и цвет границ.
Лучший результат достигается экспериментальным путем. «Режим наложения» и «Непрозрачность» можно оставить неизменными.
Обводка с использованием двух слоев
Второй способ сделать обводку не так распространен, как предыдущий, но познакомиться с ним обязательно нужно:
- Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.
- После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.
- Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить
Например, 3 пикселя. - После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.
- Далее, можно перейти на панель «Стиль» и добавить еще одну окантовку. Кроме того, можно залить буквы слова цветом или текстурой.
Создавая дополнительные слои и повторяя инструкцию можно сделать не только двойную, но и тройную обводку текста.
Создание контура
Также в Фотошопе можно накладывать контур вокруг текста, причем несколькими способами:
- Для создания окантовки, легче всего кликнуть правой кнопкой мыши (ПКМ) по надписи, далее «Создать рабочий контур». После этого введенные буквы будут преобразованы в силуэт, который можно редактировать с помощью встроенных инструментов Photoshop.
Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.
- Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.
- Есть еще один способ, в котором используются вкладки меню. Первым делом, перейти на вкладку «Слои», далее «Текст», после — «Создать рабочий контур». На панели должен быть выбран слой с надписью.
Слой не будет изменен, к нему просто будет добавлена окантовка, которую следует редактировать с помощью инструментов «Перо», «Стрелка», «Угол».
Вот так выглядит результат, отредактированный с помощью инструмента «Стрелка».
Редактированный силуэт можно будет использовать после, ведь он конвертируется в «Пользовательскую форму».
Как сделать обводку картинки?
С текстом разобрались, но точно такую же обводку можно применить и к любым картинкам или объектам.
Создание рамки
Первый способ сделать обводку изображения – это создание рамки:
- Открыть изображение.
- Нижний слой после загрузки изображения преобразуется в фон, который по умолчанию блокируется. Необходимо снять блокировку для редактирования.
- После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».
- Настройки идентичны тем, что уже были описаны в пункте «Обводка текста». Все дальнейшие операции делаются так же.
В результате изображение будет обведено рамкой.
Окантовка объекта
Также можно выполнить обводку контура объекта:
- Выделить объект с помощью инструмента «Волшебная палочка».
- Навести курсор на выделенную область и кликнуть по нему правой кнопкой мыши. В выпадающем меню кликнуть по пункту «Образовать рабочий контур».
- Перейти на вкладку «Контуры» в панели слоев.
- Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.
- На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».
- После этого следует кликнуть по кнопке «Ок» и просмотреть результат.
Второй вариант:
- Выделить объект на изображении, на клавиатуре нажать «CTRL» и «J», чтобы вынести его на отдельный слой.
- Выбрать в меню «fx» пункт «Обводка».
- Дальнейшая процедура уже знакома и описывалась ранее.
На главную
Reader Interactions
(🚩БЕСПЛАТНО) Как обвести текст в Photoshop
Экшен Outline Photoshop , который можно бесплатно загрузить с сайта PhotoshopSupply.
Создайте свой собственный контурный шрифт всего за несколько секунд!
Как обвести текст в Photoshop
Как обвести текст в Photoshop? Это легко, просто добавьте стиль слоя и используйте опцию Stroke .
Любой шрифт можно превратить в контурный шрифт . Добавьте обводку к тексту в Photoshop всего за несколько шагов:
- Используйте инструмент Type Tool , чтобы добавить текстовый слой в Photoshop
- Дважды щелкните текстовый слой , чтобы открыть окно Layer Style 900 21 Установите стиль слоя Stroke на контур . текст
Эффект Photoshop с двойной обводкой
Чтобы добавить эффект Photoshop с двойной обводкой, выполните следующие действия:
- Преобразуйте текстовый слой в смарт-объект
- Откройте окно Layer Style и добавьте стиль слоя Stroke .
СОВЕТ: Чтобы добавить несколько контуров, преобразуйте предыдущий смарт-объект в новый смарт-объект и добавьте еще один стиль слоя Stroke . Повторите процесс, чтобы добавить несколько контуров и создать границу шрифта.
Настройки контурного текста
- Размер. Установите требуемый размер или ширину с помощью ползунка или введите собственное значение.
- Должность. Выберите Позицию для обводки. Существует три варианта: Внутри (обводка внутри краев текста), Центр (обводка внутри и вне текста) и Снаружи (обводка за пределами края текста)
- Режим наложения. Используйте их для управления тем, как обводка текста будет взаимодействовать с цветами или слоями под обводкой. Это полезно, если вы размещаете текст поверх изображения или фотографии.
- Непрозрачность. Используйте ползунок, чтобы установить прозрачность обводки.
- Тип заполнения. Штрихи могут быть заполнены цветом, градиентом или узором.
С помощью экшена Photoshop с несколькими контурами вы можете создать шрифт с двойным контуром. Эффект двойного штриха в Photoshop отлично подходит для типографики. Используйте контурные шрифты для больших заголовков и заголовков.
Текст с рамкой (файл ASL стиля слоя)
Как выделить текст? Одним из простых и эффективных способов является использование текста с такой же рамкой.
Внутри пакета вы также получаете бесплатный стиль слоя (файл ASL), который вы можете использовать, чтобы поместить границу вокруг текста, фигур и изображений. С помощью этого стиля текста вы можете добавить до 4 контуров текста , используя только один слой без смарт-объектов.
Как создать текст с рамкой:
- Загрузите файл ASL в Photoshop
- Добавьте текст или слой формы
- Дважды щелкните слой, чтобы открыть окно Layer Style
- Нажмите на вкладку Стили сверху и выберите стиль слоя, который вы загрузили (он должен быть добавлен последним в списке стилей)
Для создания эффекта многослойного текста я использовал Внутреннее свечение, Внешнее свечение , Обводка и Тень .
Ваш контурный текст будет выглядеть так, и его по-прежнему можно будет редактировать только с одним слоем.
Добавить рамку Photoshop вокруг текста
Чтобы узнать больше о том, как создать контур в Photoshop для различных типов слоев (текст, фигуры, вырезанные изображения и т. д.), прочтите это краткое руководство.
Итак, теперь вы знаете, как преобразовать текст в контур в Photoshop и как обвести шрифты в Photoshop. Таким образом, нет необходимости устанавливать контурные шрифты. Но вот несколько примеров контурных шрифтов.
Контурные шрифты используются для журналов, настенных постеров, постеров фильмов, дизайна футболок и т. д. Известным примером является логотип Stranger Things , созданный с использованием контурного шрифта. Для всех фанатов, проверьте этот классный генератор шрифтов Stranger Things и создайте свой собственный текстовый эффект онлайн.
Как обвести шрифты в Photoshop
Таким образом, вы можете использовать действие Photoshop обводки текста, или вы можете использовать контурные шрифты .
Есть много классных контурных шрифтов , доступных бесплатно:
- Mutant Academy
- Cherl Liney
- FeuerFeste Outline
- Fenwick
- Beyond Control и т. д. 901 01
- Загрузите файл ATN в Photoshop
- Добавьте текстовый слой или слой формы 90 004 если вы хотите создать контур фигуры
- Воспроизведите один из экшенов Outline
- Формат: файл ATN, файл ASL
- Автор: PhotoshopSupply (эксклюзивный предмет) 9002 8 Лицензия
- : бесплатно для личного и коммерческого использования.
с указанием авторства . Лицензионное соглашение - Правило третей Photoshop Grid (БЕСПЛАТНЫЙ экшен)
- Line Art Photoshop (БЕСПЛАТНОЕ действие)
- Smooth Edges Photoshop (БЕСПЛАТНОЕ действие)
- adobe-photoshop
- print-design
- text
Но приятно знать, что можно превратить любой обычный шрифт в контурный шрифт . Создавайте потрясающие эффекты контурного текста с помощью нашего бесплатного экшена Photoshop!
Контурный текст отлично подходит для создания различных типографских эффектов. Итак, если вы добавите контур текста, вы можете преобразовать обычные шрифты в полые шрифты. Вам действительно не нужны специально разработанные контурные шрифты.
С помощью нашего экшена Photoshop контурного текста вы можете добавить несколько штрихов и несколько контуров к любому типу шрифта, который вы хотите.
А как насчет форм? Можешь также добавить контур к фигурам ? Да, ты можешь!
Прозрачный текст Photoshop с контуром
Чтобы сделать текст Photoshop прозрачным с контуром, используйте экшен из пакета.
Сделайте видимым слой под названием «Контур 1 от PhotoshopSupply». Затем установите Fill от 0% до 20%, чтобы сделать текст прозрачным. Для контура установите Stroke opacity на 75%.
Чтобы сделать текст прозрачным в Photoshop , вы также можете использовать эффект вырезания текста. Проверьте наш бесплатный экшен Photoshop, если вы хотите создать эффект прозрачного текста.
Используйте наш экшен и создайте текстовый эффект Photoshop одним щелчком мыши! Текст с рамкой очень удобен для добавления текста к изображениям, для создания типографских рисунков и т. д.
Как обвести фигуру в Photoshop
Итак, теперь вы знаете, как сделать обводку текста в Photoshop . С нашим бесплатным экшеном Photoshop вы можете добавлять границы к фигурам и растровым изображениям.
Техника контура фигуры в Photoshop идентична добавлению контура к тексту.
Добавить Layer Style и используйте опцию Stroke .
Как обвести изображение в Photoshop
Чтобы обвести изображение в Photoshop , используйте инструмент Pen Tool , чтобы выделить человека или объект, который вы хотите извлечь.
Затем скопируйте выделение на другой слой. Чтобы преобразовать выделение Photoshop в новый слой, нажмите Control+J .
Далее, используйте наш контурный экшен Photoshop , чтобы обвести фотографию в Photoshop. контур текста Экшен Photoshop работает также для форм и вырезанных изображений.
После добавления контура в Photoshop можно удалить фоновый слой и заменить его, например, однотонным фоном. Этот метод часто используется для создания миниатюр YouTube .
Размытие фона — еще один вариант. Чтобы создать эффект размытия фона, как показано в превью, вы можете использовать наш экшен Photoshop «Размытие фона».
Как использовать экшен Photoshop
Чтобы правильно использовать выделение текста в экшене Photoshop , необходимо выполнить следующие шаги:
Посмотрите видеоруководство , чтобы точно узнать, как обводить текст в Photoshop с помощью этого замечательного экшена.
Информация о товаре
Этот бесплатный набор содержит 1 файл ATN, 1 файл ASL
СКАЧАТЬ PHOTOSHOP ACTIONS
Если у вас нет Photoshop, сделайте обводку текста с помощью онлайн-текстового редактора MockoFun
MockoFun — это бесплатный онлайн-инструмент графического дизайнера, который можно использовать для создания изогнутого текста, выделения текста, обводки текста и многих других текстовых эффектов.
Ознакомьтесь с этим учебным пособием о том, как обвести текст онлайн всего за несколько простых шагов.
Если вы хотите превратить фотографию в штриховой рисунок и создать эффект контурного портрета, вы можете использовать наш бесплатный экшен Photoshop.
Другие ресурсы, которые могут вам понравиться 🙂
Насколько полезным был этот пост?
Нажмите на звездочку, чтобы оценить!
Средняя оценка 5 / 5.
Количество голосов: 10
Голосов пока нет! Будьте первым, кто оценит этот пост.
Сожалеем, что этот пост не был вам полезен!
Давайте улучшим этот пост!
Расскажите, как мы можем улучшить этот пост?
полиграфический дизайн — Контурный текст в Photoshop
спросил
Изменено 7 лет, 11 месяцев назад
Просмотрено 13 тысяч раз
Всем известно, что перед отправкой покупателю файла необходимо преобразовать текст в наброски для печати.
В Photoshop есть кнопка конвертировать в форму — она аналогична конвертации в контуры. Но проблема в том, что я не могу преобразовать свой текст в контуры, потому что я объединил текст с новым прозрачным слоем, поэтому я не могу преобразовать текст в контуры.
Что делать?
Спасибо.
Если я правильно понял, вы растеризовали свой текстовый слой, верно?
Если да, то вам нужно выделить текст, нажав на поле перед текстовым слоем CTRL + LM (Левый щелчок мыши) это выделит контур вашего текста
1. Выберите Marquee Инструмент
2. Щелкните правой кнопкой мыши выделенный текст. Выберите «Сделать рабочий путь 9».0004
3. Затем выберите инструмент «Перо» на панели инструментов. После этого выберите «Форма» на панели инструментов
3.5 вуаля
Вот быстрая гифка https://gfycat.com/EdiblePleasedEidolonhelvum
4 Цель «создания контуров» (или «преобразования в форму» в Photoshop) состоит в том, чтобы в файл не включался тип live .
