Как написать текст по контуру в фотошопе | Как сделать..

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

Для тех кто не в теме

В программе Adobe Photoshop имеется инструмент «Горизонтальный/Вертикальный Текст», с помощью него мы пишем текст. Соответственно «Горизонтальный текст» пишется по горизонту (в линию), а вертикальный по вертикали (в столбик). Как же быть, если нужно сделать текст обтекающий фигуру? Об одном из методов как это сделать, я расскажу ниже.

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

 

Начнем.

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

Что будем использовать?

• Инструмент «Перо»
• Инструмент «Горизонтальный текст»
• Панель «Символ» (для более гибкой настройки текста)
• Произвольную фигуру, предмет (в моем случае изображение)

Создайте новый слой Файл → Создать (или нажмите сочетания клавиш Ctrl + N), я использовал следующие настройки:

Ширина: 740px;

Высота: 300px;

Разрешение: 72 px;

Содержимое фона: Белый;

И закрасил слой таким цветом: #e5684b; 

Шаг 1:  

Поместите вашу фигуру или изображение на новый слой, для дальнейшей тренировки на нем. Я хочу написать текст над Лепреконом который будет его обтекать. Берем инструмент «Перо» (P) и рисуем контур в нужном нам месте. После чего у меня получилось, примерно так

Шаг 2: 

Берем инструмент «Горизонтальный текст» (T), наводим на контур и один раз кликаем мышкой, что бы написать текст.

Если текст получился ужасный, буквы не разборчивы, такое чувство, что прилипли друг к другу?. Откройте Окно → Символ, на данной панели нам необходимо увеличить расстояние между букв, в моем случае это около 200 (поле с расстоянием между букв, находится после поля Межстрочного интервала). И вот буквы стали более разборчивы и хорошо читаемы, в итоге получилось следующее

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

 

Текст внутри контура

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

замкнутый контур.

Если контур будет незамкнут, соответственно текст получится вдоль контура

Шаг 1:

Для наглядности я использовал инструмент «Эллипс», и у меня получился круглый, замкнутый контур. Теперь берем инструмент «Горизонтальный текст» (T) кликаем в цент замкнутого круга, и пишем текст. Как вы видите при написании текста, он остается внутри контура, не выходя за его рамки, в итоге получилось так 

Чему вы научились?

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

 

Краткий видеоурок

Не показывает онлайн? Тогда скачайте видеоурок по прямой ссылке, всего (33 mb).

В заключении…

Цель данной статьи заключается в том, чтобы донести до пользователя о не стандартном для всех методе, использования инструмента «Текст». После прочтения статьи к вашим навыкам прибавилось +1. Как распоряжаться этими знаниями решаете только вы и ваша фантазия. Пишите в комментарии, кто — как использовал данный метод даже выкладывайте скриншоты, нам будет очень интересно посмотреть!

Добавьте текст на изображение в Photoshop Elements

---

 

Загрузите пробную версию Photoshop Elements | Изучите линейку продуктов Elements

 

---

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

Для создания и редактирования текста используйте инструменты «Горизонтальный текст» () и «Вертикальный текст» (). Новый текст вводится на новый текстовый слой. Текст можно печатать в одну строку или располагать в пределах абзаца. Все строки однострочных текстов независимы друг от друга, длина строки увеличивается или сокращается в процессе редактирования, что, однако, не приводит к искажению следующей строки текста. Чтобы создать новую строку текста, нажмите клавишу Enter. Текст абзаца вписывается в заданную прямоугольную область (абзац).

Текст в одну строку (вверху изображения) и текст в абзаце (внизу изображения).

Примечание.

Используйте инструмент «Текст-маска» (нажмите «Alt/Option» > инструмент «Текст», чтобы изменить активный инструмент), чтобы создать выделенный фрагмент в форме текста.

Затем текст-маску можно использовать для создания различных спецэффектов.

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

Примечание.

При добавлении текста на изображение в режиме индексированных цветов программа Photoshop Elements не создает новый текстовый слой. Вводимый текст появляется в виде маски.

1. В панели управления выберите инструмент «Горизонтальный текст»  или инструмент «Вертикальный текст»  .

2. Выполните одно из следующих действий:

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

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

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

3. (Необязательно) Выберите параметры текста, например шрифт, стиль, размер и цвет на панели «Параметры инструмента».

4. Введите текст. Если текстовое поле не создано, нажмите клавишу Enter, чтобы создать новую строку.

   Текст появится в своем собственном слое. Чтобы просмотреть слои, нажмите F11 во вкладке «Эксперт».

5. Завершите создание текстового слоя, выполнив одно из следующих действий.

   • Нажмите кнопку «Применить» .

   • Нажмите кнопку «Ввод» на цифровой клавишной панели.

   • Нажмите изображение за пределами текстового поля.

   • Активизируйте другой инструмент на панели инструментов.

На панели параметров задайте следующие параметры текстового инструмента:

Гарнитура

Задает гарнитуру нового или имеющегося текста.

Начертание

Задает способ начертания текста (жирный, курсив и т.д.) имеющегося текста.

Размер шрифта

Задает размер·нового или имеющегося шрифта.

Цветное меню

Задает цвет нового или выделенного текста.

Главное меню 

Задает промежуток между строками нового или выделенного текста.

Трекинг

Задает промежуток между символами нового или выделенного текста.  

Псевдополужирный 

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

Псевдокурсив 

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

Подчеркивание 

Задает подчеркивание текста.

Зачеркивание 

Задает перечеркивание текста.

Выравнивание текста

Указывается выравнивание текста. Горизонтальная ориентация текста позволяет выравнивать текст: по левому краю, по центру или по правому краю. При вертикальной ориентации текста: по верху, центру и низу.

Вкл./ выкл. ориентацию текста 

Изменяет вертикальную ориентацию текста на горизонтальную и наоборот.

Деформирование текста 

Деформирует текст на выделенном слое.

Сглаживание 

Применяет алгоритм сглаживания для создания более гладких границ текста.

Применение алгоритма сглаживания

A. Флажок «Сглаживание» снят B. Флажок «Сглаживание» установлен 

Можно добавлять текст в фигуры, доступные при выборе инструмента «Текст в фигуре».

1. Выберите инструмент «Текст вдоль фигуры» . Чтобы быстро сменить активный инструмент «Текст», выберите «Параметр» и нажмите активный инструмент.

   Инструмент «Текст вдоль фигуры»

   
   

2. В перечне доступных фигур выберите фигуру, на которую необходимо добавить текст. Перетащите курсор на изображение, чтобы создать фигуру.

3. Чтобы добавить текст на изображение, наведите курсор на контур, пока значок курсора не будет показывать включение режима текста. Нажмите точку, чтобы добавить текст.

   Изменяйте текст таким же способом, как изменяется обычный текст.

   Нажмите и введите текст.

   
   

4. После добавления текста нажмите «Применить» . Для некоторых фигур текст должен быть написан внутри. Можно перемещать текст по контуру или внутри/снаружи него. Для этого удерживайте нажатой клавишу Cmd и одновременно нажмите и перетащите курсор мыши (текст появляется по маленькой стрелке). Можно перетащить курсор в выделенную область: путь текста может проходить внутри или за пределами области.

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

1. Выберите инструмент «Текст в выделенном фрагменте» . Чтобы быстро сменить активный инструмент «Текст», выберите «Параметр» и нажмите активный инструмент.

Инструмент «Текст в выделенном фрагменте»

2. Поместите курсор на объект изображения и перетащите курсор, пока не будет выделен требуемый фрагмент. Можно корректировать размер выделенного фрагмента с помощью ползунка «Сдвиг».

Выбор фрагмента.

При сохранении выделенный фрагмент преобразуется в путь.

3. Чтобы добавить текст на изображение, наведите курсор на контур, чтобы значок курсора показывал включение режима текста. Нажмите точку, чтобы добавить текст.

Добавление текста.

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

4. После добавления текста нажмите «Сохранить». Нажмите «Отмена», чтобы начать рабочий процесс заново.

Можно начертить и добавить текст по заказному контуру.

1. Выберите инструмент «Текст по заказному контуру» . Чтобы быстро сменить активный инструмент «Текст», выберите «Параметр» и нажмите активный инструмент.

   Инструмент «Текст по заказному контуру»

   
   

2. Создайте в каждом делении заказной контур на изображении. Можно сохранить/отменить созданный в каждом делении контур, чтобы перерисовать его от панели параметров инструмента.

3. Чтобы уточнить или перерисовать контур, нажмите «Изменить»·на панели параметров инструмента. Используйте узлы, которые появляются на контуре, для его изменения.

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

   Добавление текста.

   
   

5. После добавления текста нажмите «Применить» .

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

Результат использования инструмента «Горизонтальный текст-маска» для создания заполненной области выделения.

1. На вкладке «Эксперт» выделите слой, на котором должна расположиться выделенная область. Для достижения наилучших результатов не выделяйте кромку шрифта на текстовом слое.

2. Выберите инструмент «Горизонтальный текст-маска»  или «Вертикальный текст-маска» .

3. Выберите дополнительные параметры шрифта (См. раздел «Параметры текстовых инструментов») и введите нужный текст.

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

Правовые уведомления   |   Политика конфиденциальности в сети Интернет

Как обвести текст или добавить границы к тексту в Adobe Photoshop

Автор Зайнаб Фалак

Обновлено 1 июля 2022 г.

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

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

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

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

Как сделать контур текста в Photoshop

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

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

1. Для начала выберите инструмент Type и введите свой текст. В старых версиях Photoshop этот инструмент находится на верхней панели, а в новых версиях вы найдете его на левой панели.
2. Когда закончите, щелкните правой кнопкой мыши Type Layer и выберите Blending Options из меню. Или, как вариант, перейдите к Layer > Layer Style > Stroke .
3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева. Параметры в разделе «Обводка» дают вам полный контроль над внешним видом границы текста. Установите размер или ширину в соответствии с желаемой толщиной линии с помощью ползунка или путем ввода собственного значения вручную.
4. Далее вы выберете Позиция для инсульта. Правое положение изменяет внешний вид эффекта, когда текст комбинируется с другими элементами слоя. Есть три варианта: Внутри , Центр и Снаружи .
5. Используйте режим наложения , чтобы управлять тем, как цветная обводка будет взаимодействовать с цветами или слоями под обводкой. Это повлияет на окончательный вид, когда вы делаете что-то вроде размещения текста поверх красочного изображения, например. Вы также можете использовать Непрозрачность ползунок для установки прозрачности границы текста.
6. Обводки Photoshop также могут быть заполнены сплошными цветами, красочными градиентами и узорчатыми границами. Если вам нужен сплошной цвет, щелкните плитку цвета, чтобы открыть палитру цветов . Выберите желаемый оттенок и нажмите OK .

Вот что у нас есть на данный момент:

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

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

Photoshop позволяет создавать 3D-текст, поэтому, если вы ищете нестандартный дизайн, стоит попробовать.

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

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

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

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

1. Для начала начните с чистого холста и введите текст. Щелкните правой кнопкой мыши на Type Layer и снова выберите Blending Options .
2. Перейти к Стиль слоя > Ход . Выберите позицию как Снаружи . Установите ползунок Size на любую толщину линии, которую вы хотите, и Opacity на 100 . Нажмите OK .
3. На вкладке Слои уменьшите Непрозрачность текста до 0 процентов. Контур обводки должен оставаться сильным.

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

Как обвести только часть текстового слоя в Photoshop

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

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

1. Для начала создайте новый документ в Photoshop. Используйте инструмент Rectangle , чтобы создать цветной фоновый слой. Вы уже выбрали цвет фона; все, что вам нужно сделать сейчас, это выбрать тот же цвет для вашего текстового слоя.
2. Введите текстовый слой, как и раньше. Половина вашего текста должна быть над пигментированной частью холста; другая часть должна быть над другой половиной.
3. Теперь добавьте границу текста в Photoshop, убедившись, что цвет обводки соответствует той части холста, которая не закрыта нашим желтым прямоугольником — в данном случае, простому белому. Щелкните правой кнопкой мыши текст в вашем Layers , выберите Blending Options и назначьте Stroke толщину линии и положение.
4. Нажмите OK , и это должно выглядеть очень похоже на то, что мы получили выше.

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

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

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

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

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

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

Похожие темы

• Креатив
• Адоб Фотошоп
• Графический дизайн
• Советы по редактированию изображений
• Учебник по Photoshop

Об авторе

Зайнаб родилась и выросла в Пакистане. Она закончила курс актуарных наук и проявляет большой интерес к технологиям. Когда она не пишет о Windows или Android, вы найдете ее либо играющей на укулеле, либо фотографирующей закат.

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

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

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

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

Если вы используете Photoshop Elements и хотите выделить свой текст, выполните следующие действия:

1. Запустите Photoshop Elements и откройте существующий документ, если он у вас есть, или создайте новенький.
   
2. Введите текст, который хотите выделить. Убедитесь, что вы можете четко видеть его, увеличив масштаб или увеличив размер.
   
3. Скопируйте слой, набрав Ctrl + J .
   
4. Переименуйте слои, чтобы вы знали, над каким из них вы работаете. Мы рекомендуем работать с скопированной версией и оставить оригинал нетронутым. Если вы допустили ошибку, вы всегда можете вернуться к оригиналу и начать сначала.
   
5. Перейти к Слой .
   
6. Нажмите Стиль слоя .
   
7. Открыть Настройки стиля .
   
8. Выберите Stroke , настройте параметры, включая цвет, размер и прозрачность, а затем нажмите Ok .
   

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

1. Выберите текст, который вы хотите выделить, удерживая Ctrl в Windows или Command Key в Mac, и щелкните миниатюру слоя.
   
2. Создайте новый слой.
   
3. Перейти к Выбрать .
   
4. Нажмите Изменить , а затем выберите Расширить . Здесь вы можете настроить выбранные границы.
   
5. Выберите ведро с краской, выберите цвет и щелкните в любом месте между текстом и рамками.
   
6. Перейти к Выберите > Отменить выбор или введите Ctrl + D в Windows Cmd + D в Mac, чтобы отменить выделение текста.
   
7. Отключите текстовый слой.
   

Как обвести текст в Photoshop для печати

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

Процесс прост и требует всего несколько шагов:

1. Щелкните правой кнопкой мыши текстовый слой и выберите Convert to Shape .
   
2. Сохраните файл.

Можете ли вы легко обвести текст в Photoshop на iPad

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

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

Если вы используете Photoshop CS6 и хотите обвести текст, выполните следующие действия:

1. Запустите Photoshop и введите текст, который хотите обвести, или откройте существующий документ.
2. Перейдите в раздел слоев, щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .
   
3. Установите флажок рядом с Ход .
   
4. Настройте Размер , Положение , Режим наложения , Непрозрачность и Цвет контура.
   
5. Когда закончите, нажмите Ok .
   

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

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

1. Запустите Photoshop и введите текст, который хотите выделить, или загрузите существующий документ.
2. Удерживая Ctrl или Command Key на клавиатуре, выберите текстовый слой.
   
3. Щелкните Выберите > Изменить > Развернуть .
   
4. Расширьте текст в зависимости от желаемого размера контуров.

   No related posts.