Преобразуем текст в контур
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 1.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):
И выберите созданную Вами форму:
Кроме того, при активном инструменте «Произвольная фигура» Вы можете получить из контура выделенную область, слой-маску или фигуру:
На примере я выбрал создание при помощи слой-маски.
Оцените автора
(
Обводка контура и текста в Photoshop
Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 630 Обновлено
В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.
Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.
Обводку контура можно создавать сплошной и пунктирной линией (эта опция поддерживается начиная с CS6, подробнее здесь), а в этом уроке мы поговорим о художественной обводке, выполненной с помощью инструмента Кисть (Brush Tool).
Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:
Давайте начнём. Для начала нам надо создать контур. Нам подойдёт любой контур, созданный при помощи любого из инструментов группы векторных контуров или инструментами «Перо» (Pen Tool) и «Свободное перо» (Freeform Pen Tool).
Кроме того, обвести можно и контур, созданный из текста. Как преобразовать текст в контур, рассказывается здесь.
Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:
Перед тем, ка создать обводку, надо определить, с помощью какого инструмента рисования мы её будем делать и затем настроить этот инструмент.
Я использую круглую кисть с такими настройками:
После того, как мы настроили кисть, снова берём инструмент контура, кликаем правой клавишей мыши внутри контура и в открывшемся контекстном меню нажимаем на пункт «Выполнить обводку контура» (Stroke Path). Открывается новое диалоговое окно, где в раскрывающемся списке выбираем «Кисть»
Результат:
Пишем текст:
Преобразуем текст в контур, как описывается здесь. Для Photoshop CC это делается через вкладку главного меню Текст —> Создать рабочий контур (Type —> Convert to Work Path):
Видимость тестового слоя можно отключить. Теперь создаём новый слой, выбираем любой контурный инструмент, кликаем правой клавишей мыши внутри контура и применяем функцию «Обводка контура», кисть, конечно, у нас заранее настроена:
Но есть и более интересное решение — применить обводку не к самому слою, а к слой-маске, а под этим слоем с маской разместить какую-либо текстуру.
Итак, я отменяю обводку (Ctrl+Alt+Z), создаю к слою слой-маску и заново применяю обводку, да, ещё я убрал у кисти интервалы.
Внешних изменений не произошло, т.к. под этим слоем фон у меня такого же цвета, а вот на миниатюре маски видны изменения:
Теперь осталось сунуть под этот слой какую-либо текстуру, я выбрал ретро-гранж.
Результат:
Осталось только немного убрать непрозрачность текстуры, и готово, результат Вы можете посмотреть вверху странички.
Как обвести текст в Photoshop
следующий → ← предыдущая Контур текста — одна из прекрасных функций Photoshop, позволяющая сделать текст привлекательным для нашего проекта. Мы можем придать нашему тексту дополнительную выразительность, обрисовав его. Это будет полезно, если вы хотите сделать основной заголовок сайта более привлекательным или сделать текст вашего логотипа красивым. Дизайнеры используют разные подходы к созданию контура текста. Немногие из них требуются для растрирования текста, но это не очень хороший подход, потому что позже вы захотите внести некоторые изменения в свой стиль, и тогда может быть сложно его обновить. В этом разделе мы обсудим самый простой и эффективный способ сделать контур текста. Мы будем использовать параметр стиля слоя , штрих , чтобы придать нашему тексту красочный контур. Значения и цвета, которые мы собираемся использовать, чтобы обучить вас, вы можете выбрать любое значение цвета и радиус контура в соответствии с вашими потребностями. Ниже приведены шаги для контура текста в Photoshop: Шаг 1: Создайте новый документ Чтобы создать новый документ, нажмите клавиши Ctrl+N . Откроется диалоговое окно для указания размера документа и цвета фона. Укажите свойства и нажмите OK, чтобы продолжить. Шаг 2: Создайте текстовый слой Теперь создайте текстовый слой, чтобы добавить в него текст. Чтобы создать новый слой, нажмите клавиши Ctrl+Shift+N, чтобы открыть всплывающее окно, чтобы указать имя слоя и фон. Мы можем указать имя слоя и фон соответственно. Шаг 3. Активируйте текстовый инструмент Теперь активируйте текстовый инструмент, чтобы добавить текст в наш документ. Текстовый инструмент находится на панели инструментов слева от рабочей области. Мы можем выбрать его из панели инструментов; в качестве альтернативы мы можем нажать клавишу T. Ниже находится значок текстового инструмента: .После активации текстового инструмента значок стрелки преобразуется в текстовый значок и выглядит как вертикальная линия. Теперь мы можем написать текст в нашем документе: Мы также можем изменить размер шрифта и семейство шрифтов, используя панель параметров в верхней части рабочей области. Шаг 4: Добавьте стиль слоя Теперь нам нужно выбрать стиль слоя, чтобы применить обводку. Чтобы применить стиль слоя к текстовому слою, щелкните правой кнопкой мыши текстовый слой и выберите параметры смешивания . Откроются несколько вариантов стиля слоя для текстового слоя. Чтобы обвести текст, мы должны выбрать вариант обводки в этом окне. Откроются следующие параметры: Шаг 5: Применение хода Теперь отметьте параметр обводки в этом окне и щелкните ссылку обводки. Откроются параметры обводки, такие как цвет, положение, размер и т. д. Укажите стиль обводки в соответствии с требованиями. Он применит схему к данному тексту. Мы также можем предварительно просмотреть схему того, как она будет отображаться. Если вы удовлетворены изменениями, нажмите OK , чтобы применить их. Он будет применяться следующим образом: Мы также можем выбрать стиль контура, например, внутри, снаружи и по центру, из раскрывающегося меню в окне параметров обводки. Шаг 6: Удалить цвет текста Этот шаг необязателен, если вы хотите, чтобы ваш текст был обведен только контуром, и вы удалили цвет. Чтобы удалить цвет текста, вы можете либо удалить заливку, установив заливку текстового слоя на 0%, либо залить его белым цветом. Чтобы удалить цвет текста, перейдите к слоям и выберите текстовый слой; прямо над панелью слоев в правом верхнем углу будет отображаться параметр заливки. Установите его на 0%, чтобы удалить заливку цветом из текста. Удаляет цвет текста. Теперь будет отображаться только текст с контуром: Теперь у нас может быть любое фоновое изображение или цвет фона для этого документа, чтобы сделать его более стильным. Современная версия Photoshop обеспечивает больший контроль над контуром. Например, мы можем сделать еще одну обводку поверх этой обводки, чтобы она выглядела более привлекательно. Процесс добавления другого контура поверх этого контура будет таким же, как обсуждалось. Вы найдете дополнительную опцию обводки в стилях слоя. Вы можете применить операцию повторения штриха, выбрав параметры наложения в меню слоя. Сводка: Мы обсудили, как обвести текст в Photoshop. Это очень простой процесс, чтобы набросать текст. Следующая темаКак отменить/повторить действие в Photoshop ← предыдущая следующий → |
Теперь мы можем придать нашему тексту дополнительную выразительность или сделать основной заголовок веб-сайта более привлекательным. Также это будет полезно при создании логотипа.полиграфический дизайн — Контурный текст в Photoshop
спросил
Изменено 7 лет, 4 месяца назад
Просмотрено 13 тысяч раз
Всем известно, что перед отправкой покупателю файла необходимо преобразовать текст в контуры для печати.
В Photoshop есть кнопка конвертировать в форму — она аналогична конвертации в контуры. Но проблема в том, что я не могу преобразовать свой текст в контуры, потому что я объединил текст с новым прозрачным слоем, поэтому я не могу преобразовать текст в контуры.
Что делать?
Спасибо.
- adobe-photoshop
- print-design
- text
Цель «создания контуров» (или «преобразования в форму» в Photoshop) состоит в том, чтобы в файл не включался тип live . Таким образом, человеку, получающему файл, нужен шрифт , а не . Они также не смогут редактировать шрифт в режиме реального времени.
Если вы объединили свой текстовый слой с другим слоем и поэтому растеризовали текст, нет никакой пользы или необходимости создавать контуры типа. У вас есть уже удалил аспект «живого» типа из текстового слоя. Тогда это просто пиксели, как и все остальное.
1
Если я правильно понял, вы растеризовали свой текстовый слой, верно?
Если да, то вам нужно выделить текст, нажав на поле перед текстовым слоем CTRL + LM (Левый щелчок мыши) это выделит контур вашего текста
1.
