Как растянуть текст в фотошопе
Перейти к содержимому

Как растянуть текст в фотошопе

  • автор:

Выравниваем текст по ширине в Фотошопе

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

Выравнивание текста по ширине

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

Текстовый блок в Фотошопе

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

Масштабирование текстового блока в Фотошопе

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

Практика

  1. Выбираем инструмент «Горизонтальный текст», Инструмент Горизонтальный текст в ФотошопеЗажимаем левую кнопку мыши на холсте и растягиваем блок. Размер блока не важен, помните, ранее мы говорили о масштабировании? Создание текстового блока в Фотошопе
  2. Пишем текст внутри блока. Можно просто скопировать заранее заготовленный и вставить в блок. Делается это обычным «копировать-вставить». Надпись в текстовом блоке в Фотошопе
  3. Для дальнейшей настройки необходимо перейти в палитру слоев и кликнуть по текстовому слою. Это очень важное действие, без которого текст редактироваться (настраиваться) не будет. Предварительные действия над текстовым слоем в Фотошопе
  4. Переходим в меню «Окно» и выбираем пункт с названием «Абзац». Пункт меню Абзац в Фотошопе
  5. В открывшемся окне ищем кнопку «Полное выравнивание» и нажимаем на нее. Выравнивание текста по ширине блока в Фотошопе

Готово, текст выровнялся по всей ширине созданного нами блока.

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

    В том же окне («Абзац») переходим на вкладку «Символ» и открываем выпадающий список, указанный на скриншоте. Это и есть настройка трекинга.

Настройка трекинга в Фотошопе

Изменение значения трекинга в Фотошопе

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

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

Сергей Николаев Вам помогли мои советы?

Задайте вопрос или оставьте свое мнение Отменить комментарий

13 комментария
Антонина :

Спасибо! То что нужно! Много лет пользуюсь фотошопом, но с большими объемами текста еще не приходилось работать. Ваша статья помогла мне разобраться. Еще раз убеждаюсь в том, что фотошоп универсальная программа!

Сергей Владимирович :

А что делать если у меня неактивна кнопка «полное выравнивание»? Как её включить то?

Сергей, Вы разобрались? здесь же в статье как раз об этом.

Сергей Владимирович :

Да, всё окей, всё работает))

Выравниваем текст по ширине в Фотошопе

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

Выравнивание текста по ширине

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

Текстовый блок в Фотошопе

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

Масштабирование текстового блока в Фотошопе

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

Практика

  1. Выбираем инструмент «Горизонтальный текст», Инструмент Горизонтальный текст в ФотошопеЗажимаем левую кнопку мыши на холсте и растягиваем блок. Размер блока не важен, помните, ранее мы говорили о масштабировании? Создание текстового блока в Фотошопе
  2. Пишем текст внутри блока. Можно просто скопировать заранее заготовленный и вставить в блок. Делается это обычным «копировать-вставить». Надпись в текстовом блоке в Фотошопе
  3. Для дальнейшей настройки необходимо перейти в палитру слоев и кликнуть по текстовому слою. Это очень важное действие, без которого текст редактироваться (настраиваться) не будет. Предварительные действия над текстовым слоем в Фотошопе
  4. Переходим в меню «Окно» и выбираем пункт с названием «Абзац». Пункт меню Абзац в Фотошопе
  5. В открывшемся окне ищем кнопку «Полное выравнивание» и нажимаем на нее. Выравнивание текста по ширине блока в Фотошопе

Готово, текст выровнялся по всей ширине созданного нами блока.

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

    В том же окне («Абзац») переходим на вкладку «Символ» и открываем выпадающий список, указанный на скриншоте. Это и есть настройка трекинга.

Настройка трекинга в Фотошопе

Изменение значения трекинга в Фотошопе

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

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

Сергей Николаев Вам помогли мои советы?

Задайте вопрос или оставьте свое мнение Отменить комментарий

13 комментария
Антонина :

Спасибо! То что нужно! Много лет пользуюсь фотошопом, но с большими объемами текста еще не приходилось работать. Ваша статья помогла мне разобраться. Еще раз убеждаюсь в том, что фотошоп универсальная программа!

Сергей Владимирович :

А что делать если у меня неактивна кнопка «полное выравнивание»? Как её включить то?

Сергей, Вы разобрались? здесь же в статье как раз об этом.

Сергей Владимирович :

Да, всё окей, всё работает))

Создание эффектов текста

Можно выполнять различные действия с текстом для изменения их внешнего вида. Например, текст можно деформировать, преобразовать в различные фигуры или добавить к нему тень. Один из самых простых способов задания эффекта состоит в том, чтобы воспроизвести в текстовом слое одно из стандартных действий, поставляемых вместе с Photoshop. Эти эффекты доступны через пункт «Текстовые эффекты» меню панели «Операции».

Создание текста вдоль или внутри контура

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

Текст можно поместить внутри замкнутого контура. Однако в этом случае текст всегда имеет горизонтальную ориентацию, а разрыв строки происходит каждый раз при достижении границы контура.

Примечание.

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

Горизонтальный и вертикальный текст на незамкнутом контуре в Photoshop

Горизонтальный и вертикальный текст на незамкнутом контуре в Photoshop

Горизонтальный и вертикальный текст в Photoshop

Горизонтальный и вертикальный текст в Photoshop

Ввод текста по контуру

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

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

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

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

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

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

Примечание.

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

Перемещение или отражение текста по контуру

Выберите инструмент «Стрелка» или «Выделение контура» и переместите его на текст. Курсор примет I-образную форму со стрелкой .

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

Инструмент «Частичное выделение» или «Выделение контура» в Photoshop

Инструмент «Частичное выделение» или «Выделение контура» в Photoshop

Примечание.

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

Ввод текста внутри замкнутого контура

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

Поместите курсор внутри контура.

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

Перемещение контура с текстом

Выберите инструмент «Выделение контура» или «Перемещение» , затем щелкните контур и перетащите его на новое место. Если используется инструмент «Выделение контура», убедитесь в том, что курсор не принял I-образную форму со стрелкой , и что текст не перемещается вдоль контура.

Редактирование текста

Чтобы выбрать текстовый слой, выполните одно из следующих действий.

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

Установите точку вставки в тексте и выполните одно из следующих действий:

  • Щелкните, чтобы установить курсор вставки.
  • Выделите один или несколько символов, которые необходимо редактировать.

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

  • Выберите новый инструмент.
  • Щелкните слой на панели «Слои». (Это действие автоматически применяет изменения и выбирает слой.)
  • Нажмите кнопку «Применить» на панели параметров.
  • Нажмите клавишу «Esc». Обратите внимание, что клавиша Esc по умолчанию настроена на фиксацию текста. Вы можете изменить это, чтобы отменить изменения, выбрав Правка > Установки > Тип (Windows) или Photoshop > Установки > Тип (MacOS) . Затем снимите флажок Использовать клавишу Esc для фиксации текста.
  • Щелкните место на холсте вдали от редактируемого текстового слоя. Следите, как курсор превращается в обычную стрелку указателя, затем щелкните.

Примечание: Если фокус перемещается на другие приложения, ваши изменения фиксируются автоматически.

Чтобы отменить изменения, нажмите кнопку «Отмена» на панели параметров или нажмите клавишу Esc, если вы изменили настройку по умолчанию для функции клавиши Esc в разделе Настройки > Тип > Использовать клавишу Esc для фиксации текста.

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

Ранее размер шрифта по умолчанию всегда устанавливался на 12 пт и иногда оказывался слишком мал в зависимости от разрешения и коэффициента масштабирования. Отключение этого параметра вернет устаревшие функции/функции по умолчанию.

Чтобы отключить эту функцию, ознакомьтесь в разделом «Включение дополнительных расширений в Photoshop».

Указание фигурных или прямых кавычек

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

Выберите меню «Редактирование» > «Установки» > «Шрифты» (Windows) или «Photoshop» > «Установки» > «Шрифты» (Mac OS).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *