Фотошоп текст редактировать: Редактирование текста в Photoshop – Работа с инструментом «Текст»

ввод текста строкой / Фотошоп-мастер

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

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

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

Всякий как раз как мы захотим добавить текст в документ, мы будем использовать инструмент «Горизонтальный текст» (Type Tool), который находится на панели инструментов в левой части экрана. Значок данного инструмента похож на заглавную букву «Т». Вы также можете выбрать инструмент «Горизонтальный текст», нажав на клавишу Т.

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

После выбора инструмента «Горизонтальный текст» курсор мышки примет I-образную форму (так называемая форма «двутавровой балки»). Я увеличил для наглядности вид курсора:

Курсор мышки I-образной формы после выбора инструмента «Горизонтальный текст»

Выбираем шрифт

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

Слева направо – опции «Шрифт», «Начертание» и «Размер шрифта»

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

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

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

Программа Photoshop отобразит все шрифты, которые установлены на вашем компьютере

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

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

В версии Photoshop CS2 или более поздней версии кроме названия шрифта отражается предварительный просмотр шрифта

Мы можем изменить размер предварительного просмотра шрифта, перейдя в раздел «Установки». На компьютере типа PC перейдите в раздел

“Редактирование» (Edit) в строке меню в верхней части экрана, выберите пункт «Установки» (Preferences) и затем выберите «Текст» (Type). На компьютере типа Mac перейдите в раздел меню «Фотошоп» (Photoshop), выберите «Установки» (Preferences) и далее «Текст» (Type). В результате откроется диалоговое окно с настройками текста.

Последний параметр в списке — «Размер просматриваемого шрифта» (Font Preview Size). По умолчанию, он установлен на

«Средний» (Medium). Вы можете кликнуть по слову «Средний» и выбрать другое значение размера из списка. Я выберу размер «Чрезвычайно большой» (Extra Large):

Опция «Размер просматриваемого шрифта» задает размер предварительного просмотра шрифта на панели настроек

Нажмите ОК, чтобы закрыть диалоговое окно «Установки», и теперь, если мы вернёмся к списку шрифтов на панели настроек, то увидим, что размер их образцов при предварительном просмотре увеличился. Больший размер образцов шрифта облегчает предварительный просмотр, но и также занимает больше места на экране. Что касается меня, я предпочитаю работать при размере образцов «Средний», вы, в свою очередь, можете установить любой размер, вернувшись обратно в раздел «Установки».

Большие размеры образцов шрифтов легче рассмотреть, но при этом они занимает больше места на экране, чем маленькие миниатюры

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

После выбора самого шрифта выберите стиль шрифта, кликнув по треугольнику справа от окошка «Стиль» (Style) (начертание):

Кликаем по треугольнику справа от окошка «Стиль»

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

Выберите стиль для шрифта из списка

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

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

«Размер» (Size):

Кликаем по треугольнику справа от окошка выбора размера шрифта

В результате откроется перечень наиболее часто используемых размеров для шрифтов от 6 до 72 пт (pt):

В программе легко можно выбрать нужный размер шрифта из предложенных образцов

Если ни один из предлагаемых размеров не подходит для вашего шрифта, вы можете вручную ввести нужное значение в окошко ввода данных параметра «Размер». Просто кликните по значению, выделите его курсором, впечатайте новой размер и нажмите клавишу

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

Впечатайте нужное значение размера шрифта прямо в окошко ввода данных, если не один из предложенных образцов размера не подходит

Выбираем цвет текста

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

Кликните по образцу цвета, чтобы изменить цвет текста

Программа тотчас откроет Палитру цветов, где вы сможете выбрать другой цвет для текста. В моем случае, я оставлю шрифта черным, поэтому я просто нажму на кнопку «Отмена» (Cancel), чтобы закрыть Палитру цветов. Если вы все-таки выбрали для текста новой цвет, нажмите ОК для выхода из Палитры цветов:

С помощью Палитры цветов можно выбрать для текста новый цвет

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

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

Для того чтобы добавить текст строкой, выберите инструмент «Горизонтальный текст» (Type Tool) и кликните курсором в том месте, где вы хотите начать печатать. Появление мерцающего курсора будет свидетельствовать о том, что можно начинать печатать. Помимо этого, как только вы кликните в документе кнопкой мышки, на панели слоев появится новый текстовый слой, миниатюра которого будет иметь заглавную букву Т. Всякий раз, как мы будем добавлять к документу текст, он будет размещаться на отдельном текстовом слое. Изначально программа даст обобщенное название новому текстовому слою, такое как «Слой 1» (Layer 1), но как только мы добавим наш текст, название текстового слоя изменится, что мы и увидим в дальнейшем:

На панели слоев текст разместится на специальном текстовом слое

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

Просто кликните в поле документа курсором и далее добавьте текст

Перемещаем текст по мере его печати

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

Переместите курсор мышки в сторону от текста, чтобы он временно принял форму значка инструмента «Горизонтальный текст», затем кликните кнопкой мышки и переместите текст на новое место

Подтверждаем текст

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

Кликните по галочке на панели настроек, чтобы подтвердить набор текста

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

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

Программа даст новое название текстовому слою исходя из первой части вашего текста

Добавляем перенос строки

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

Нажмите Enter (Win) / Return (Mac), чтобы добавить перенос строки и продолжить печатать

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

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

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

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

Опции выравнивания текста

Также на панели настроек расположены три опции выравнивания текста – по левому краю, по центру и по правому краю. По умолчанию, выбрана опция «Выравнивание по левому краю» (Left Align Text). Это означает, что по мере печати текста, он будет добавляться справа от точки ввода (от начального положения курсора). После выбора опции «Выравнивание по правому краю» (Right Align Text) текст будет добавляться с левой стороны от начальной точки ввода, тогда как опция «Выравнивание по центру» (Center Text) позволит растянуть текст равномерно в оба направления от начального положения курсора. Лучше, конечно, удостовериться, что вы выбрали верный параметр выравнивания текста перед началом его ввода, но даже когда текст уже добавлен, вы можете вернуться назад и изменить выравнивание текста. Для этого сначала нужно выбрать текстовый слой на панели слоев и далее, активировав инструмент «Горизонтальный текст» (Type Tool), просто выбрать другой параметр выравнивания на панели настроек:

Слева направо – опции «Выравнивание по левому краю», «Выравнивание по центру» и «Выравнивание по правому краю»

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

Выбираем и редактируем текст

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

Текст, который требует редактирования

В первом слове «speling» должно быть две буквы L. Для того чтобы это исправить, я сначала удостоверюсь, что выбран инструмент «Горизонтальный текст» (Type Tool), далее я перемещу курсор мышки на слово и установлю его так, чтобы он оказался между буквами «e» и «l»:

Курсор ввода текста должен находиться между буквами «e» и «l«

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

Первая ошибка исправлена

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

Второе слово в моем тексте, которое написано с ошибкой — «mystakes». Вместо буквы «y» должна быть буква «i». Выбрав инструмент «Текст», я установлю курсор между буквами «m» и «y», и, удерживая нажатой кнопку мышки, выделю букву «y»:

Протяните курсор мышки, чтобы выделить отдельные буквы

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

Вторая ошибка также исправлена

Мы с вами рассмотрели, как выделить отдельную букву, кликнув по ней кнопкой мышки и протянув курсор. Для того чтобы выделить целое слово, кликать кнопкой мышки и протягивать курсор не требуется. Просто дважды кликните кнопкой мышки по слову при выбранном инструменте «Горизонтальный текст» (Type Tool), и слово тотчас выделится. После чего вы сможете его удалить, нажав клавишу Backspace (Win) / Delete (Mac), или заменить на новое слово, напечатав последнее:

Дважды кликните кнопкой мышки для выделения целого слова

Для выделения целой строчки текста, трижды кликните кнопкой мышки где-нибудь в тексте при выбранном инструменте «Горизонтальный текст»:

Трижды кликните кнопкой мышки для выделения строчки текста

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

Дважды кликните по миниатюре текстового слоя на панели слоев для выделения всего текста одновременно

В результате выделится весь текст, размещенный на слое:

Весь текст, размещенный на текстовом слое, выделен за раз

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

Мы также можем с легкостью в любой момент изменить сам шрифт, стиль или размер шрифта, и нам не требуется для этого выделять текст. В моем случае, у добавленного текста был шрифт Arial, стиль «Обычный», размер 48 пт (pt):

У добавленного текста изначально были установлены шрифт, стиль начертания и размер

Убедитесь, что выбран инструмент «Горизонтальный текст» (Type Tool), затем на панели слоев выделите текстовый слой:

Для того чтобы изменить шрифт, стиль или размер, выделите сам текстовый слой

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

Изменяем шрифт, стиль и/или размер на панели настроек

Программа немедленно изменит текст в соответствии с новыми параметрами:

Вы можете в любой момент изменить шрифт, стиль начертания или размер

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

Мы можем с легкостью изменить цвет нашего теста. И снова убедитесь, что выбран инструмент «Горизонтальный текст» и на панели слоев активен текстовый слой. Далее, кликните по образцу цвета на панели настроек:

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

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

Выберите новый цвет в Палитре цветов

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

Цвет текста изменится с черного на красный

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

Выделите слово перед выбором нового цвета

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

Только у выделенного слова появится новый цвет

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

Автор: Steve Patterson

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

Инструкция

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

Чтобы отредактировать содержимое текстового слоя, перейдите в режим форматирования. Для этого активируйте инструмент Type — «Текст», расположенный на панели инструментов в левой части экрана. Выделите соответствующий слой и щелкните по изображению в пределах текста.

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

На этой же панели вы найдете три кнопки для выравнивания текста относительно точки ввода. Далее расположены кнопки, позволяющие выбрать цвет текста, задать его деформацию и вызвать дополнительные текстовые палитры: Character — «Символ» и Paragraph — «Абзац».

Для тонкой настройки параметров текста откройте палитру Character — «Символ». Здесь расположены все функции, находящиеся на панели инструментов, а кроме того, включены дополнительные элементы. Для доступа к некоторым из них нужно развернуть дополнительное меню. Оно вызывается кнопкой, расположенной в верхнем правом углу палитры.

Для настройки выравнивания текста, отступов и интервалов перейдите на палитру Paragraph — «Абзац». Здесь же вы можете настроить такие элементы форматирования, как переносы и выключки. Но если в этом возникает необходимость, то лучше создавать текст в другой программе, например, в Adobe InDessign или QuarkXPress.

Для завершения работы с текстовым слоем нажмите сочетание горячих клавиш (Ctrl + Enter) или на кнопку с галочкой в правой части панели Options. Можно и просто начать работу с другим инструментом.

Секреты Photoshop: тонкости работы с текстом

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

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

Затем идём в меню Текст —> Создать рабочий путь (Creat Work Path) и текст преобразуется в контур, со всеми линиями Безье, вершинами и направляющими:

Просмотр цвета текста при выделении

При выделении текста буквы заливаются чёрным фоном, обозначающим, что текст выделен, при этом цвет букв временно заменяется чёрным цветом. Но иногда важно видеть цвет букв при изменении параметров текста.
Чтобы цвет букв вновь стал родным, просто нажмите Ctrl+H и выделение скроется, но при этом текст всё-равно остаётся выделенным и Вы всё также может изменять его параметры. Это также работает с пунктирной рамкой выделения текстового блока.

Быстрый просмотр вида разных шрифтов

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

Поиск шрифтов

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

Быстрый выход из редактирования текста

При работе с текстовыми полями бывает неудобно перемещаться между инструментами,т.к сочетания горячих клавиш не будут работать. Маленький секрет, как выйти из редактирования текстового поля — это нажать комбинацию Crrl+Enter.

Сохраняем стиль текста

Если Вы работаете с Photoshop CS6 или выше, то Вы можете сохранять стили текста, а потом быстро задавать их новому.

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

Для начала надо открыть панель через Окно —> Стиль абзаца (Window —> Paragraph Styles).

Для сохранения параметров текста необходимо выделить текст и кликнуть по значку «Создать новый стиль абзаца» (Save Nev Paragraph Styles).

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

Тире различной длины

Этот совет подойдёт не только к Photoshop, а к любой программе с текстовым редактором.
Обычное тире (дефис) можно поставить, нажав клавишу «минус». Тире подлиннее ставится таким образом: зажать клавишу Alt и поочерёдно нажать на цифровом разделе клавиатуры, расположенном справа, клавиши 0, 1, 5, 0, отпустить Alt.
Тире ещё длиннее ставится таким же образом, только вместо 0, 1, 5, 0 надо набрать 0, 1, 5, 1. Вот пример этих трёх видов тире: — – —

Настройка параметров переноса

В панели Paragraph нажмите на пиктограмму справа вверху и выберите пункт Hyphernation – в появившемся диалоговом окне можно настроить параметры переноса.

Текст пишется справа налево

Об устранении этой проблемы читайте здесь

Горячие клавиши для выравнивания текста

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

• Ctrl+Shift+L — выравнивание надписи по левому краю
• Ctrl+Shift+R — по правому краю
• Ctrl+Shift+C — по центру

Быстрое изменение размера текста

Существуют три основных способа:

  1. Кликнуть по тексту, зажать Ctrl, вокруг текста появится рамка, тянем мышкой за маркеры:

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

  3. Кликаем мышкой по окну изменения размера, окно подсвечивается синим, крутим колёсико мыши:

Интерактивное уменьшение межбуквенного расстояния, перемещение одной буквы

Расстояние между буквами можно уменьшить и с помощью клавиш, в режиме реального времени. Наведите курсор на нужную букву, зажмите Alt и используйте клавиши для перемещения буквы влево или вправо соответственно:

Преобразование текста, не доступное при обычных режимах Photoshop

Предположим, сейчас я хочу добавить к тексту эффект 3D, для этого необходимо его повернуть в перспективе и/или придать тексту перспективные искажения. Если бы я работал с обычным пиксельным слоем, я мог бы это легко сделать, применив перспективную трансформацию. Также для этого можно использовать «Искажение». Но при работе с текстовым слоем не всё всегда так просто.

Все режимы трансформирования Photoshop, можно вызвать через вкладку главного меню «Редактирование» (Edit), где выбрать пункт «Трансформирование» (Transform). Попробуйте сделать это при активном текстовом слое и увидите, что оба этих пункта не активны:

Меню «Трансформирование» (Transform) при активном текстовом слое. Пункты «Искажение» (Distort), «Перспектива» (Perspective) и «Деформация» (Warp) недоступны.

Решение: Преобразование текстового слоя в смарт-объект

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

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

И как же это сделать? На самом деле очень просто — преобразовать текстовый слой в смарт-объект! Photoshop дает нам несколько способов преобразования слоёв (в том числе и текстовых) в смарт-объект, проще всего кликнуть по слою правой клавишей мыши м выбрать пункт контекстного меню «Конвертировать в смарт-объект» (Convert to Smart Object).

Конвертирование текстового слоя в смарт-объект.

После этого никаких видимых изменений в документе не произойдёт, но в панели слоёв, вместо миниатюры буквы «Т» , которая была там раньше, в миниатюре показано фактическое содержимое слоя (в настоящий момент текст в миниатюре смарт-объекта заметен плохо, т.к. белые буквы сливаются с серо-белыми квадратиками, обозначающими прозрачность). Кроме того, в нижнем правом углу миниатюры появился маленький значок, сообщая нам, что слой теперь является смарт-объектом:

Панель слоёв с указанием слоя, преобразованного в смарт-объект.

Теперь, когда мы превратили текстовый слой в Smart Object, давайте посмотрим, что произойдет, когда я попытаюсь применить к нему «Искажение» или «Перспективу». Я снова пройду по вкладке главного меню «Редактирование» (Edit) —> «Трансформирование» (Transform), и на этот раз мы видим, что неактивных пунктов нет! Я могу выбрать любой из вариантов трансформирования, в том числе «Искажение» и «Перспективу».

Эффект 3D текста при помощи команды Distort

Давайте теперь вкратце рассмотрим, как быстро придать тексту 3D эффект, я начну с применения команды «Искажение».

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

Режим Искажение (Distort) позволяет нам перетаскивать угловые маркеры габаритной рамки независимо друг от друга.

Эффект 3D текста при помощи команды Perspective

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

Я хочу сделать, чтобы текст был вытянут в перспективе, примерно как титры в фильме «Звёздные войны», и для этого мне нужно применить команду «Перспектива». Конечно, для создания этого эффект можно было бы использовать и команду «Искажение» (Distort), но это займет больше времени и усилий. Применить «Перспективу» легче. Эта команда выбирается также через Редактирование —> Трансформирование (Edit —> Transform).

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

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

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

Но это не тот эффект, который я хочу получить, поэтому я отменю его, нажав Ctrl+Z на клавиатуре, данное действие вернёт текст к своей первоначальной форме.

Я снова нажмите на марке в левом верхнем углу, но на этот раз, я потяну его по направлению вправо внутрь, в результате чего противоположный маркер в верхнем правом углу также сдвинется внутрь, создавая ​​псевдо-3D эффект:

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

Мне почти нравится полученный эффект, но всё же я думаю, что текст можно ещё немного растянуть по вертикали. Для этого мне нужно переключиться с режима «Перспектива» в режим «Масштабирование» (Scale). Самый быстрый способ переключения между режимами (а рамка трансформирования всё еще ​​активна) — это клик правой клавишей мыши в любом месте документа и выбор нужного пункта из контекстного меню. Я выберу «Масштабирование» (Scale):

Переключение из режима «Перспективы» в режим «Масштабирование» (Scale).

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

Масштабирование текста методом перетаскивания нижнего центрального маркера вниз.

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

Текст после применения команд трансформирования «Перспективы» и «Масштабирование» (Scale).

Наложение текста на фон (необязательно)

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

Итак, во- первых, чтобы смешать текст с изображением, я изменю режим наложения смарт-объекта с «Обычного» (Normal) на «Перекрытие» (Overlay). Опция «Режим наложения» находится в верхнем левом углу панели слоев. Вот что получилось:

Эффект, полученный после изменения режима смешивания на «Перекрытие» (Overlay).

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

Чтобы это исправить, я воспользуюсь стилями слоя, а конкретнее стилем «Внешние свечение» (Outer Glow).
В диалоговом окне стиля я нажму на образец цвета и изменю цвет внешнего свечения до зеленого, примерно #296a15, чтобы соответствовать зеленому цвету в изображении. Затем изменю значение непрозрачности до 50% и увеличу параметр «Размер» до 60px (значение этого параметра зависит от размера документа):

Параметры стиля «Внешнее свечение» (Outer Glow) в его диалоговом окне. Красным обведены параметры, которые необходимо изменить, остальные значения остаются заданными по умолчанию.

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

Результат после применения стиля «Внешнее свечение».

Редактирование текста внутри смарт-объекта

Я уже упоминал, что одним из основных преимуществ преобразования текстового слоя в смарт-объект является то, что это сохраняет текст полностью редактируемые. Так как же нам изменить текст внутри смарт-объекта?

Обычное нажатие на текст в документе не даст результатов, потому что текст находится внутри смарт-объекта. Для того, чтобы добраться до текста, нам нужно дважды щелкнуть по миниатюре смарт-объекта в панели слоёв:

Двойной клик по миниатюре смарт-объекта для того, чтобы его открыть.

Это действие открывает смарт-объект в отдельном документе, что будет выглядеть как открытие нового Photoshop-документа. Бело-серые квадратики под текстом обозначают прозрачность, это делает белые буквы немного хуже различимыми, но можно, к примеру, временно сделать цвет текста более тёмным (перед сохранением цвет вернуть обратно!).

Чтобы изменить текст, ещё раз выберите инструмент «Текст» (Type Tool) на панели инструментов, затем дважды кликните по тесту для его выделения.

Я изменю слово «КОСМОС» на слово «ЧУЖОЙ»

Редактирование текста внутри Smart Object.

Чтобы сохранить изменения, нам необходимо сохранить документ, делается это точно также, как и сохранение обычного Photoshop-документа — нажмите комбинацию клавиш Ctrl+S, либо пройдите по вкладке главного меню Файл —> Сохранить (File —> Save).

Таким же образом можно изменить семейство шрифта, начертание, цвет, размер, расстояние между буквами и т.п.

Документ с текстом внутри смарт-объекта больше не нужен, его можно закрыть.
Это возвращает нас к основному документу, который мгновенно обновляется с изменениями, которые мы внесли в текст:

Тот же самый эффект после редактирования текста.

Таким образом, используя оболочку смарт-объекта, мы можем применить к тексту недоступные ранее виды транс формирования.

Инструмент Текст в Photoshop: панель «Символ», руководство

Выбор типа, стиля, размера и цвета шрифта

Эти четыре опции имеются панели параметров и дублируются на панели символов. Не имеет значения, на какой из панелей Вы измените эти опции, значения будут продублированы:

Метод сглаживания (Anti-aliasing) для букв

Сглаживание букв (Anti-aliasing) — технология, применяемая для улучшения визуализации букв текста с целью сгладить резкие края и убрать «зубцы», возникающие на краях букв.

Эта опция также дублирована на двух панелях:

На данный момент в Photoshop существуют семь методов сглаживания текста, включая режим «без сглаживания» (none), на рисунке я привёл русскоязычный и англоязычный интерфейсы Photoshop:

Каждый из методов сглаживания производит собственный эффект на буквы, и к каждому отдельному случаю метод надо подбирать опытным путём, но это в идеале, а на практике в основном я пользуюсь методом сглаживания, установленным в Photoshop по умолчанию — «Резкое» (Sharp).

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

Межстрочный интервал (интерлиньяж, Leading)

Этот параметр текста доступен только из панели Символ, как понятно из названия, он задаёт вертикально расстояние между строк. По умолчанию параметр установлен на «Авто»:

В основном, использование Межстрочного интервала в значение Auto даёт неплохие результаты, но вы можете задать Межстрочный интервал самостоятельно перед вводом текста, либо после ввода, выделив весь текст. Вы можете выбрать одно из предустановленных значений ( от 6 pt до 72 pt), либо ввести собственное одним из фотошоповских методов ввода параметров, т.е. изменение перетаскиванием мыши или прокруткой колёсика или вводом значения в окно с клавиатуры.

Трекинг (Межбуквенный интервал, Tracking)

Параметр «Трекинг» также доступен только из панели Character, он управляет расстоянием межу буквами или символами. Он расположен непосредственно под Межстрочным интервалом и по умолчанию установлен в 0:

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

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

Кернинг (Kerning)

Этот параметр также доступен только из панели Символ и расположен слева от Трекинга. По умолчанию он установлен на значение «Метрический» (Metrics), что это значит, я объясню немного ниже. Кернинг регулирует промежуток между двумя конкретными буквами или символами:

Кернинг часто путают с Трекингом, потому что они кажутся похожими, но они на самом деле это совершенно разные вещи. В то время как Трекинг задаёт диапазон между всеми символами, Кернинг регулирует расстояние между двумя конкретными символами. Можно провести аналогию, если Трекинг — глобальная настройка, то Кернинг — «местная».

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

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

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

Масштаб по вертикали и горизонтали (Vertical и Horizontal Scale)

Эти две опции расположены непосредственно под Кернингом и Трекингом.
Их назначение понятно из названия, опции масштабируют выбранный текст вертикально или горизонтально.
Оба этих опции по умолчанию установлены на 100%

Смещение базовой линии (Baseline Shift)

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

Дополнительные текстовые опции

Ниже находятся кнопки дополнительных опций.
Слева направо: псевдополужирный, псевдонаклонный, все прописные, капители (уменьшенные прописные), надиндекс, подиндекс, подчёркнутые, зачёркнутые. На примере я показал действие опций в тексте начиная со второй строки:

Выбор языка

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

Уроки в Фотошопе с текстом

Ловите очередную подборку. В ней вы найдете набор растровой и векторной графики, шаблон брошюры и текстуры и паттерны.

101 0

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

651 3

Знакомьтесь, Мосолова Светлана – победитель новогоднего конкурса «Когда елки были большими».

1039 13

Знакомьтесь, Natalja Meiere – фотограф, мастер коллажей и серебряный призер конкурса «Когда елки были большими».

832 9

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

413 2

Возможности инструмента Текст в фотошопе

Тот факт, что в фотошопе есть инструмент Текст (Type Tool), я думаю, абсолютно никого не удивит. Но все ли его возможности вам известны? Вот тут я сильно сомневаюсь! Итак, цель сегодняшнего урока подробно осветить весь потенциал и особенности инструмента Текст.

Начнем от простого к сложному.

Инструмент Текст обозначается в англоязычной версии программы как Type Tool. Он расположен на Панели инструментов и имеет иконку в виде буквы «Т». Его задача — это создание надписей. Надписи представляют собой векторный графический элемент. Независимо от вашего фона, текст всегда создается на новом слое.

В фотошопе он представлен такой группой инструментов:

• Горизонтальный текст (Horizontal Type) — самый обычный, к которому мы привыкли. Стоит по умолчанию.
• Вертикальный текст (Vertical Type) — для создания надписи в вертикальном направлении.
• Горизонтальный текст-маска (Horizontal Type Mask) — для созданий быстрой маски с горизонтальным выделением
• Вертикальный текст-маска (Vertical Type Mask) — для создания быстрой маски с вертикальным выделением.

Как создать текстовый слой

Существует два простых способа как это сделать:

1. Выберите инструмент, а затем сделайте клик левой клавишей мыши в том месте, где нужен текст. Появится мигающая вертикальная палочка (здесь ничего нового программисты не предложили — он похож на курсоры из любых других текcтовых редакторов, например «Блокнот» или «Word»).

Чтобы сохранить созданную надпись, можно воспользоваться любым из удобных способов:

• Нажать кнопку в виде галочки (Применить текущую правку) на панели параметров. Нажатие на перечеркнутый круг — отменит правку. 
• Нажать на созданный текстовый слой на палитре слоев.
• Нажать комбинацию клавиш Ctrl+Enter. Обычно для подтверждения правки мы жмем только Enter, но в случае с Текстом, она лишь опустит на строку ниже и предложит продолжить вводить текст.

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

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

Перемещение и трансформирование

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

Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T. Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять  перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».

 Форматирование текста

Вот и добрались до самого сложного — до палитры Символы. Именно в ней сосредоточены все мыслимые и немыслимы способы форматирования текстов в фотошопе. Открывается она так: Окно — Символ (Window — Character).

Рассмотрим чем палитра богата.

В самом вверху можно выбрать шрифт и его особое начертание (если оно предусмотрено выбранным шрифтом). Например, я выбрал Times New Roman:

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

Кнопка «Цвет» — изменит цвет вашей надписи. Можно использовать два и более цвета для одной надписи.

Все рассмотренные сейчас настройки считаются стандартными. Они выведены на Панель параметров:

Можно настроить расстояние между символами внутри заданных пар:

Кнопочка правее — позволяет задать расстояние между буквами. То есть растянуть надпись или сузить, как гармошку. В своем примере вверху растянуто на +200, а ниже сужено до -200

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

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

На очереди предпоследняя снизу строка. Первая буква «Т» — включает полужирный способ написания текста.

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

Следующие два режима выполняют задачи наподобие Caps Lock на клавиатуре. Первые из этой пары — Верхний регистр, т.е. все буквы будут заглавными. А вторая из пары — капители. Буквы пишутся так же заглавными, но размером с прописные.

Следом группа из верхнего и нижнего индекса.

Последняя группа — подчеркнутый и зачеркнутый текст.

Последняя строка включает в себя две функции, первая из которых — это выбор языка символов для расстановки переносов и проверки орфографии. А вторая позиция это способ сглаживания. Сглаживание будет видно при увеличении (выберите из выпадающего меню от резкого к плавному).

Переходим к последней вкладки — палитра «Абзац».

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

Ниже регулируются отступы от правого и левого края, А также отступы лишь только первой строки.

Последняя группа команд регулирует отступы перед первым и после последнего абзаца.

Скриншоты не прикладываю потому, что все это просто и знакомо по другим текстовым редакторам, как, например, Word.

Работа с текстом не завершена — обязательно изучите как можно деформировать текст.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!