Как двигать текст в фотошопе

Обновлено: 04.07.2024

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

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

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

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

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

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

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

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

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

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

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

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

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

Начинающий пользователь Photoshop? Хотите научиться работать с инструментом «Текст»? Вы обратились по адресу.

Быстро находите понятные ответы, советы и учебные видеоролики по самым часто задаваемым вопросам об инструменте «Текст».

Добавление и редактирование текста в Photoshop

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

Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.

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

Оставьте комментарий, если у вас возникнут вопросы, ответы на которые вы не найдете здесь.

Откройте фотографию или документ Photoshop (PSD).


На панели инструментов выберите инструмент Текст или просто нажмите клавишу «Т» для быстрого выбора.По умолчанию выбран пункт Инструмент «Горизонтальный текст» , с помощью которого можно добавить текст в горизонтальной плоскости. Если требуется добавить текст в вертикальной плоскости, еще раз щелкните инструмент «Текст» и выберите Инструмент «Вертикальный текст» в контекстном меню.

Выбор инструмента «Текст» на панели инструментов

Хотите добавить несколько слов в качестве заголовка? Щелкните в любом месте холста, чтобы ввести текст. В Photoshop это называется короткий текст.

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

Выберите инструмент «Перемещение» .

Переместите курсор внутрь границы выделенной области и перетащите выделенную область в новое место. Если выделено несколько областей, то при перетаскивании все они будут перемещены.

Перемещение выделенной области в Photoshop

Исходная выделенная область (слева) и выделенная область после перемещения с помощью инструмента «Перемещение» (справа)

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

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

Общие сведения о командах копирования и вставки

Копирует выделенные области на текущем слое.

Скопировать совмещенные данные

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

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

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

«Вставить в» или «Вставить за пределами»

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

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

В этом материале мы рассмотрим основы работы с текстом в программе Photoshop.

В Photoshop существует два основных метода добавления текста - ввод текста строкой (обычный) и ввод текста в область. Наиболее часто используемым из этих двух методов является способ добавления текста строкой.

Ввод текста в Photoshop

Для ввода текста в Photoshop используется инструмент "Текст" (Type Tool), расположенный на панели инструментов в левой части экрана, либо, для выбора инструмента следует нажать на клавишу клавиатуры T:

type tool

Когда инструмент выбран, курсор мыши изменится на символ, который обычно называют как "двутавровой балкой". На рисунке ниже я несколько увеличил этот символ:

Выбор шрифта

Как только мы выбираем инструмент "Текст", на панели параметров верху экрана отображаются опции и параметры, относящиеся к этому инструменту, слева расположены варианты для выбора типа, стиля и размер шрифта:

2

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

3

Примечание! Не все установленные в Вашей системе шрифты поддерживают кириллицу (русские буквы).

Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается здесь.

Изменение размера предпросмотра шрифта

В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово "Sample", располагающееся справа от названия шрифта):

4

Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование --> Установки --> Текст (Edit --> Preferences --> Type), в версиях выше - по вкладке главного меню Текст --> Размер просматриваемого шрифта (Type --> Font Preview Size). По умолчанию размер установлен как "средний" (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:

5

Не забывайте, что всегда можно вернуться и выбрать меньший размер образцов.

Выбор стиля (начертания) шрифта

Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):

6

Установка размера шрифта

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

7

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

8

Выбор цвета текста

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

9

Добавление текста в документ Photoshop

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

Чтобы добавить текст в документ, выберите инструмент "Текст", наведите курсор в ту точку, где Вы хотите, чтобы было начало текста и нажмите левую клавишу мыши. Мигающим маркер на документе укажет, что Photoshoop готов для ввода текста:

При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как "Слой 1" (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:

11

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

Перемещение текста по изображению

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

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

12

Принятие и завершение редактирования текста

Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент "Текст" остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.

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

13

Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.

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

14

Отменить или удалить текст

Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.

Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.

Параметры выравнивания текста

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

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

Выбор и редактирование текста

Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку - кликните по строке трижды:

16

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

17

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

Изменение цвета текста в Photoshop

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

18

Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте здесь.

В Adobe Photoshop имеется простой и действенный способ перемещений объектов на точное расстояние. Причём мы можем не только перемещать объект по холсту на заданное расстояние, но и перемещать с копированием. Всё это можно проделать с помощью инструмента "Свободное трансформирование" (Free Transform).

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

клонирование елочного шара

Для выполнения этой задачи я воспользуюсь инструментом "Свободное трансформирование" (Free Transform).

Для начала, активирую инструмент, нажав комбинацию горячих клавиш Ctrl+T, после чего вокруг шара появилась рамка. Кроме того, открылись опции трансформации в панели Параметров:

перемещение и дублирование объектов

Мне необходимо переместить шар вправо точно на ширину шара, но для этого я должен узнать ширину шара в пикселях. В этом мне поможет панель Инфо (Info), которая открывается нажатием клавиши F8.
Т.к. на данный момент активен инструмент "Свободное трансформирование", в панели Инфо будет показан размер рамки трансформирования, а этот размер равен габаритам шара:

перемещение и дублирование объектов

Итак, ширина равна 65 пикселей. Теперь мне осталось ввести это значение в соответствующее поле в панели Параметров, не забудьте перед вводом нажать на значок треугольника. Шар сразу после ввода передвинется на 65 пикселей:

перемещение и дублирование объектов

Для принятия действия инструмента нажимаем Enter, рамка исчезает, шар остаётся на новом месте.

Но мне не нужно перемещать сам слой, мне необходимо переместить клон слоя. В этом мне помогут опции "Свободной трансформации".

Отменяю действие, нажав Ctrl+Z. Шар занял начальную позицию.

Примечание. Т.к. в дальнейшем у меня появиться много клонов слоя с шаром, для того, чтобы в панели слоёв у меня был порядок, целесообразно поместить слой в группу, нажав Ctrl+G. На данный момент во вновь созданной группе один слой, но в дальнейшем их будет несколько. Затем в панели слоёв нажимаем на слой, чтобы он вновь стал активным.

перемещение и дублирование объектов

Продолжим. У инструмента "Свободное трансформирование" имеются две очень важные опции - повторение последнего трансформирования (запускается клавишами Ctrl+Shift+T) и создание клона с повторением последнего трансформирования, но трансформируется не исходный объект, а клон. Эта опция запускается комбинацией клавиш Ctrl+Shift+Alt+T. Ей мы и воспользуемся.

Нажимаем Ctrl+Shift+Alt+T, после чего в панели слоёв в группе появится новый слой, который будет перемещён вправо на 65 пикселей:

перемещение и дублирование объектов

Повторное нажатие Ctrl+Shift+Alt+T будет применено к активному слою, а активным у нас является слой с клоном, расположенным правее исходного изображения на 65 пикселей. Таким образом после повторного нажатия у нас появится второй клон:

перемещение и дублирование объектов

Далее нам необходимо просто нажать комбинацию столько раз, сколько нам нужно шаров. Для удобства, можно постоянно удерживать клавиши Ctrl+Shift+Alt и нажимать только одну клавишу T.

перемещение и дублирование объектов

Цель достигнута. При желании, все вышеописанные действия можно записать в Action Photoshop. Подробности здесь.

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