Как сохранить стиль текста в фотошопе
Обновлено: 05.07.2024
Можно задать атрибуты текста перед вводом символов или сбросить их, чтобы изменить внешний вид выделенных символов в текстовом слое.
Прежде чем форматировать отдельные символы, их надо выделить. Можно выделить один символ, диапазон символов или все символы в текстовом слое.
Чтобы быстро научиться работать с текстовыми функциями Photoshop, см. раздел Добавление слов на картинку.
Чтобы выбрать текстовый слой, выполните одно из следующих действий:
- Выберите инструмент «Перемещение» и дважды щелкните текстовый слой на холсте.
- Выберите инструмент «Горизонтальный текст» или «Вертикальный текст» . Выберите текстовый слой на панели «Слои» или щелкните текст на изображении для автоматического выбора текстового слоя.
- Перетаскиванием курсором мыши выделите один или несколько символов.
- Щелкните внутри текста начало выделения, а затем щелкните конец выделяемого диапазона, удерживая нажатой клавишу «Shift».
- Выберите меню «Выделение» > «Все», чтобы выбрать все символы в слое.
- Дважды щелкните слово, чтобы выделить его. Трижды щелкните строку, чтобы выбрать ее. Четырежды щелкните абзац, чтобы выбрать его. Щелкните пять раз в любом месте текста, чтобы выбрать все символы в ограничительной рамке.
- Для выделения символов с помощью клавиатуры, щелкните текст, а затем, удерживая нажатой клавишу «Shift», нажимайте клавиши со стрелками влево и вправо. Для выделения слов при помощи клавиатуры, удерживая нажатыми клавиши «Shift»+«Ctrl» (Windows) или «Shift»+«Command» (Mac OS), нажимайте клавиши со стрелками влево и вправо.
Выделение и форматирование символов в текстовом слое переводит инструмент «Текст» в режим редактирования.
Панель «Символ» содержит параметры, предназначенные для форматирования символов. Некоторые параметры форматирования также доступны через панель параметров.
Панель «Символ» можно отобразить, выполнив следующие действия.
Выберите меню «Окно» > «Символ» или щелкните ярлык панели «Символ», если панель видна, но не активна.
Выберите инструмент «Текст» и нажмите кнопку «Панель» на панели параметров.
Чтобы установить параметр на панели «Символ», выберите значение из всплывающего меню справа от параметра. Для изменения значений числовых параметров можно воспользоваться стрелками вверх и вниз или же изменить значение непосредственно в текстовом поле. После непосредственного изменения значения нажмите клавишу «Ввод» («Return»), чтобы сохранить значение, «Shift» + «Ввод» («Shift» + «Return»), чтобы сохранить и выделить его, или «Tab», чтобы сохранить значение и перейти к следующему полю панели.
Выберите в диалоговом окне «Параметры шрифтов» пункт «Показывать параметры азиатского текста», чтобы на панели «Символ» появился параметр «Установить «цумэ»».
В меню панели «Символ» можно получить доступ к дополнительным командам и параметрам. Чтобы воспользоваться этим меню, щелкните треугольник в правом верхнем углу панели.
Динамические комбинации клавиш — это комбинации клавиш, которые отображаются в меню панели «Символ» только в момент ввода начала набора или типа абзаца, если выделен текст или когда курсор в тексте имеет I-образную форму. Динамические комбинации доступны для следующих параметров текста: «Псевдополужирный», «Псевдокурсивный», «Все прописные», «Капители», «Надстрочный индекс», «Подстрочный индекс», «Подчеркнутый» и «Зачеркнутый».
Размер шрифта определяет, насколько крупным текст будет выглядеть в изображении.
По умолчанию единицей измерения для текста являются пункты. Один пункт PostScript составляет 1/72 дюйма на изображении с разрешающей способностью 72 ppi. Существует, однако, возможность переключения с единиц измерения PostScript на традиционные определения размеров точки. Единицу измерения размера шрифта по умолчанию можно изменить в области «Единицы измерения и линейки» диалогового окна «Установки».
Введенный текст визуализуется текущим основным цветом, причем этот цвет можно изменить до или после ввода текста. При редактировании существующего текстового слоя можно изменить цвет как одного или нескольких выделенных символов, так и всего текста в слое.
Несмотря на поговорку, гласящую, что одна картина стоит тысячи слов, нередко, при редактировании изображений требуется добавить надпись к картинке, это может быть подпись, заголовок, содержимое баннера, текст кнопки, водяной знак, копирайт и т.д.
И, конечно же, иногда мы просто хотим создать интересный текстовый эффект.
В этом материале мы рассмотрим основы работы с текстом в программе Photoshop.
В Photoshop существует два основных метода добавления текста - ввод текста строкой (обычный) и ввод текста в область. Наиболее часто используемым из этих двух методов является способ добавления текста строкой.
Ввод текста в Photoshop
Для ввода текста в Photoshop используется инструмент "Текст" (Type Tool), расположенный на панели инструментов в левой части экрана, либо, для выбора инструмента следует нажать на клавишу клавиатуры T:
Когда инструмент выбран, курсор мыши изменится на символ, который обычно называют как "двутавровой балкой". На рисунке ниже я несколько увеличил этот символ:
Выбор шрифта
Как только мы выбираем инструмент "Текст", на панели параметров верху экрана отображаются опции и параметры, относящиеся к этому инструменту, слева расположены варианты для выбора типа, стиля и размер шрифта:
Чтобы просмотреть полный список доступных шрифтов, нажмите на маленький треугольник справа в поле выбора шрифта.
Это действие открывает список всех шрифтов, которые вы можете выбрать в данный момент. Количество и выбор шрифтов зависит от шрифтов, установленных в данный момент в Вашей операционной системе:
Примечание! Не все установленные в Вашей системе шрифты поддерживают кириллицу (русские буквы).
Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается здесь.
Изменение размера предпросмотра шрифта
В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово "Sample", располагающееся справа от названия шрифта):
Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование --> Установки --> Текст (Edit --> Preferences --> Type), в версиях выше - по вкладке главного меню Текст --> Размер просматриваемого шрифта (Type --> Font Preview Size). По умолчанию размер установлен как "средний" (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:
Не забывайте, что всегда можно вернуться и выбрать меньший размер образцов.
Выбор стиля (начертания) шрифта
Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):
Установка размера шрифта
Выберите размер для вашего шрифта, нажав на треугольник в правой части окна выбора размера. Это откроет список часто используемых предустановленных размеров, которые можно выбрать от 6 px до 72 px:
Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы "px" в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров - навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:
Выбор цвета текста
Правее находится бар, где мы можем задать тексту цвет. По умолчанию, цвет установлен в черный. Чтобы изменить цвет, нажмите на образец. Photoshop откроет палитру цветов, где мы можем подобрать другой цвет для текста:
Добавление текста в документ Photoshop
Как я уже говорил кратко в начале урока, есть два различных метода добавления текста в документ Photoshop, это обычный (строкой) и метод добавления текста в область. Разница между ними в том, что первый способ в основном используется для добавления небольшого количества текста в документ (одной или нескольких букв или слов, заголовка и т.п.), в то время как добавление в область применяется для добавления большего количества текста внутрь заранее установленной области.
Здесь мы рассмотрим первый метод, т.к. он применяется в подавляющем большинстве случаев.
Чтобы добавить текст в документ, выберите инструмент "Текст", наведите курсор в ту точку, где Вы хотите, чтобы было начало текста и нажмите левую клавишу мыши. Мигающим маркер на документе укажет, что Photoshoop готов для ввода текста:
При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как "Слой 1" (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:
После того как в документе появился мигающий маркер, вы можете начать печатать.
Перемещение текста по изображению
Если Вам понадобилось переместить напечатанный текст, вы можете легко это сделать.
Для перемещения текста по изображению надо немного отвести курсор от текста. он изменит свой вид с двутавровой балки на значок инструмента "Перемещение" (Move Tool), после изменения вида курсора зажмите левую клавишу мыши и перетащите текст в нужное место:
Принятие и завершение редактирования текста
Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент "Текст" остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.
Когда Вы закончите ввод нужных букв, следует выйти из данного текстового слоя. Для этого нажмите на галочку на панели параметров:
Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.
После того как Вы приняли ваш текст, Photoshop переименовывает текстовый слой, используя первые буквы текста в качестве нового имени для слоя, это очень полезно при работе с несколькими текстовыми слоями:
Отменить или удалить текст
Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.
Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.
Параметры выравнивания текста
Кроме того, в панели параметров имеются три варианта выравнивания текста - выровнять по левому краю, по центру, по правому краю. По умолчанию выбрана опция выравнивания по левому краю, что означает, что при наборе текста он будет добавляться справа от отправной точки. Если мы выберем опцию "выравнивание по правому краю, текст будет добавляться слева от отправной точки. Если же мы выберем опцию "выравнивание по центру", то при вводе текст будет добавляться в обоих направлениях на одинаковом расстоянии от точки вставки.
Лучше всего перед началом ввода текста убедиться в том, что у Вас уже выбрана нужная опция выравнивания. Но можно изменить выравнивание уже введённого текста, для этого необходимо выделить нужный текст курсором мыши и кликнуть по опции выравнивания. На рисунке я сделал анимацию ввода текста с опцией "выравнивание по центру":
Выбор и редактирование текста
Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку - кликните по строке трижды:
Если у Вас имеется несколько строк текста, разделенных строчными переносами, для выбора всего текста дважды кликните по миниатюре текстового слоя:
Также, мы можем изменить шрифт, размер и стиль текста, для этого надо выделить нужный участок и изменить соответствующий параметр на панели параметров.
Изменение цвета текста в Photoshop
По такому же принципу мы можем изменить и цвет текста. Для этого надо выделить нужный участок, кликнуть по цветному квадратику на панели параметров, в открывшемся окне выбрать цвет и нажать ОК:
Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте здесь.
В этом в этом материале мы рассмотрим способы сохранения, загрузки и использования стилей слоя в программе Photoshop.
Как мы уже поняли из предыдущих публикаций, с помощью стилей слоя мы легко и без применения особого мастерства можем создавать забавные и интересные фото- и текстовые эффекты. Вам не нужно быть гуру Photoshop или тратить огромное количество времени на изучение света и теории цветов, чтобы начать применять тени, обводку, градиенты, узоры, внутреннее и внешние свечение и другие стили к Вашим изображениям.
В этом материале мы создадим простую фоторамку с помощью стилей, потом сохраним эти эффекты и применим их к другому изображению.
Вот как будет выглядеть готовая фоторамка, полученная в результате применения стилей, которые мы добавим к фотографии в этим примере:
Имейте в виду, что создание фоторамки само по себе не является основной целью этой статьи. Суть материала в том, чтобы узнать, как легко сохранять собственные эффекты стилей слоя, загружать их при необходимости в Photoshop и применять их к другим изображениям.
Создание двухцветной рамки для фото с помощью стилей слоя
Открываем изображение в Photoshop и сразу дублируем фоновый слой.
Обычно мы дублируем этот слой, прежде чем приступить к редактированию, чтобы не повредить первоначальное изображение, но, в данном случае, имеется и другая причина. Дело в том, что Photoshop просто не даст нам применить стили к фоновому слою. В этом легко убедиться, если посмотреть на нижнюю часть панели слоёв, где значок добавления стилей имеет серый цвет, что говорит о том, что стили недоступны:
Давайте обойдём эту маленькую проблему, просто продублировав фоновый слой нажатием клавиш Ctrl+J.
Теперь у нас есть копия фонового слоя, с которой мы будем работать и можно,наконец, приступить к добавлению стилей слоя.
Зададим ей следующие параметры:
Цвет - чёрный
Размер (Size) - 60 пикселей
Положение (Position) - Внутри (Inside)
Теперь фотография должна иметь черную окантовку:
На этот раз, давайте добавим белый границу внутри черной, и сделаем это с помощью "Внутреннего свечения" (Inner Glow).
К сожалению, мы можем использовать определенный стиль слоя только один раз в одном слое, и это означает, что, поскольку мы уже использовали "Обводку" для добавления чёрной рамки, мы не можем использовать его снова для добавления белой. Исходя из этого, для белой обводки нам потребуется нестандартно применить другой стиль, в данном случае, мы будем использовать "Внутреннее свечение".
Добавляем "Внутреннее свечение" к слою и задаём следующие параметры. Опять таки, параметр Размер (Size) зависит от общего размера изображения:
Теперь внутри чёрной рамки добавилась белая кайма:
Давайте создадим завершающий штрих для нашей фоторамки, добавив ей немного глубины, как будто черная внешняя рамка находится перед белой внутренней рамкой. Для этого мы воспользуемся "Внутренней тенью" (Inner Shadow). В диалоговом окне задайте следующие настройки, но, скорее всего, Вам надо будет самостоятельно подобрать параметры "Стягивание" (Choke) и "Размер" (Size):
Вот что у нас получилось:
Ну, c рамкой всё. Давайте теперь разберем сохранение и загрузку.
Сохранение на компьютере собственных стилей слоя Photoshop
Для сохранения нужно открыть диалоговое окно стилей (если Вы его закрыли) и нажать на кнопку "Новый стиль" (New Style) в верхнем левом углу окна:
После чего откроется диалоговое окно сохранения, где следует ввести имя (я назвал "Двойная рамка"), остальные опции оставляем по умолчанию:
Для сохранения нажимаем кнопку ОК.
Применение созданных стилей к другому изображению
Вот фото, которое я буду использовать сейчас:
Открываем фото в Photohop и дублируем его. Теперь нам следует найти наш новый стиль в палитре стилей. По умолчанию она сгруппирована с палитрой цвета и палитрой образцов цвета в версиях до CS6, в CS6 она сгруппирована с палитрой коррекции, в обоих случаях она расположена в правом верхнем углу. Если, по какой-то причине, она отсутствует в рабочем окне, открыть её можно через Окно --> Стили (Window --> Styles).
Далее просто наводим курсор мыши на наш новый стиль и кликаем по нему:
Кстати, если не убирать пару секунд курсор с иконки, то высветится его название.
Всё, стиль применён к изображению:
А теперь обращаю внимание на один важный момент. Несмотря на то, что стиль слоя появился в палитре, и мы можем его применять всякий раз при необходимости, в настоящее время он сохранён только временно. В принципе, он сохранился в Photoshop, но при сбое или переустановке программы мы его потеряем. К счастью, Photoshop позволяет сохранить постоянный копию нашего стиля слоя на компьютере, которую можно загрузить обратно и использовать любой момент, когда она понадобится. Далее мы рассмотрим, как это сделать.
Сохранение собственного стиля слоя на компьютере
Для этих целей нам понадобится менеджер наборов (Preset Manager), открыть который можно через вкладку главного меню Редактирование --> Наборы --> Управление наборами (Edit --> Presets --> Preset Manager), в версиях CS5 и ниже - Редактирование --> Управление наборами (Edit --> Preset Manager).
В диалоговом окне менеджера выберите пункт "Стили" (Styles), затем, кликните по миниатюре нужного стиля. Если Вам необходимо сохранить несколько стилей, зажмите клавишу Ctrl и кликните по нескольким миниатюрам, после чего нажмите кнопку "Сохранить" (Save Set. ):
Откроется окно выбора папки сохранения, выберите нужную папку, впишите своё название файла, если предложенное программой Вас не устраивает, и сохраните:
Стиль сохранится как набор стилей - файл ASL, и в любой момент мы сможем загрузить его обратно в Photoshop.
Загрузка стилей слоя в Photoshop
Откройте палитру стилей, как указано выше, и нажмите на кнопку в правом верхнем углу, в открывшемся меню нажмите на пункт "Загрузить стили" (Load Styles):
Начинающий пользователь Photoshop? Хотите научиться работать с инструментом «Текст»? Вы обратились по адресу.
Быстро находите понятные ответы, советы и учебные видеоролики по самым часто задаваемым вопросам об инструменте «Текст».
Загрузить файл примеров и шрифты для пробного использования
Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.
Если на компьютере не установлены шрифты, используемые в образце файла, можно заменить их шрифтами по умолчанию. Вы также можете получить шрифты, используемые в этом файле: Nunito и Roboto. Дополнительные сведения см. в разделе Активация шрифтов.
Оставьте комментарий, если у вас возникнут вопросы, ответы на которые вы не найдете здесь.
Откройте фотографию или документ Photoshop (PSD).
На панели инструментов выберите инструмент Текст или просто нажмите клавишу «Т» для быстрого выбора.По умолчанию выбран пункт Инструмент «Горизонтальный текст» , с помощью которого можно добавить текст в горизонтальной плоскости. Если требуется добавить текст в вертикальной плоскости, еще раз щелкните инструмент «Текст» и выберите Инструмент «Вертикальный текст» в контекстном меню.
Хотите добавить несколько слов в качестве заголовка? Щелкните в любом месте холста, чтобы ввести текст. В Photoshop это называется короткий текст.
Еще один тип текста в Photoshop — текст абзаца. Как можно понять из названия, этот тип текста используется для ввода абзаца текста. Щелкните и перетащите курсор на холсте, чтобы создать ограничительную рамку, в которой можно будет ввести текст абзаца. Она поможет эффективно редактировать и выравнивать абзац в дальнейшем.
Читайте также: