Как размножить текст в фотошопе

Обновлено: 06.07.2024

В предыдущем уроке мы познакомились с основами работы с инструментом "Текст" (Type Tool) в Photoshop, где я упомянул, что в Photoshop существует два основных метода ввода текста - ввод строкой и ввод в указанную область. Первый метод мы рассмотрели в предыдущем уроке. В этом уроке мы рассмотрим метод ввода текста в область, иными словами, как в программе Photoshop вставить большое количество текста в определённую область изображения.

Метод ввода текста строкой (абзацем) в Photoshop является наиболее применяемым. Он заключается в том, что, при активном инструменте "Текст" нужно кликнуть по документу, Photoshop добавляет в этом месте отправную точку, и далее текст, введённый с клавиатуры или вставленный из буфера обмена добавляется от этой точки. Таким образом вводятся небольшие количества текста, отдельные буквы, слова или предложения.

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

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

В данном уроке мы рассмотрим этот способ подробнее.

Ввод в область не требует никаких специальных инструментов, мы используем тот же самый инструмент "Текст", как и при первом способе. Разница заключается в том, как мы используем инструмент. В способе ввода текста строкой мы просто кликали по месту в документе, откуда должен начинаться текст, и печатали. Чтобы добавить текст в область, следует также кликнуть мышкой по какому-либо месту в документе, но, затем, не отпуская клавишу мыши, протащить курсор по диагонали в любом направлении, чтобы получить область ввода, это похоже на работу с инструментом "Прямоугольная область" (Rectangular Marquee Tool):

19

Отпустите кнопку мыши, когда закончите перетаскивание и Photoshop создает текстовое поле, которое выглядит очень похоже на рамку инструмента "Свободная трансформация" (Free Transform).

На углах и в серединах сторон рамка имеет маркеры для изменения её размера, изменение размера рамки маркерами мы рассмотрим позже:

20

После того, как Вы создали ​​текстовое поле, в левом верхнем углу рамки вы увидите мигающий текстовый маркер (при условии, что вы используете по умолчанию опцию выравнивания текста "выровнять слева"). Теперь можно начинать печатать:

21

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

Если Вам необходимо изменить положение текстового поля внутри документа во время добавления текста, переместите курсор мыши в любое место за пределы поля. Вы курсор временно изменит свой вид с "двутавровой балки" на стрелку от инструмента "Перемещение" (Move Tool). Нажмите левую клавишу мыши и перетащите текстовое поле в новое место, затем наведите курсор на текстовое поле и продолжите ввод:

22

Чтобы принять текст и закончить его ввод, нажмите галочку на панели параметров, либо клавишу Enter на цифровой клавиатуре, либо клавишу Ctrl и обычный Enter. При этом текстовое поле исчезнет:

23

Также, как и при первом способе набора текста, после его принятия, Phоtoshop переименовывает текстовый слой по первым буквам фразы:

24

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

Выделять отдельные слова и целые строки нужно точно также, как и в других редакторах, двойным и тройным кликом соответственно, а весь текст выделяется двойным кликом по миниатюре (буква "Т") тестового слоя в панели слоёв.

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

25

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

Как вставить текст в фигурную или произвольную область в Photoshop

Коме того, в Photosop имеется возможность вставить текст в область, имеющую не только прямоугольную, но и любую геометрическую форму.

Область для ввода текста в Photoshop можно создать с помощью векторных инструментов "Эллипс" (Ellipse Tool), "Произвольной фигуры" (Custom Shape Tool) и пр., "Пера" (Pen Tool), кроме того, в контур можно конвертировать выделенную область.

Если навести курсор текстового инструмента на контур, (на рисунке ниже я нарисовал контур Пером), вокруг курсора появится пунктирный круг:

26

Теперь надо кликнуть внутри контура и ввести свой текст:


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

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

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

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

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

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

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

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

Горизонтальный и вертикальный текст на замкнутом контуре, созданном инструментом фигуры

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

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

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

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

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

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

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

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

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

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

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

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

Применение инструментов «Стрелка» и «Выделение контура» для перемещения или отражения текста по контуру.

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

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

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

Щелкните, чтобы установить курсор вставки.

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

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

Чтобы отменить изменения, нажмите кнопку «Отмена» на панели параметров или клавишу ESC.

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

Выберите меню «Редактирование» > «Установки» > «Шрифты» (Windows) или «Photoshop» > «Установки» > «Шрифты» (Mac OS). В диалоговом окне «Установки» установите или сбросьте флажок «Использовать прямые кавычки».

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

Сглаживание в Photoshop

Сглаживание установлено в значение «Нет» (слева) и «Насыщенное» (справа)

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

При использовании сглаживания при малых размерах и низкой разрешающей способности (например, в веб-изображениях) текст может показаться неразборчивым. Чтобы повысить разборчивость, сбросьте флажок «Дробная ширина» в меню панели «Символ».

Как то я случайно наткнулся в одном из форумов по графике на вопрос о том, как создать несколько дублированных объектов на заданном расстоянии друг от друга. Ответы меня насколько удивили, т.к. в них говорилось, что подобных инструментов в Фотошопе нет и якобы сдвиг нигде задать нельзя. И, интересно то, что подобные заблуждения я встретил ещё не на одном форуме.

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

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

Для перемещения объекта в программе Adobe Photoshop чаще всего используется инструмент Перемещение (Move Tool).

При перемещении значения угла и расстояния от начальной точки можно посмотреть на палитре Инфо, открыть которую можно, нажав на клавишу F8 или клик по вкладке Окно --> Инфо (Window --> Info). Указываются расстояние от центра объекта до начала перемещения по оси X, расстояние от центра по оси Y, угол в градусах и расстояние по прямой. Это показано на скриншоте палитры информации:

dublirovanie obektov

Загвоздка этого метода в том, что расстояние и направление можно задать лишь только вручную, перемещая объект мышкой, т.е о точности речь уже не идёт. Иными словами, переместить что-либо, к примеру, точно на 382 пикселя с углом +13 градусов, теоретически можно, но придётся изрядно повозиться, чтобы попасть в данные параметры.

Для точного перемещения объекта на определённое заданное расстояние в Photoshop имеется по крайней мере два инструмента, это фильтр "Сдвиг" (Фильтры --> Другие --> Сдвиг, или на англ. Filter --> Other --> Offset), а также всем известный старый добрый инструмент "Свободное трансформирование", активируемый комбинацией клавиш Ctrl+T.

Фильтр "Сдвиг"

Применение фильтра очень простое. Допустим, у нас имеется документ, состоящий из двух слоёв, это фоновый рисунок размером 500 на 400 пикселей, а на другом слое находится квадрат размером 50 на 50 пикселей. Задача: дублировать квадрат и сдвинуть его вправо на 100 пикс.
Становимся на слой с квадратом, и дублируем его, нажав комбинацию клавиш Ctrl+J. Затем идём по вкладке Фильтры --> Другие --> Сдвиг (Filter --> Other --> Offset) и задаём нужные параметры смещения, т.е +50 пикселей по горизонтали, по вертикали 0.

Дублирование объектов в Фотошоп

Как видно на рисунке, смещение квадрата можно увидеть сразу, до окончательного применения фильтра (т.е. клика по ОК).

Если же надо получить несколько копий квадрата на таком же расстоянии, то дублируем его, нажав Ctrl+J, а затем применяем последний фильтр, т.е. "Сдвиг", нажав Ctrl+F. И эти действия нужно повторить столько раз, сколько копий объекта нам требуется.

Перемещение объектов на указанное расстояние с помощью инструмента "Свободное трансформирование"

Используя свободное трансформирование, можно задать не только расстояние, но и изменение размеров объекта. Дублируем квадрат. Нажимаем комбинацию клавиш Ctrl+T и видим, что вокруг квадрата появилась габаритная рамка, но для наших задач она не нужна.

Нам понадобятся настройки вверху рабочего окна Photoshop`а, в панели параметров. По умолчанию в параметрах X и Y будет указано расстояние центра объекта от начала координат, как показано на рисунке.

dublirovanie

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

смещение квадрата

На рисунке видно, что для смещения квадрата введены значения X и Y, равные 100 пикселям, а также задан поворот объекта в 45 градусов. Можно изменить и размер объекта, если поставить свои значения вместо ширины и высоты 100%.
Для завершения трансформации надо нажать клавишу Enter.
Чтобы ещё раз сместить и дублировать объект, надо, как в первом примере, клонировать квадрат, нажав Ctrl+J, а затем повторить трансформацию, нажав комбинацию Ctrl+Shift+T.

Теперь попробуем всё это дело автоматизировать, т.к. постоянно тыркать по клавишам грустно.
Для примера с автоматизацией я взял объект поинтереснее квадрата, исключительно ради наглядности.

Автоматизация перемещения с дублированием слоёв в Photoshop

В палитре слоёв выбираем слой, который хотим дублировать.
Открываем палитру Операций, или, как её называют по другому, палитру Действий или Экшенов. Я открываю её комбинацией Alt+F9.

палитра действий

В этой палитре кликаем по расположенной внизу иконке "Создать новый набор" (Create new Set), даём ему какое-нибудь имя. Далее кликаем по иконке "Создать новую операцию" (Create new Action), опять задаём имя. На палитре слоёв кнопка "Начать запись" (Begin Recording) подсветилась красным цветом. Дублируем слой (Ctrl+J), затем применяем фильтр "Сдвиг" или свободное трансформирование, как описано выше. Кликаем по кнопке Остановить "воспроизведение/запись" (stop playing/recording). Всё, действие создано. Палитра операций будет иметь следующий вид (набор я назвал "Сдвиг", а операцию -"Сдвиг на 50 пх) :

dublirovanie

Вот, собственно, и всё, операция создана. Теперь, для клонирования объекта N раз, надо кликнуть по кнопке "Выполнить операцию" (Play Selection) N раз.

Читайте также: