Photoshop Type Essentials — рассматриваем вместе

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

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

Там две основные виды типа , которые можно добавить в Photoshop — типа точки и типа площади . Безусловно, наиболее часто используемым из них является тип точек, который мы рассмотрим в этом уроке. В следующем уроке мы узнаем разницу между ними и как добавить тип области в наши документы.

Тип инструмента

Всякий раз, когда мы хотим добавить какой-либо текст в документ, мы используем Photoshop Type Tool, который находится на панели «Инструменты» в левой части экрана. Это значок, который выглядит как заглавная буква T. Вы также можете выбрать Type Tool, нажав букву T на клавиатуре:

При выбранном инструменте «Текст» курсор мыши изменится на то, что обычно называют «двутавровой балкой». Я немного увеличил его, чтобы было легче увидеть:

Выбор шрифта

Как только мы выбираем инструмент « Текст», панель параметров в верхней части экрана обновляется, чтобы показать нам параметры, связанные с инструментом «Текст», в том числе варианты выбора шрифта, стиля шрифта и размера шрифта:

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

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

Изменение размера предварительного просмотра шрифта

Если вы используете Photoshop CS2 или выше , Photoshop перечисляет не только название каждого шрифта, но и удобный предварительный просмотр того, как выглядит шрифт (используя слово «Образец» справа от названия шрифта):

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

Последний вариант в списке — Размер шрифта для предварительного просмотра . По умолчанию установлено значение «Средний». Вы можете нажать на слово «Средний» и выбрать другой размер из списка. Я выберу очень большой размер:

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Параметры», и теперь, если мы вернемся на панель параметров и снова выведем список шрифтов, мы увидим, что предварительный просмотр шрифтов теперь выглядит намного больше. Больший размер облегчает просмотр превью, но он также занимает больше места. Лично я предпочитаю придерживаться стандартного среднего размера, но это полностью ваше дело. Вы можете вернуться к настройкам и изменить размер предварительного просмотра в любое время:

Выбор стиля шрифта

Как только вы выбрали шрифт, выберите стиль шрифта, нажав на треугольник справа от поля выбора стиля :

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

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

Выберите размер шрифта, нажав на треугольник справа от поля выбора размера :

Откроется список часто используемых предустановленных размеров, которые вы можете выбрать в диапазоне от 6 до 72 пунктов:

Если ни один из этих размеров не соответствует вашим потребностям, вы можете вручную ввести любое значение в поле «Размер». Просто нажмите и перетащите на существующий размер, чтобы выделить его, введите новый размер, затем нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять его. Я вручную изменил размер до 120 pt здесь, просто в качестве примера (не беспокойтесь о добавлении «pt» в конце числа, потому что Photoshop автоматически добавит его, когда вы нажмете Enter / Return):

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

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

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

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

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

Чтобы добавить тип точки, просто нажмите с помощью инструмента «Текст» в том месте, где вы хотите начать свой текст. Появится мигающий маркер вставки, сообщающий, что Photoshop готов для вас, чтобы начать печатать, но как только вы нажмете, прежде чем вы начнете печатать, Photoshop добавит специальный слой, известный как слой типа, в ваш документ, который мы можем видеть на панели слоев. Слои Type легко заметить, потому что на их миниатюре заглавная буква T. Каждый раз, когда мы добавляем текст в документ, он помещается в слой типа. Изначально Photoshop даст новому слою «Тип» общее имя, например «Слой 1», но на самом деле имя изменится, как только мы добавим наш текст, как мы увидим через мгновение:

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

Перемещение текста, когда вы печатаете

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

Принятие текста

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

Если у вас есть клавиатура с цифровой клавиатурой, вы также можете принять текст, нажав клавишу Enter на цифровой клавиатуре (обычно в правом нижнем углу клавиатуры). Или, если у вас нет цифровой клавиатуры на клавиатуре, вы можете нажать Ctrl + Enter (Win) / Command + Return (Mac), чтобы принять текст.

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

Добавление разрыва строки

Возможно, вы думаете, что вам нужно просто нажать обычную клавишу Enter (Win) / Return (Mac) на клавиатуре, чтобы принять текст, но на самом деле это не сработает, потому что вместо принятия текста он добавляет строку перерыв в тексте, что позволяет продолжать печатать на новой строке ниже исходного:

Опять же, когда вы закончите набирать текст, примите текст, нажав на галочку на панели параметров, нажав клавишу Enter на цифровой клавиатуре или нажав Ctrl + Enter (Победа) / Command + Return (Mac).

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

Если вы еще не приняли свой текст и просто хотите отменить его, нажмите клавишу Esc на клавиатуре. Это очистит текст, который вы печатали, и удалит слой «Текст», добавленный Photoshop для текста. Если вам нужно удалить текст, который вы уже приняли, нажмите на его слой «Тип» на панели «Слои» и перетащите его вниз в корзину :

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

Также найдено в панели параметров являются три общими текстовыми параметрами выравнивания — Выровнять по левому краю текст , Центр Текст и Right Align Text . По умолчанию выбран параметр «Выровнять по левому краю», что означает, что при вводе текста текст добавляется справа от точки вставки. При выборе «Выровнять по правому краю» текст будет добавлен слева от точки вставки, а «Центральный текст» вытянет текст в обоих направлениях одинаково от точки вставки. Лучше всего убедиться, что у вас выбран правильный вариант выравнивания, прежде чем вы начнете печатать, но вы можете вернуться и изменить выравнивание текста, который вы уже добавили, сначала выбрав его слой «Тип» на панели «Слои», а затем с помощью «Типа». Инструмент выбран, просто выберите другой вариант выравнивания на панели параметров:

Далее мы узнаем, как выбирать и редактировать текст после его добавления в документ!

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

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

В первом слове «орфография» должно быть две буквы l. Чтобы решить эту проблему, я сначала должен убедиться, что у меня выбран инструмент Type Tool, затем наведу курсор мыши на слово и щелкну, чтобы поместить маркер вставки между буквами «e» и «l»:

С установленным маркером вставки все, что мне нужно сделать, это нажать букву «l» на клавиатуре, чтобы добавить ее к слову:

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

Второе слово в моем тексте, «mystakes», должно быть написано с «i» вместо «y», поэтому на этот раз я нажму с помощью моего Type Tool между буквами «m» и «y» и с моя кнопка мыши все еще нажата, я перетяну букву «у», чтобы выделить ее:

Выделив букву, я нажму «i» на клавиатуре, чтобы внести изменения:

Мы видели, как выбрать одну букву, нажав и перетащив ее. Чтобы выделить слово целиком, не нужно нажимать и перетаскивать. Просто дважды щелкните по инструменту ввода текста на слове, чтобы мгновенно выделить его, после чего вы можете удалить его, нажав клавишу Backspace (Win) / Delete (Mac) на клавиатуре, или вы можете ввести другое слово для его замены:

Чтобы выделить всю строку текста , трижды щелкните текстовым инструментом в любом месте текста:

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

Это мгновенно выделит весь текст на слое:

Изменение шрифта, стиля и размера

Мы также можем вернуться в любое время и изменить шрифт, стиль шрифта или размер шрифта, и нам не нужно выделять какой-либо текст в документе, чтобы сделать это. Здесь у меня есть некоторый текст, который был добавлен с моим шрифтом, установленным на Arial, стилем, установленным на Regular, и размером шрифта, установленным на 48 pt:

Убедитесь, что выбран инструмент «Текст», затем выберите слой «Тип» на панели «Слои»:

Выбрав слой «Тип», вернитесь на панель параметров и внесите необходимые изменения. Я изменю свой шрифт на Futura, стиль на Medium и размер до 36 pt:

Photoshop мгновенно обновит ваш текст в документе с изменениями:

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

Мы можем так же легко изменить цвет нашего текста. Опять же, убедитесь, что выбран инструмент «Текст» и что слой «Тип» для текста выбран на панели «Слои». Затем нажмите на образец цвета на панели параметров:

Photoshop снова откроет палитру цветов для нас, чтобы мы могли выбрать новый цвет текста. Я выберу красный:

Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов, и текст мгновенно обновится с новым цветом:

Если вы хотите изменить цвет только одной буквы или слова, выделите букву или слово с помощью инструмента «Текст»:

Затем, как мы видели недавно, щелкните образец цвета на панели параметров, чтобы открыть палитру цветов и выбрать нужный цвет. Нажмите кнопку «ОК», чтобы закрыть палитру цветов после того, как вы выбрали цвет, а Photoshop изменит цвет только выделенного вами текста: