Ввод текста по контуру объекта в Photoshop. Начальные точки ввода текста
Начав вводить текст по заранее созданной траектории (контуру) мы сразу же можем столкнуться не то чтобы с трудностями, скорее с непохожестью ввода текста, как например, если бы мы просто писали заголовок или текст какой-нибудь деловой статьи.
Отличительными особенностями ввода текста по определённой (заданной) траектории от ввода обычного текста, является то, что мы привлекаем дополнительные инструменты воздействия на текст, а также его регулировка. И я не ошибся, сказав о регулировке вместо редактирования. И говоря об инструментах, мы подразумеваем именно инструменты. Такое действие как ввод текста по контуру, объединило два функционала — «Текст» и «Контуры». По этой самой причине они и находятся в одном разделе на панели инструментов. Давайте посмотрим на выше упомянутые дополнительные инструменты, без которых нам не обойтись:
Две стрелочки чёрного и белого цветов.
А давайте во время разговора их по цветам и называть. Чтобы ослабить силу таких наших реакций, как удивление, недоумение, растерянность, а может и вовсе их избежать в самом начале ввода текста, мы для начала сделаем поочерёдно четыре предварительных захода. В эти четыре захода от нас требуется больше наблюдать за происходящими изменениями, чем что-то делать. Сейчас на идеальности траектории (контура) нам концентрироваться не нужно. Можем траекторию нарисовать даже по-разгильдяйски, используя инструмент «Свободное перо» (Выбор типа пера и траектории, естественно, делаем по собственному желанию). На холст я умышленно помещу текстовое окошко (диалоговое окно работы с текстом), чтобы были видны настройки. Прошу не обращать внимания на некоторые отличия линий контуров друг от друга, используемых в примерах. Это связано с перерывами в подготовке нашей встречи.
Заход 1. На холсте создаём открытый контур (траекторию текста):
Затем, на панели инструментов переключаемся на режим текста:
Курсор превратился в квадратик с вертикальной чёрточкой по центру.
При его наведении на контур, мы увидим, как курсор вновь изменит свою форму и будет похож на печатную английскую букву «I», перечёркнутую маленькой волнистой линией. Первое видоизменение курсора уведомило нас о том, что мы в режиме текста, ну а повторное его перевоплощение, сообщило уже об обнаружении контура. Расположим курсор на самом крайнем левом краю контура таким образом, чтобы по ощущению нам казалось, что курсор находится в той начальной точке, с которой мы начали рисовать контур. Замечательно. Сделаем щелчок и посмотрим на то, что произойдёт:
В начальной точке нашего контура (крайняя левая точка) появился квадратик с кружочком внутри. Включаем свою зрительную память «на полную катушку» и запоминаем то, что видим. Теперь попробуем начать вводить текст. Ничего не получается. Кружочек в квадратике на левом конце линии контура стал чёрным. И снова мы с помощью зрительной памяти зафиксируем то, что видим, ну и наши безуспешные действия по вводу текста конечно тоже запомним.
Заход 2. Уверенным движением руки, управляющей мышкой, вновь создадим траекторию и наведём курсор подальше от начальной точки контура и сделаем обычный щелчок мышкой (левой кнопкой), не забыв переключить кнопку «Перо» на кнопку «Текст» на панели инструментов.
Например, где-то здесь:
И то, что мы видим, вновь фиксируем своей зрительной памятью:
И в открывшейся палитре цветов, сделаем выбор цвета на своё усмотрение:
Подтвердим выбранный цвет, нажав кнопку «Ок». Давайте теперь начнём вводить текст, и пусть это будут несколько не очень коротких слов. И вот мы набираем текст, нажимая кнопку за кнопкой, поглядывая на то, что происходит на траектории, и замечаем, что текста на контуре меньше, того что мы вводили.
а внутри кружочка (элемент сегмента регулирования) появился крестик. Избежать чувства растерянности в данной ситуации пока не удалось. Сделав мысленный акцент на словах «пока не удалось» остановимся и, щёлкнув по слою текста в палитре слоёв или по галочке на ленте верхнего меню подтвердим ввод и посмотрим на изменения:
Вот это да! На контуре всего несколько букв, а в слоях мы видим слой с полным текстом?! Что за странности такие?! На этом второй заход будем считать законченным и подготовимся к заходу 3, перетащив слой с текстом в корзину.
Заход 3. С ощущением того, что мы с ещё большей уверенностью работаем выбранным нами пером, создадим на чистом холсте очередной новый открытый контур:
В этот раз, после переключения «контуры-текст», наведём курсор на траекторию и сделаем щелчок мышкой где-нибудь ближе к конечной точке контура:
и посмотрим, что же произойдёт в этот раз:
Мы видим уже знакомые нам сегменты регулирования.
Здесь и крестик, и мигающий курсор, и кружочек с ромбиком. Давайте снова начнём вводить текст и будем делать это до тех пор, пока количество набранных на клавиатуре символов не превысит количества видимых на контуре:
Всё, что перед нашими глазами, очень даже нам знакомо. Теперь убедимся в своих догадках, щёлкнув по галочке на нижней ленте верхнего меню или по текстовому слою в палитре слоёв (этими действиями подтвердим ввод текста) и посмотрим на то, что произойдёт в этот раз:
Наши догадки подтвердились. В слоях (окно работы со слоями) текст в полном объёме, а на контуре снова лишь его часть, с разницей в местоположении, т.е. ближе к конечной точке контура. Будем считать третий наш заход завершённым и подготовимся к четвёртому заходу, очистив холст.
Заход 4. Первое наше действие в четвёртом заходе всё то же — создание траектории. На этот раз мы прицелимся в середину контура, где-то здесь:
Теперь щёлкнем мышкой в этой точке контура, активизируя ввод самого текста:
И вновь мы видим наших добрых знакомых: крестик на левом (начальном конце) контура, мигающий курсор, ромбик и кружочек.
Вот здорово-то как! Все набранные на клавиатуре слова оказались в этот раз на контуре с первого раза полностью видимыми. Давайте подтвердим ввод текста щелчком по слою в окошке слоёв или по галочке на ленте верхнего меню и взглянем на текстовый слой в окне слоёв:
На этот раз мы видим полное соответствие видимого текста на контуре тексту в палитре слоёв.
Вот и выполнены запланированные четыре захода. Мы и наша зрительная память хорошо потрудились. И мы не просто четыре раза начинали с чистого листа, чтобы сделать пару щелчков мышкой и постучать клавишами, как можно подумать на первый взгляд. Мы, на самом деле, сделали значительно больше. Мы инвестировали своё Время в то, что нам интересно или просто нужно, в знание, навсегда попрощавшись с незнанием, в ответы на вопросы, в изменение себя, а по таким инвестициям дивиденды выплачиваются всегда. Ну, а сейчас, сделаем короткую паузу и продолжим в следующий раз.
Оставить комментарий
Drupal
WordPress
Word
Excel
PowerPoint
Movie Maker
Все разделы
Домашний мини сервер Shuttle
Уроки фотошопа — Работа с текстом в Фотошопе
Работа с текстом
В этом уроке по фотошопу я Вам расскажу, как, используя обычный текст, создать красивую поздравительную открытку с днем рожденья.
Для этого урока нам понадобятся следующие изображения. Скачать:
Скачать
Для начала создаем новый документ (Ctrl + N) размером 700Х700 px. Открываем картинку K_on. Картинка без заднего фона и готова к применению, поэтому сразу перетаскиваем ее на созданный фон и называем «K_on».
Открываем картинку text и перетаскиваем ее под слой «K_on». Картинку text я подготовила заранее, она без заднего фона, а содержание – это разные поздравления с днем рождения на английском языке. Однако вы можете создать свой текст, какой вам нравиться.
Оставаясь на слое с текстом, щелкаем по слою «K_on» удерживая клавишу Ctrl выделив этим его содержимое по контуру.
Теперь инвертируем Select/Inverse (Shift + Ctrl + I) и удаляем (Delete). Перетаскиваем нашу созданную картинку из текста правее.
Теперь нам нужно создать серую тень между слоем с текстом и слоем «K_on». Создаем новый слой (Shift + Ctrl + N). Опять щелкаем по слою «K_on» удерживая клавишу Ctrl. Выделенную часть заливаем серым цветом (C5BFBF) и сдвигаем немного правее.
Выбираем инструмент для создания текста (T), и пишем «Happy Birthday». Теперь переведем текст в картинку. Щелкаем правой кнопкой мыши по слою с текстом выбеаем Rasterize Layer.
С помощью инструмента Lasso Tool (L), отделяем каждую букву, а затем переносим на новый слой, нажав Ctrl + J. Все это мы проделали, для того чтобы поставить буквы как нам хочется.
Теперь нарисуем на новом слое произвольную линию, чтобы по ней выставить буквы.
Расставив буквы по линии, вы можете еще поиграть с ними уменьшая, увеличивая или разворачивая их. После удаляем слой с вспомогательной линией и соединяем буквы в один слой.
Теперь добавим немного мелкого текста. Напишем 3 поздравления на английском языке разными цветами, которые плавными линиями исходят из ее уст.
На новом слое создаем кривую линию инструментом Перо/Pen Tool (P). В его параметрах включаем иконку Paths (Путь) и создать нужную кривую.
Дальше – выбираем инструмент Type (Текст). При подведении курсора к кривой он принимает вид буквы I с волнистой линией. Можно вводить текст вручную или скопировать его из буфера обмена – он расположится строго вдоль кривой. Но при этом следует учесть, что если текст будет больше, чем может вместить кривая, то его избыток не введется – при таком художественном приеме содержание текста и его размер надо подбирать особо тщательно.
Каждую надпись создаем на разных слоях. По окончанию можно удалить нижнее подчеркивание текста, для этого: переводим слой с текстом в картинку и удаляем резинкой(E) или лассо(L).
Сверху белого фона «Background» создаем новый слой и заполняем его серыми и голубыми кружочками
(Скачать кисть с кружочками)
Также можно использовать кисти звездочек и сердечек, которые можно скачать тут.
Добавляем эффекты на надпись «Happy Birthday» (в данном примере я наложила на черные буквы голубые).
Сливаем все слои (Shift + Ctrl + E) и усиливаем контраст с помощью Hue / Saturation (Ctrl + U) или Brightness/Contrast.
Вот и все!
Желаю всем удачи в освоении урока!
Автор урока: Prescilla
Данный материал подготовлен для Вас командой сайта https://bakemono.ru
2 быстрых способа изогнуть текст в Photoshop (подробные руководства)
Photoshop на самом деле не предназначен для использования в качестве программы графического дизайна, но существует множество причин, по которым вам может понадобиться создать изогнутый текст в Photoshop.
Независимо от того, редактируете ли вы текст на фотографии, создаете текст для фотореалистичного цифрового художественного произведения или по какой-либо другой причине, которую я даже не могу себе представить, есть два основных способа искривления текста в Photoshop: деформация текста и размещение текст вдоль изогнутой траектории.
Оба метода имеют свои преимущества и недостатки, и оба они имеют очень разные способы создания изогнутого текста. Деформация вашего текста изменяет сами фактические формы букв, но создает некоторые интересные формы, в то время как набор текста по изогнутой траектории сохраняет исходную форму букв, но иногда может привести к их перекрытию.
Искривление текста любым методом может негативно сказаться на удобочитаемости и даже удобочитаемости вашего текста, поэтому обязательно помните об этом, когда работаете над своим редактированием. Я думаю, что второй метод — лучший выбор, но, вероятно, есть ситуации, когда деформация текста — лучший выбор. Вероятно.
Содержание
- Метод 1: Искаженный текст
- Метод 2: Текст вдоль кривой
- Использование инструмента «Перо»
- Использование инструмента «Эллипс»
- Добавление текста к вашей кривой4
- 4
Метод 1: Искаженный текст
Этот метод, вероятно, самый простой из двух, хотя оба они очень просты в использовании.
Сначала переключитесь на инструмент Текст и добавьте текст. Когда вы довольны содержанием, найдите Кнопка «Создать деформированный текст» на панели параметров над основным окном изображения (см. выделенную область на скриншоте ниже).
Щелкните значок, и Photoshop откроет диалоговое окно «Деформация текста». В раскрывающемся меню «Стиль» вы найдете широкий спектр предустановленных деформаций, которые помогут вам создать изогнутый текст.
Возможно, наиболее полезным пресетом деформации является Arc , который создает минимальное количество искажений в ваших буквенных формах, но вы можете выбрать один из вариантов. Я не уверен, зачем вам когда-либо понадобилось создавать искаженный текст в форме рыбы, но если вам нужно, вы можете это сделать.
Настройте параметры по своему усмотрению, нажмите кнопку OK , и все готово!
Способ 2. Текст вдоль изогнутой траектории
Если вы хотите создать криволинейный текст, фактически не искажая формы букв в тексте, вам нужно сначала создать траекторию.
Пути на самом деле являются векторными объектами, которые используют математику вместо размеров в пикселях для определения своей формы.Существует несколько способов создания изогнутого контура в Photoshop, в зависимости от желаемой формы. Вы можете использовать инструмент «Перо» для создания кривых произвольной формы, размещая опорные точки и используя маркеры регулировки для управления углом кривых, или вместо этого вы можете использовать инструмент «Эллипс», чтобы создать свой путь.
Использование инструмента «Перо»
Чтобы создать изогнутый контур произвольной формы, переключитесь на инструмент «Перо» с помощью набора инструментов или сочетания клавиш P . Щелкните в любом месте изображения, чтобы установить первую опорную точку, затем щелкните еще раз, чтобы создать линию между этими двумя точками.
Щелчок и перетаскивание кнопки мыши для создания второй точки позволяет создать кривую вместо прямой линии, а опорные точки и кривизну можно отрегулировать позже в любое время с помощью опорных точек и маркеров кривизны.
Светло-голубая линия показывает точную форму контура, но она не будет видна на сохраненном изображении. Все инструменты формы Photoshop вложены в одно и то же место на панели инструментов, и все они используют сочетание клавиш U . Повторное нажатие на ярлык приведет к переходу к следующему инструменту в наборе.
Прежде чем рисовать эллипс, рекомендуется изменить Заливка и Обводка настройки цвета на панели параметров на Нет (представлено белым прямоугольником, перечеркнутым красной полосой), иначе вы нарисуете видимую векторную фигуру поверх изображения вместо невидимого векторного пути.
Белое поле, перечеркнутое красной полосой, означает, что Photoshop должен оставить их пустыми.Если вы забудете сделать это перед рисованием фигуры, вы всегда можете просто удалить заливку и обводку позже в том же месте. Вы также можете изменить эти настройки в Раздел Внешний вид панели Свойства .
Инструмент «Эллипс» можно использовать двумя способами: вы можете щелкнуть и перетащить в любом месте документа, чтобы создать эллипс визуально, или вы можете щелкнуть один раз в любом месте документа, чтобы задать размер эллипса, используя значения в пикселях. Установка равных значений высоты и ширины создаст идеально круглую траекторию.
Добавление текста к вашей кривой
После того, как вы создали изогнутый векторный контур, вы готовы добавить к нему текст. Переключитесь на Инструмент Text с помощью набора инструментов или сочетания клавиш T и поместите курсор на векторный путь в документе. Значок курсора изменится, показывая, что вы можете размещать текст вдоль контура. Просто щелкните один раз в любом месте пути, чтобы начать печатать по нему!
(Несмотря на новые возможности создания снимков экрана в macOS Monterey, я все еще не могу сделать снимок экрана с изменением курсора, но вы не можете его пропустить!) текстовые привязки вдоль пути.
Если удерживать Клавиша Command , когда вы щелкаете и перетаскиваете эти привязки, вы можете настроить размещение текста внутри самого пути (используйте Ctrl вместо Command, если вы используете Photoshop на ПК).Заключительное слово
Теперь вы знаете секреты искривления текста в Photoshop! Есть несколько других методов, которые вы могли бы использовать, но эти два — единственные известные мне методы, которые сохраняют редактируемость вашего текста.
Все остальные варианты требуют, чтобы вы сначала растеризовали текст, что навсегда преобразует формы букв в пиксельные данные вместо редактируемого векторного текста.
Изогнутый текст очень полезен в проектах по графическому дизайну, но, как я сказал в начале, Photoshop на самом деле не задумывался как программа для дизайна. Если вам нужны еще более специализированные варианты макета текста, вы можете рассмотреть возможность использования Adobe Illustrator для своего проекта.
У вас есть лучший способ создания изогнутого текста в Photoshop, о котором я не упомянул? Дайте мне знать в комментариях ниже, и я попробую!
О Томасе Болдте
Томас начал свою карьеру в Photoshop еще в 2000 году. После изучения Photoshop 5.5 в компьютерном классе средней школы у него развилась непреходящая страсть к фотографии, дизайну и технологиям, которая привела его к получению степени бакалавра дизайна и в дикий мир технологических стартапов.
Как изогнуть текст в Photoshop? [Объяснение 3 простых методов]
Независимо от того, хотите ли вы сделать дурацкую поздравительную открытку, постер фильма или просто играете в Photoshop, вам в конечном итоге потребуется изогнуть текст. Сам процесс прост, и есть несколько способов сделать это. Без лишних слов, вот как изогнуть текст в Photoshop.
Как изогнуть текст в Photoshop?Каждое хорошее программное обеспечение для редактирования графики предлагает возможность манипулирования текстом.
Использование деформации текста
Здесь мы рассмотрим три разных способа изогнуть слова в Photoshop. Мы будем использовать кнопку Create Warped Text , инструмент Path и инструмент Smart Objects .Кнопка Создать искаженный текст — это самый простой способ искривления текста в Photoshop. Следуйте этим шагам, и у вас все получится в кратчайшие сроки.
- Откройте файл проекта или новый пустой
- На панели инструментов выберите Введите Tool или нажмите T на клавиатуре, чтобы активировать его
- Напишите свой текст
- Слой для текста будет создан автоматически
- Обязательно нажмите на текстовый слой
- Если инструмент Type Tool все еще активен, у вас должны быть доступны параметры редактирования текста для шрифта, размера и т. д. на панели инструментов.
- В крайнем правом углу должна быть серия маленьких значков
- Нажмите на Создать искаженный текст кнопка
- Выберите нужный тип кривизны в верхнем меню.
После этого вы можете изменить его с помощью доступных ползунков .
С 15 вариантами типов кривизны и тремя ползунками для настройки, есть с чем поэкспериментировать.
Использование инструмента «Путь»Этот метод изогнутого текста в Photoshop также прост в использовании и позволяет выбрать точную форму текста. Вот как это сделать:
- Откройте файл вашего проекта или новый
- На панели инструментов выберите инструмент Shape Tool или нажмите U , чтобы активировать его
- Выберите желаемую форму и нарисуйте ее
- Щелкните инструмент Type Tool на панели инструментов или нажмите T , чтобы вызвать его
- Подведите курсор к краю фигуры, и на нем должна появиться изогнутая линия
- Щелкните левой кнопкой мыши и введите текст — теперь текст будет обтекать фигуру
Этот метод идеально подходит, если вы планируете создавать инфографику, типографику или другие подобные материалы.
Использование инструмента Smart Objects
Это самый трудоемкий метод деформации текста в Photoshop, но он позволяет максимально контролировать . Вот шаги:
- Откройте файл проекта или новый пустой
- Выберите инструмент Type Tool из набора инструментов или нажмите T , чтобы активировать его
- Убедитесь, что вы выбрали текстовый слой
- В верхнем меню выберите Слой → Смарт-объекты → Преобразовать в смарт-объект
- В том же меню перейдите к Редактировать → Преобразовать → Деформировать
- Теперь над текстом должна быть синяя сетка. Перетащите части сетки, чтобы изменить форму текста
- Когда вы будете довольны результатом, в верхней центральной части экрана должна появиться кнопка с галочкой .
Нажмите ее, чтобы применить изменения
Теперь вы знаете, как деформировать текст в Photoshop. Тем не менее, есть еще кое-что, что нужно рассказать.
Дополнительные настройки текстаЯвляясь одной из лучших программ для редактирования фотографий на рынке, Photoshop предлагает множество других способов обработки текста. Вот некоторые из них:
- Стиль слоя → Внешнее свечение — Эта опция позволяет добавить к слою внешнее свечение. Вы можете установить режим наложения, технику и качество.
- Стиль слоя → Тень — помещает тень на слой. Вы можете установить угол падения, расстояние, разброс и многое другое.
- Стиль слоя → Наложение узора — с помощью этой настройки вы можете раскрасить слой узором по вашему выбору. Вы можете изменить его угол, непрозрачность и масштаб.
- Стиль слоя → Внутреннее свечение — Очень похоже на внешнее свечение, но наоборот.
- Стиль слоя → Обводка — позволяет добавить контур к слою. Вы можете выбрать его цвет, размер и прозрачность.
- Тип → Сглаживание — позволяет выбрать один из нескольких различных типов сглаживания для слоя. Может быть удобно с большими буквами.
- Фильтр → Искажение — Позволяет поиграть с несколькими типами искажений, каждый из которых имеет настраиваемые параметры. Это очень полезно, когда вы хотите, чтобы текст выглядел изношенным.
- Фильтр → Pixelate — предлагает различные варианты пикселизации. Делает противоположное сглаживанию. Это удобно для создания текста в стиле ретро.
- Filter → Liquify — Как следует из названия, вы можете исказить слой, подобно потоку жидкости.
- Плагины → Обзор плагинов — Плагины — это расширения, созданные Adobe или сообществом для функциональных возможностей вашего Photoshop. Если вы хотите использовать эффект, которого нет в базовой программе, попробуйте браузер плагинов.
