Ввод текста по контуру объекта в Photoshop. Контур, текст и чёрная стрелка (инструмент выделения контура)
Ввод текста по контуру объекта в Photoshop. Контур, текст и чёрная стрелка (инструмент выделения контура)
Прежде чем начать говорить о чёрной и белой стрелках (инструмент выделения контура), возьмём и покажем самим себе немного сомневающимся, что разместить текст внутри контура, мы можем на раз-два-три.
Уверенными движениями руки создадим контур закрытого типа и введём текст. Как это делать мы уже и знаем и умеем:
Очень хорошо! Теперь на панели инструментов выберем чёрную стрелку. Мы, таким образом, и стрелку выбираем, и ввод текста принимаем, и всё это одним щелчком (напомнил для закрепления):
Чёрная стрелка выбрана, ввод текста программой принят, ромбик с кружочком, став чёрного цвета, подтвердили свою готовность к работе:
Давайте наведём курсор на ромбик и как только курсор примет вид двух стрелочек, смотрящих в разные стороны с чёрточкой посередине, мы тут же схватимся мышкой за ромбик (нажмём и удерживаем левую кнопку) и потянем вертикально вниз внутрь контура совсем чуть-чуть.
Мы можем не отпускать кнопки и, продолжая держаться за ромбик, вновь «помотать круги» по траектории, стараясь во время такого кругового перемещения удерживать курсор внутри контура. Всё также как и с текстом, находящимся снаружи контура. Моё предложение потянуть текст на «чуть-чуть» связано с тем, что если бы мы потянули текст «поглубже», то от нас ускользнуло бы знание того, что при различной глубине заведения ромбика меняется и положение текста. Насколько глубоко или не глубоко будет заведён курсор, держащий ромбик, внутрь контура, на самом деле, большого значения не имеет, потому что мы всегда можем отрегулировать местоположение текста другими рычажками (сегменты регулирования). Принцип регулировки расположения текста на контуре внутри, тот же, что и в случае, когда текст находится снаружи. Сегменты регулирования, крестики, точки начальные и конечные, ромбики, рычажки, курсоры! Кто из них кто уже и не поймёшь. Временами даже голова слега кружится от всех этих названий! Путаница нам не к чему, а лёгкое головокружение тем более! Повторение вреда не принесёт, а польза будет.
Сегменты регулирования можно назвать универсальными. В зависимости от того как мы располагаем текст на контуре да и в процессе перемещения (движения) текста, сегменты регулирования функционально изменяются. Начальная точка ввода текста (крестик) превращается во время перемещения в рычажок (сегмент регулирования). Она же может превратиться в конечную (пограничную) точку. Такие же изменения могут происходить и с конечной точкой. Да и ромбик от них не отстаёт. То он рычажок, с помощью которого мы перемещаем текст по линии контура, то регулятор распределения (выравнивания) текста на отрезке между начальной точкой ввода и конечной (пограничной). Ну и чёрная стрелка из самой стрелки, способной изменять контур, превращается в «ухватку», с помощью которой мы управляем сегментами регулирования, перемещая текст, да и за сам текст можем тоже «хвататься» для его передвижения по траектории.
Перейдём к чёрной стрелке и на примере убедимся в её универсальности, как многофункционального инструмента.
Во время перемещения текста по траектории мы можем столкнуться, например, со следующей ситуацией:
Мы ввели текст, затем переместили внутрь контура и нам всё нравится, но всё же хочется его немного сместить вправо, ну или влево. Предположим, что нам понравилось перемещать текст, ухватившись за ромбик. И вот мы потянулись курсором (чёрной стрелкой) к ромбику:
А он, ведь, находится вне отрезка контура покрытого текстом. Если мы при приближении к ромбику проморгаем момент преобразования курсора в две стрелочки, смотрящие в разные стороны, с чёрточкой их разделяющей, то щёлкнув по ромбику мы увидим изменившийся контур:
Независимо от того, продолжим ли мы удерживать левую кнопку мыши или же её отпустим, на контуре появятся узловые точки (чёрные квадратики). Расположились эти самые точки, в местах резких изгибов кривой. Давайте схватимся чёрной стрелкой за любую узловую точку на контуре, свободную от текста, и потаскаем контур туда-сюда по холсту не отпуская левую кнопку мыши:
Закончим «таскать» контур и, остановившись в любом месте холста, отпустим кнопку мышки, а вместе с кнопкой, естественно, и сам контур:
Мы видим, что остававшийся без движения текст послушно последовал за контуром и расположился на своём прежнем месте.
Мы можем «хвататься» за контур для перемещения, в любом месте, то есть и за узловые точки и просто за линию. Если мы принципиально хотим перемещать контур, удерживая его на отрезке где расположен текст, то тогда, нужно поймать курсор в виде чёрной стрелки. То есть, мы должны будем «потоптаться» вблизи текста, пока курсор из вида двух чёрных стрелочек, смотрящих в разные стороны с чёрточкой посередине, не превратится в чёрную стрелку. Как только перевоплощение произойдёт, нажмём левую кнопку мышки и, удерживая её, потянем контур в нужном нам направлении, а за контуром, конечно же, преданно побежит и текст.
Для того чтобы узловые точки (чёрные квадратики) исчезли, достаточно сделать один щелчок мышкой на холсте в любом месте вне контура. Итак, мы обратили внимание на определённую ситуацию, с которой можем столкнуться.
Узловые точки хорошо конечно, но как же нам быть с ромбиком? Он ведь «убежал» с отрезка контура, занятым текстом? Вернуть «беглеца» можно путём перемещения конечной точки ввода текста в направлении последнего слова «сюда», т.
И как только мы ухватились за конечную точку, то тут же появились рычажки перемещения у ромбика, начальной точки ввода и самой конечной точки. Начнём её двигать вправо по траектории. Мы видим, как ромбик тоже начал перемещаться по направлению к тексту:
И вот, наконец, ромбик занял своё место на отрезке кривой, заполненной текстом:
Теперь мы можем подвинуть текст в ту сторону и на расстояние, какие соответствуют нашему творческому замыслу, не прибегая более к помощи начальной и конечной точек текста (они же сегменты регулирования).
Уже зная о возможности выделять и трансформировать контур, мы своим знанием можем, если это нужно, воспользоваться. Нажмём сочетание клавиш Ctrl+T и контур, вместе с находящимся на нём текстом, захватят маркеры выделения:
У нас есть возможность повернуть контур, уменьшить или увеличить в размере, но текст, при этом, останется неизменным:
На картинке выше, видно, что контур смещён и уменьшен в размере.
Нажав клавишу Enter, мы подтвердим изменения контура, и они вступят в силу. Текст послушно займёт своё место на траектории. Поскольку текст остался, в отличие от контура, неизменным, то при том количестве слов и размере шрифта, ему не хватит места на замкнутой траектории. Текст на контуре по-прежнему присутствует, но видеть мы будем только его незначительную часть. Убедимся в этом, нажав Enter:
Дааааа……, что-то макушка зачесалась. Изменим размер шрифта, например, на 12-й и посмотрим на то, что получится:
Ситуация с текстом изменилась в лучшую сторону (картинка увеличена):
Но, мы по-прежнему не видим двух недостающих слов текста «введём сюда». Давайте ещё уменьшим размер шрифта, выставив значение, например, «10». Нет, давайте значение «9»:
Замечательно! Текст виден полностью. Полностью-то, полностью, но это при увеличенном масштабе видимости. Посмотрим на текст в стандартном, 100% масштабе видимости:
Текст, практически, не читаем.
Если такое изменение произойдёт, то нам нужно вернуться, немножко, назад, а затем, ухватившись уже за начальную точку (крестик) ввода текста, левее подвинуть её:
Ну что же, картина немного другая и даже, может быть, кому-то из нас радует глаз (такой подход больше нравится). Теперь уменьшим размер шрифта, выставив значение 12 или даже 14. Давайте 14. Не угадаем, — изменим:
Великолепно! Всё чётко рассчитали, мы молодцы!
Теперь оглянемся назад. Вспомним самое начало нашего разговора. Мы создали контур, затем ввели текст, затем…, а всё остальное мы делали чёрной стрелкой, включая подбор размера шрифта.
Оставить комментарий
Drupal
WordPress
Word
Excel
PowerPoint
Movie Maker
Все разделы
Домашний мини сервер Shuttle
Текст по контуру в фотошопе
Автор: Софья Скрылина.
Дата публикации: . Категория: Уроки фотошопа текст.
Текст можно ввести вдоль замкнутого контура. Более того, на одном контуре можно разместить две надписи, расположив их на разных текстовых слоях.
В уроке «Текст по контуру в фотошопе» расположим два текста вдоль окружности.
Урок сделан в версии фотошопа CS6, но может быть повторён в любой версии программы Photoshop.
Подобные публикации:
- Как сделать надпись на камне в фотошопе
Создайте файл размером 5×5 см с разрешением 300 пикс./дюйм и белым фоном – Ctrl+N.
Выберите инструмент Эллипс (Ellipse), на панели его свойств выберите режим Контуры (Paths), чтобы на основе эллипса создался только контур без векторной маски.
Удерживая клавишу Shift, создайте круг.
Выберите инструмент Горизонтальный текст (Horizontal Туре) и произведите щелчок в верхней точке круга, когда указатель сменится на I-образный с волной, введите слово «Журнал». В примере использовался шрифт Times New Roman полужирного начертания с размером 18 пт. Цвет текста темно-зеленый.
Выберите инструмент Выделение контура (Path Selection). Наведите мышь на надпись, когда появится I-образный указатель с двусторонней стрелкой, сместите мышь вниз. Надпись должна расположиться внутри окружности. Теперь этим же указателем сместите надпись вдоль окружности так, чтобы слово оказалось в нижней ее части.
В палитре Слои выделите фоновый слой.
Инструментом Горизонтальный текст (Horizontal Туре) щелкните на окружности и введите текст «ВОКРУГ СВЕТА».
Активизируйте инструмент Произвольная фигура (Custom Shape). На панели свойств выберите режим Фигура (Shape Layers), а в перечне фигур установите пиктограмму в виде глобуса.
Удерживая клавишу Shift, создайте фигуру.
В палитре Слои (Layers) образовался заливочный слой со слой-маской. Для перекраски глобуса произведите двойной щелчок по миниатюре заливочного слоя.
В появившемся окне выбора цвета установите голубой цвет.
Для вызова окна «Стиль слоя», два раза левой клавишей мыши щёлкнем по верхнему слою.
К слою фигуры примените два стиля:
• Тень (Drop Shadow), не меняя настроек;
• Обводка (Stroke), уменьшив толщину обводки до 2 пикc.
Точно так же к текстовым слоям примените два стиля:
• Тень (Drop Shadow), не меняя настроек;
• Внешнее свечение (Outer Glow), увеличив размер свечения до 10 пикс.
Оба текстовых слоя поместите перед слоем фигуры.
Получаем результат.
Мы с Вами расположили текст по контуру в фотошопе.
Урок сделан по мотивам книги С.Скрылиной «Photoshop CS5. Самое необходимое», опубликован с личного разрешения автора.
Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта — подпишитесь на рассылку сайта. Форма для подписки находится ниже.
Самый простой способ обвести текст в Photoshop CC 2021
Одним из наиболее распространенных применений Photoshop является работа с текстом, будь то создание плакатов, редактирование изображений или даже просто создание уникальных типографских дизайнов.
Один из способов стилизовать текст — добавить контур вокруг него, что мы и рассмотрим в сегодняшнем уроке. Самый быстрый способ обвести текст в Photoshop — применить к нему обводку с помощью меню «Параметры наложения», которое мы вскоре подробно рассмотрим.
Как сделать теневой текст в Inkscape
Включите JavaScript
Как сделать теневой текст в InkscapeОбводка текста в Photoshop требует принципиально другого подхода, чем тот, который вы обычно делаете в векторном приложении, например, Иллюстратор или Affinity Designer. Чтобы сделать это в Photoshop, нам нужно применить обводку вокруг текста, что является довольно распространенным подходом независимо от программного обеспечения, но в Photoshop это работает с помощью корректирующих слоев и эффектов слоя. Давайте уточним.
Как обвести текст в Photoshop
 В меню параметров наложения выберите Обводка из списка эффектов в левой части меню. Это применит контур на основе размера, цвета и стиля по вашему выбору. |
Следующее видеоруководство проведет вас через весь процесс шаг за шагом менее чем за 4 минуты:
Продолжайте читать письменные инструкции.
СодержаниеКонтурный текст
Работа с обводками
|
Обводка текста
В этом первом разделе урока мы рассмотрим, как применить обводку к тексту и настроить ее свойства, такие как размер , стиль и цвет.
Шаг 1: Создайте текст на холсте
Для начала нам нужно нанести текст на холст. Если у вас уже есть какой-то текст, вы можете перейти к шагу № 2.
Возьми Инструмент «Текст» и нажмите на холст, чтобы нанести текст:
Нажмите, чтобы увеличитьВы можете изменить шрифт, стиль, размер и цвет текста, используя меню параметров инструмента в верхней части экрана. Пожалуйста, обратитесь к видеоруководству выше, если вам нужна дополнительная помощь.
Шаг 2. Примените обводку к тексту с помощью меню «Параметры наложения»
После того, как вы разместили текст, все, что вам нужно сделать, чтобы применить контур вокруг него, — это добавить эффект слоя обводки.
Если вы посмотрите в правый нижний угол экрана, вы увидите меню Layers . В меню слоев вы должны увидеть специальный слой для вашего текста: текстовый элемент будет иметь свой собственный слой в меню слоев, обведенный красным выше.
Щелкните правой кнопкой мыши меню и выберите Параметры наложения .
Это откроет следующее меню: Выбор параметра «Обводка» слева позволит вам применить контур к вашему тексту.
Все, что вам нужно сделать, чтобы обвести текст в Photoshop, это выбрать Обводка из списка в меню «Параметры наложения», расположенного слева: как выглядит ваш текст после применения обводки.
«Штрих» — еще один термин для контура. После применения вы должны увидеть контур по умолчанию вокруг вашего текста, который мы будем редактировать дальше на следующем шаге.
Шаг 3. Отредактируйте свойства контура
После выбора параметра «Обводка» вам будут предложены настройки, которые вы можете изменить: Свойства обводки выделены выше красным.
Это меню позволит вам указать свойства контура вокруг вашего текста. Они следующие:
- Размер : Этот ползунок позволяет изменить размер контура вокруг текста с шагом в пикселях ( px ). Сдвинув его вправо, вы увеличите его размер, а если сдвинете влево, то уменьшите.
- Режим наложения : этот параметр позволяет изменить режим наложения штриха/контура. Поскольку цель состоит в том, чтобы просто обвести текст в Photoshop, мы оставим это на 9-м уровне.0019 нормальная настройка .
- Непрозрачность : Если вы хотите, вы можете сделать свой контур частично прозрачным, используя этот параметр. Сохранение его на уровне 100% оставит его полностью непрозрачным.
- Тип заливки : по умолчанию обводка/контур будет заполнен сплошным цветом. Однако, если вы хотите заполнить его градиентом или узором, вы можете сделать это, используя этот параметр.
- Цвет : При нажатии на цветную полосу откроется меню выбора цвета, где вы сможете выбрать цвет контура вокруг текста.
В меню Stroke вы также увидите настройку, обозначенную как Position . Можно выбрать один из трех вариантов:
- Снаружи : это нанесет контур вокруг внешних краев вашего текста, не заполняя внутреннюю часть.
- Внутри : это применит контур только вокруг внутренних краев вашего текста, не выливая его наружу.
- Центр : Этот вариант объединяет два предыдущих варианта. При выборе половина контура будет применена к внешнему краю вашего текста, а другая половина — к внутреннему краю.
На приведенной ниже диаграмме показаны три варианта Position : различные положения штриха, которые вы можете выбрать.
Выберите цвет, размер и стиль контура текста и нажмите кнопку OK , когда закончите, чтобы применить изменения.
Работа с обводками
Теперь, когда мы рассмотрели, как обводить текст в Photoshop, давайте рассмотрим некоторые из различных способов, которыми вы можете пожелать работать с вашими обводками (также известными как обводки).
Как отредактировать контур после его применения
После того, как вы применили обводку к тексту в Photoshop, вы заметите, что к текстовому слою был добавлен новый корректирующий слой: новый эффект слоя будет добавлен к текстовый слой в качестве подслоя.
Если вы хотите позже отредактировать обводку вокруг текста, вы можете просто дважды щелкнуть корректирующий слой с надписью «обводка», и меню «Параметры наложения» снова заполнится, что позволит вам изменить свойства обводки.
Как применить несколько контуров к тексту
Процесс, используемый для контура текста в Photoshop, можно повторить, чтобы добавить несколько контуров вокруг текста. Это может быть полезно, если вы хотите добавить отступ между текстом и контуром, как я сделал в дизайне эскиза.
Для этого снова щелкните правой кнопкой мыши текстовый слой и выберите в меню «Параметры наложения». Повторите все шаги, описанные ранее в этом уроке, и ваша новая обводка будет применена поверх первой созданной вами обводки. план.
Как и в случае с первой созданной вами обводкой, слой эффектов будет добавлен в качестве подслоя для текста в меню «Слои» в дополнение к исходному слою обводки.
Как удалить контур из текста
Наконец, вам может быть интересно, как удалить обводку в Photoshop, если вам больше не нужен контур вокруг текста.
Это довольно простая задача, и вы можете решить ее двумя способами:
Вариант 1. Удалите контур, отключив его видимость
Вы можете удалить контур текста, отключив видимость слоя эффектов.
Для этого найдите маленький значок глаза слева от имени/метки слоя: щелчок по значку глаза рядом со слоем отключит видимость слоя.
Щелчок по значку выключит видимость слоя эффектов, тем самым удалив контур из текста.
Преимущество использования этого подхода заключается в том, что он является временным и может быть отменен позже, если вы захотите. Просто щелкните значок глазного яблока еще раз, чтобы снова включить видимость контура.
Вариант 2. Полностью удалите эффект слоя.
Если вы уверены, что не захотите вернуть этот контур позже и хотите, чтобы он исчез навсегда, его можно относительно легко удалить.
Чтобы удалить обводку в Photoshop, выберите слой с эффектом и щелкните значок корзины в правом нижнем углу меню. Вы можете навсегда удалить слой эффектов, выбрав его и щелкнув значок корзины, обведенный красным выше.
Это удалит обводку, тем самым удалив контур из вашего текста.
Заключение
Использование эффектов слоя, конечно, не единственное, чтобы обрисовывать текст в Photoshop. Вы также можете создать выделение вокруг текста, увеличить выделение, а затем заполнить его чем угодно. Однако использование эффектов слоя через меню «Параметры наложения» быстрее и проще, а также предоставляет больше возможностей для стилизации контура.
Если у вас есть какие-либо вопросы или вам нужны разъяснения по любому из шагов, предпринятых в этом уроке, просто оставьте комментарий ниже.
Этот пост может содержать партнерские ссылки. Прочитайте информацию об аффилированных лицах здесь.
Как обвести текст в Photoshop
следующий → ← предыдущая Контур текста — одна из прекрасных функций Photoshop, позволяющая сделать текст привлекательным для нашего проекта. Мы можем придать нашему тексту дополнительную выразительность, обрисовав его. Дизайнеры используют разные подходы к созданию контура текста. Немногие из них требуются для растеризации текста, но это не лучший подход, потому что позже вы захотите внести некоторые изменения в свой стиль, и тогда может быть сложно обновить его. В этом разделе мы обсудим самый простой и эффективный способ сделать контур текста. Мы будем использовать параметр стиля слоя , штрих , чтобы придать нашему тексту красочный контур. Значения и цвета, которые мы собираемся использовать, чтобы обучить вас, вы можете выбрать любое значение цвета и радиус контура в соответствии с вашими потребностями. Ниже приведены шаги для контура текста в Photoshop: Шаг 1: Создайте новый документ Чтобы создать новый документ, нажмите клавиши Ctrl+N . Шаг 2: Создайте текстовый слой Теперь создайте текстовый слой, чтобы добавить в него текст. Чтобы создать новый слой, нажмите клавиши Ctrl+Shift+N, чтобы открыть всплывающее окно, чтобы указать имя слоя и фон. Мы можем указать имя слоя и фон соответственно. Однако выбор текстового инструмента автоматически добавит текст на новый слой. Шаг 3: Активируйте текстовый инструмент Теперь активируйте текстовый инструмент, чтобы добавить текст в наш документ. Текстовый инструмент находится на панели инструментов слева от рабочей области. Мы можем выбрать его из панели инструментов; в качестве альтернативы мы можем нажать клавишу T. Ниже находится значок текстового инструмента: . После активации текстового инструмента значок стрелки преобразуется в текстовый значок и выглядит как вертикальная линия. Теперь мы можем написать текст в нашем документе: Мы также можем изменить размер шрифта и семейство шрифтов, используя панель параметров в верхней части рабочей области. Шаг 4: Добавьте стиль слоя Теперь нам нужно выбрать стиль слоя, чтобы применить обводку. Чтобы применить стиль слоя к текстовому слою, щелкните правой кнопкой мыши текстовый слой и выберите параметры наложения . Откроются несколько вариантов стиля слоя для текстового слоя. Чтобы обвести текст, мы должны выбрать вариант обводки в этом окне. Откроются следующие параметры: Шаг 5: Применение хода Теперь отметьте параметр обводки в этом окне и щелкните ссылку обводки. Откроются параметры обводки, такие как цвет, положение, размер и т. д. Укажите стиль обводки в соответствии с требованиями. Он применит схему к данному тексту. Мы также можем предварительно просмотреть схему того, как она будет отображаться. Мы также можем выбрать стиль контура, например, внутри, снаружи и по центру, из раскрывающегося меню в окне параметров обводки. Шаг 6: Удалить цвет текста Этот шаг необязателен, если вы хотите, чтобы ваш текст был обведен только контуром, и вы удалили цвет. Чтобы удалить цвет текста, вы можете либо удалить заливку, установив заливку текстового слоя на 0%, либо залить его белым цветом. Чтобы убрать цвет с текста, перейдите к слоям и выберите текстовый слой; прямо над панелью слоев в правом верхнем углу будет отображаться параметр заливки. Установите его на 0%, чтобы удалить заливку цветом из текста. Удаляет цвет текста. Теперь будет отображаться только текст с контуром: Теперь у нас может быть любое фоновое изображение или цвет фона для этого документа, чтобы сделать его более стильным.  |
Это будет полезно, если вы хотите сделать основной заголовок сайта более привлекательным или сделать текст вашего логотипа красивым.
Откроется диалоговое окно для указания размера документа и цвета фона. Укажите свойства и нажмите OK, чтобы продолжить.
Если вы удовлетворены изменениями, нажмите OK , чтобы применить их. Он будет применяться следующим образом: