Как в фотошопе текст сделать жирным: Как сделать шрифт жирным в Фотошопе

Как в фотошопе текст сделать жирным: Как сделать шрифт жирным в Фотошопе

alexxlab 17.10.1970

Содержание

Как сделать шрифт жирным в Фотошопе


Шрифты в Фотошопе – отдельная обширная тема для изучения. Программа позволяет создавать как отдельные надписи, так и целые блоки текста. Хотя Фотошоп и является графическим редактором, но шрифтам в нем уделено большое внимание.

Урок, который Вы сейчас читаете, посвящен тому, как сделать шрифт жирным.

Жирный шрифт в Фотошопе

Как известно, Фотошоп использует в своей работе системные шрифты, и все их свойства работают и в нем. Некоторые шрифты, к примеру, Arial, имеют в своем наборе знаки разной толщины. У данного шрифта это «Bold», «Bold Italic» и «Black».

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

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

Практика

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

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

  2. Пишем необходимый текст. Слой создастся автоматически.

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

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

  4. Для вызова палитры настроек шрифта идем в меню «Окно» и выбираем пункт под названием «Символ».

  5. В открывшейся палитре выбираем нужный шрифт (Arial), выбираем его «вес», и активируем кнопку «Псевдополужирное».

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как сделать жирный текст в фотошопе

Урок, который Вы сейчас читаете, посвящен тому, как сделать шрифт жирным.

Жирный шрифт в Фотошопе

Как известно, Фотошоп использует в своей работе системные шрифты, и все их свойства работают и в нем. Некоторые шрифты, к примеру, Arial, имеют в своем наборе знаки разной толщины. У данного шрифта это «Bold», «Bold Italic» и «Black».

Вместе с тем, у некоторых шрифтов отсутствуют «жирные» глифы. Здесь на помощь приходит настройка шрифта под названием

«Псевдополужирное». Странное слово, но именно данная настройка помогает сделать шрифт жирным, даже жирнее жирного.

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

Практика

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

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


Пишем необходимый текст. Слой создастся автоматически.


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

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


Для вызова палитры настроек шрифта идем в меню «Окно» и выбираем пункт под названием «Символ».


В открывшейся палитре выбираем нужный шрифт (Arial), выбираем его «вес», и активируем кнопку «Псевдополужирное».

Таким образом, мы сделали самый жирный шрифт из набора

Arial. Для других шрифтов настройки будут аналогичные.

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

На этой странице

?? Creative Cloud ?????????????????

Редактирование шрифта на текстовом слое

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

Можно менять ориентацию (горизонтальную или вертикальную) текстового слоя. Если слой имеет вертикальную ориентацию, строки располагаются сверху вниз; если ориентация текста горизонтальная — слева направо.

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

На вкладке «Эксперт» выберите текстовый слой на панели «Слои».

По щелчку на имеющемся текстовом слое текстовый инструмент меняется на начальную точку текста, соответствующую выбранной ориентации текста.

Нажмите, чтобы установить курсор вставки.

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

Введите нужный текст.

Нажмите кнопку «Применить» на панели параметров.

Активизируйте другой инструмент на панели инструментов.

Выделение символов

Перетаскиванием курсором мыши выделите один или несколько символов.

Чтобы выделить одно слово, нажмите два раза.

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

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

Выберите меню «Выделение» > «Все», чтобы выбрать все символы в слое.

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

Выбор гарнитуры и начертания

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

Если шрифт не имеет нужный вам стиль, можно применить псевдостилевые (ложные) версии жирного и курсивного начертания. Псевдошрифт — машинно-генерируемая версия шрифта, которая является альтернативной гарнитурой шрифта.

Я открываю Фотошоп и делаю какой то нейтральный фон. Затем, как написать текст в Фотошопе? слева есть инструмент Текст (клавиша Т), выбираем его и нажимаем в то место где хотите чтобы был написан текст.

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

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

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

Шрифт теста еще левей от размера. Сами шрифты можно скачать на бесплатных сервисах или же купить. Учтите те шрифты что предназначены для Русского текста они не смогут присвоить к тем что для Английского, и наоборот.

Также есть меню Символов. Сверху в панели инструментов, немного правей от выбора цвета.

В данном меню можно:
1 — поменять шрифт;
2 — размер шрифта;
3 — расстояния между словами, буквами, строками;
4 — цвет текста;
5 — сделать жирным, наклоненным, зачеркнутым, курсивом и не только.

Можно согнуть вашу надпись. Левей от инструмента Символы есть Создать деформационный текст.

Выбрав форму деформации ваш текст искривится.

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

Как работать с текстом в фотошопе? Как создать красочную надпись для праздничного поздравления? Можно ли в фотошопе вписать слово в какую-нибудь фигуру? Есть ли возможность в программе Adobe Photoshop разместить текст по выбранной траектории? Можно ли деформировать буквы? Что нужно сделать, чтобы залить текст узором или градиентом? Эти вопросы задавали себе многие.

Ответ на них дал Альваро Гузман в статье «Всеобъемлющее Введение в Type Tool». В ней Вы найдете все ответы на вопросы по использованию инструмента фотошопа Type Tool (Текст). В статье много скриншотов, иллюстрирующих все настройки на конкретных примерах. Читайте и смотрите примеры!

Инструментом Type Tool (Текст) один из самых мощных и полезных инструментов в программе Adobe Photoshop. Мы все использовали его хотя бы раз, но знаете ли Вы весь его потенциал? Именно поэтому я решил написать полное руководство об использовании инструмента Type Tool (Текст) и наиболее важных особенностях этого инструмента.

Основные понятия.

Type Tool (Текст) – это инструмент Фотошопа, представляющий собой набор векторных контуров и математических фигур для определения символов шрифта. Он расположен на Панели инструментов в Photoshop в виде буквы Т. Инструмент множественный.

Горячая клавиша «T» — текст. Если вы нажмете кнопку Т и будете удерживать ее нажатой, вы увидите четыре варианта этого инструмента:
— Horizontal Type Tool (Горизонтальный текст) — инструмент для создания горизонтальной стандартного текста (слева направо и сверху вниз), обычный текст по умолчанию. Пишет тем цветом, который выбран в качестве Foreground Color (Цвет переднего плана).
— Vertical Type Tool (Вертикальный текст) — инструмент для создания вертикального текста (сверху вниз и справа налево), полезно для создания надписей на восточных языках, таких как японский или китайский.
— Horizontal Type Mask Tool (Горизонтальный текст-маска) — создает быструю маску, используя выделение в форме введенного текста.
— Vertical Type Mask Tool (Вертикальный текст-маска) — создает быструю маску, вертикальное выделение.

Создание текстового слоя.

Есть два способа создать текстовый слой:

Point Type: — эта опция позволит создать текстовый слой в одну линию. Щелкните мышкой там, где хотите написать текст. На месте щелчка появится мигающий вертикальний курсор. После того, как введёте текст, нажмите на галочку на панели параметров (05) (применить текущую правку) или кликнув один раз на слое с текстом, или нажмите сочетание клавиш Ctrl+Enter, можно также нажать Enter на цифровой клавиатуре. Если Вы просто нажмёте Enter, то курсор перейдёт на следующую строку, предлагая продолжать ввод текста.

Paragraph Type: позволяет создать текстовый слой в ограничительной рамке. Это очень полезно для печати и веб-дизайна. Используя инструмент Type, выделите для текста место. Начините с верхнего левого угла и тяните курсор по диагонали до нужного размера, введите текст и нажмите Ctrl+Enter. Текст можно не только вводить (с клавиатуры), но и вставлять из других редакторов.

Важно: Инструмент Type Tool (Текст) всегда создает новый слой для нового текста.

Если Вы, завершив ввод текста, посмотрите на палитру Слои(Layers), то обнаружите, что ваша надпись находится на новом слое, обозначенном буквой Т.

Изменение размера и формы текста.

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

Еще вы можете изменять размер текста при помощи рамки выделения Paragraph Type: квадратики по углам прямоугольника и в середине отрезков называются узлами, перетаскивая их можно выполнить любое преобразование формы выделенного текста. Чтобы сохранить пропорции, удерживайте клавишу Shift.

Для изменения размера созданного ранее текста выберите инструмент Type Tool (Текст) и щёлкните курсором мышки по текстовому слою поверх надписи.

Щелкните и тяните узел, чтобы изменить размеры рамки редактирования.

Чтобы повернуть текст выберите инструмент Type Tool (Текст) и щёлкните по текстовому слою поверх надписи.

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

Удерживая Ctrl, тяните узел и получите угловое изменение.

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

После ввода какого-нибудь текста у вас может возникнуть потребность изменить гарнитуру шрифта, цвет и другие параметры. Выберите команду меню Window (Окно)> Character (Символ) и перед вами откроется палитра Character (Символ), весьма полезная при работе с текстом. На этой палитре вы можете изменять следующее параметры: (Внимание! Символы, которые будете изменять нужно выделить):

Font Family, Font Style – выбирать гарнитуру и начертание шрифта.
Font Size – настраивать кегль (размер) шрифта
Text Color – изменять цвет текста

Kerning – настроить кернинг (расстояние между определенными парами символов)
Тracking – задавать межзнаковое расстояние, разреженный или уплотненный текст.

Vertical and Horizontal Scaling – масштабировать текст вертикально и горизонтально. Вы можете изменять размер текстового слоя в окне
Vertical Scalе и Horizontal Scalе. Эти настройки искажают форму символов, что бывает нежелательно.

Baseline Shift – смещение базовой линии. Этот параметр позволяет поднимать или опускать отдельные знаки относительно всей строки на заданную величину.

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

Некоторые художественные шрифты, стилизованные под рукописный текст, изначально имеют наклонные символы. При применении Faux Italic букви становятся еще более наклонными. Во многих шрифтах изначальное начертание символов Italic отличается от Normal. Функция Faux Italic этого не учитывает.

Ниже приведены примеры: Faux Bold для шрифта Arial, который не искажает форму шрифта, и Faux Italic для шрифта Myriad Pro, который искажает первоначальный курсивный стиль шрифта (посмотрите на символ «а», например)

Также можно легко превратить символы в прописные, используя All Caps (Верхний регистр). При нажатой кнопке All Caps все символы будут отображаться в верхнем регистре так, как если бы вы нажали клавишу Caps Lock.
Small Caps (Маленькие капиталы). Нажатие этой кнопки приводит к написанию прописными буквами, но меньшего размера, такого же как строчные. Изменения не касаются при этом букв, написанных в верхнем регистре.
Subscript (Нижний индекс) и Superscript (Верхний индекс)
Эта функция уменьшается размер букв, а верхняя граница строки сдвигается вниз, при этом нижняя граница остаётся прежней. Если в конкретном шрифте не поддерживается начертание в нижнем индексе, то Photoshop генерирует его. Кроме того, в фотошопе вы можете редактировать оформления текста как подчеркивание или зачеркивание. При помощи функции Underline (Подчёркивание) под строчкой задаётся горизонтальная линия того же цвета, что и текст. При выборе вертикального расположения текста возможно правое и левое вертикальное подчёркивание.
Strikethrough (Перечёркивание). Эта функция создаёт горизонтальную линию посередине строки при горизонтальном расположении текста или вертикальную линию при вертикальном расположении.

Anti-aliasing. Этот параметр предназначен для сглаживания, устранения неровностей мелких шрифтов. Есть варианты сглаживания: нет, резкое, чёткое, насыщенное, плавное.

Leading (Интерлиньяж). Эта функция позволяет настраивать расстояние между базовыми линиями соседних строк.

Обзор палитры Paragraph(Абзац)

Палитра Paragraph(Абзац) предназначена для выравнивания текста. Это диалоговое окно можно открыть, выполнив команду Window (Окно) > Paragraph (Абзац). Так как текстовый слой может содержать несколько строк, отформатировать их очень важно для качества любого дизайна.
Создайте текстовый слой, напечатайте какой-то текст и нажмите на миниатюру слоя, чтобы активировать параметры для всего текста. Кроме того, можно сделать выделение части текста с помощью мышки и применять форматирование абзацев только в выбранной части вашего текстового слоя.
Рассмотрим способы выравнивания текста в Photoshop.
Align (Выравнивание текста). Как хорошо видно на кнопках, вы можете выбрать выравнивание текста по левому краю, центру и правому краю

Justification (Интервалы) и Hyphenation (Перенос) – в эти диалоговые окна можно войти, нажав стрелочку в верхнем правом углу палитры Paragraph(Абзац). Существенное значение имеет язык ввода текста, словарь можно выбирать.

Justification (Интервалы). Здесь вы можете изменять значения Word Spacing (Расстояние между словами) и Letter Spacing (Межбуквенные расстояния), Масштаб гифа (Glyph Scaling).
Hyphenatе (Перенос). Здесь можно устанавливать различные параметры расстановки переносов. Если вы установите флажок Hyphenatе (Перенос), то переносы будут расставляться автоматически. (На всякий случай, не забывайте проверять правильность переносов)
Отступы между абзацами задать легко: просто выберите текстовый слой, или сделайте выделение нужного текста, и укажите нужный параметр в диалоговом окне, как показано ниже.
Indent Left Margin (Отступ левого края)
Indent Right Margin+ Indent First Line (Отступ правого края + отступ первой строки абзаца)
Add Space After Paragraph (Задать пробел после абзаца)

Деформация (Warp) текста.

Один из наиболее мощных функций инструмента Type Tool является возможность деформации любого текстового слоя в соответствии с вашими конкретными потребностями. Чтобы деформировать текстовый слой дважды щелкните на миниатюре текстового слоя и нажмите на кнопку Create Warped Text (создать деформированный текст) в меню Options (Параметры). Вам будет предложено выбрать Warp Style (Стиль деформации).
Переключатель Vertical (Вертикаль) или Horizontal (Горизонталь) применяет выбранный стиль в горизонтальной или вертикальной плоскости.
Регулятор Bend (Степень) определяет степень деформации.
Регуляторы Horizontal and Vertical Distortion (Горизонтальное и Вертикальное Искривление) дополнительно деформируют текст в горизонтальной и вертикальной плоскостях.
Ниже приведены примеры деформации текста при различных значениях параметров:

Вы можете создать деформацию текста как в «Звездных войнах» при помощи Vertical Distortion (Вертикальное искажение) и инструмента Gradient (Градиент) в Layer Mask (Маска-слоя), который применяют для частичного скрытия текста в верхней части.

Инструменты деформации текста в фотошоп дают интересные эффекты. Вы можете попробовать различные способы деформации текста, но деформация не будет работать, если ранее к тексту применяли Faux Bold и Faux Italic.

Как написать текст по контуру. Type on a Path (Текст по Контуру)

Вы можете создать текст, который искривляется вдоль контура. Контур можно создать инструментами Pen Tool (Перо) или Vector Shape Tool (Векторная фигура)
Создайте любую кривую пером, выберите инструмент Type Tool (Текст) и поместите курсор где-нибудь на контуре. Указатель мыши изменит вид. Теперь можно ввести текст.

Процесс создания текста по фигуре так же прост. Создаёте нужную вам фигуру, с помощью инструмента Path Selection Tool (Выделение контура) активизируете контур. Как только контур отобразился — выбираете инструмент Type Tool (Текст) и печатаете. Хороший эффект можно получить если немного увеличить базовую линию – создастся пространство между фигурой и текстом. Пример ниже.

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

Преобразование текста в форму

Иногда нужно иметь возможность вносить изменения в форму символов. Например, для создания логотипов. Для этого просто создайте текстовый слой или выберите ранее созданный и перейдите на Layer (Слой) > Type (Текст)> Преобразовать в Shape (Преобразовать в фигуру). Этот инструмент преобразует текст в Vector Layer Mask (векторную маску слоя) и его можно редактировать, как любую другую векторную форму. Вы также можете создать рабочий контур, зайдя в меню Layer (Слой) > Type (Текст)> Convert Work Path (Преобразовать в рабочий контур). Контур можно редактировать просто перетягивая опорные точки, создавая таким образом новое начертание выбранных символов.

Инструмент Type Mask Tool (Текст-маска)

Наконец, нужно еще рассмотреть инструменты выделения: Horizontal Type Mask (Горизонтальный текст-маска) и Vertical Type Mask (Вертикальный текст-маска) .

Эти инструменты создают область выделения в активном слое в виде текстовой фигуры. С его помощью вы можете создать Layer Mask (Маска слоя) or Quick Mask mode (Быстрая маска). Это выделение в форме текста можно легко заполнить цветом, градиентом, узором или использовать как маску слоя. Созданный таким образом текст невозможно форматировать – это растровое изображение. Ниже пример использования Horizontal Type Mask (Горизонтальный текст-маска) чтобы создать маску слоя на картине.

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

Секреты 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: исчерпывающее руководство

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

В Photoshop есть множество инструментов для размещения текста на вашей странице и придания ему невероятного вида. Но с чего начать?

В этом кратком руководстве мы познакомим вас со всем, что вам нужно знать о работе с текстом в Photoshop.

Введите основы инструмента в Photoshop

Прежде чем мы начнем, давайте кратко расскажем об основах работы с текстом в Photoshop.

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

Когда вы выбираете это, Тип варианты появятся в Панель настроек в верхней части экрана. Основными из них являются:

  • Семейство шрифтов: Выберите шрифт из тех, которые установлены на вашем компьютере (или из Typekit)
  • Стиль шрифта: Выберите стиль для выбранного шрифта, например, Bold или Oblique.
  • Размер: Установите размер точки для вашего типа
  • Выровнять текст: Установить текст слева, справа или по центру
  • Цвет: Выберите цвет для вашего текста
  • Отмена или фиксация: После того, как вы добавили или отредактировали текст, вы должны подтвердить его, чтобы применить к холсту, или отменить, чтобы отменить или удалить его.

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

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

Создание текста для заголовков и заголовков

Основной способ, которым большинство людей добавляют и редактируют текст в Photoshop

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

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

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

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

Работа с текстом абзаца

Для основного текста — более длинных фрагментов текста, таких как абзацы или списки — сначала создайте текстовое поле.

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

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

Удар Ctrl + T (Windows) или Cmd + T (Mac) затем удерживайте сдвиг и перетащите один из рулей, чтобы увеличить коробку.

Создание пользовательских форм текстовых полей

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

Выберите один из форма инструменты или использовать Pen Tool. Установить Режим инструмента в Дорожка в верхнем левом углу Панель настроек, затем нарисуйте свою форму на холсте.

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

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

Размещение текста на кривой в фотошопе

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

Начните с выбора Pen Tool. в Панель настроек вверху установите Режим инструмента в Дорожка. Теперь нарисуйте кривую на холсте. Если вам нужен учебник по этому вопросу, ознакомьтесь с нашим руководством по использованию инструмента Photoshop Pen Tool.

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

Теперь введите свой текст.

Вы также можете настроить текст так, чтобы он соответствовал контуру фигуры. Процесс такой же, только вы выбираете один из инструментов Shape вместо Pen. Опять же, обязательно установите Режим инструмента в Дорожка прежде чем нарисовать это.

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

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

Маскировка текста в фотошопе

Последний из основных текстовых инструментов Photoshop — это Инструмент Горизонтальный Тип Маски а также Инструмент для вертикальной маскировки.

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

Начните с открытия изображения в Photoshop или выберите слой, содержащий немного цвета.

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

Вот три способа его использования:

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

Заполните текст цветом фона. Удар Ctrl + Backspace или же Cmd + Backspace вырезать текст и заменить его выбранным цветом фона.

Вырежьте текст из фона. Удар Shift + Ctrl + I или же Shift + Cmd + I инвертировать ваш выбор. Теперь нажмите Ctrl + J или же Cmd + J. Скройте нижний слой, и теперь у вас будет оригинальное изображение с прозрачным вырезом в форме вашего текста.

Стилизация текста в фотошопе

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

  • Направление текста: Переключение между горизонтальным и вертикальным текстом
  • Сглаживание: Установите, насколько четким или плавным вы хотите, чтобы текст выглядел
  • Деформация текста: Искажайте текст с 15 предустановленными стилями
  • Открыть панель персонажа / абзаца: Откройте панель для настройки параметров персонажа
  • 3D: Переключиться в 3D-вид Photoshop

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

Панели персонажа и абзаца

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

  • Панель меню: Это включает Без остановки, который помещает неразрывный пробел между двумя словами, чтобы они оставались на одной строке.
  • Ведущий: Это позволяет вам настроить высоту строки для вашего текста. Оставив его установленным на Авто обычно достаточно хорош
  • Кернинг: Устанавливает интервал между парой символов. Установите опцию на метрика использовать дизайн шрифта по умолчанию, или оптический чтобы позволить Photoshop установить его автоматически.
  • Наблюдают: Управляет интервалом между всеми символами в вашем тексте. Выберите более точное отслеживание (отрицательное число), чтобы добавить удар и срочность для ваших заголовков.
  • Вертикальная шкала и горизонтальная шкала: Эти параметры растягивают или уменьшают ваш шрифт по вертикали или по горизонтали. Используйте их только для конкретных случаев дизайна — если вам нужен более широкий или высокий, выберите другой шрифт

    ,

  • Сдвиг базовой линии: Перемещает выбранные символы выше или ниже базовой линии. Чаще всего используется для написания подстрочных или надстрочных символов.
  • Искусственный жирный шрифт и курсив: По возможности избегайте их — всегда используйте версии выбранного шрифта, выделенные жирным или наклонным шрифтом, если они у вас есть.
  • Все заглавные и маленькие заглавные буквы: Автоматически использовать ваш текст.
  • Другие опции: Различные настройки для создания под- и надстрочных символов, подчеркивания или управления определенными шрифтами OpenType.

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

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

Текстовые эффекты в фотошопе

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

Дважды щелкните слой, чтобы открыть Стиль слоя коробка.

Выбрать Drop Shadow и настроить параметры, включая помутнение, Угол, а также Расстояние. Убедитесь, что предварительный просмотр Кнопка отмечена, поэтому вы получаете в реальном времени вид эффекта. Нажмите Хорошо когда вы закончите.

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

Поворот или перекос текста в фотошопе

Чтобы повернуть или наклонить текст, выберите текстовый слой и нажмите Ctrl + T или же Cmd + T открыть Бесплатный инструмент преобразования.

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

Для перекоса текста удерживайте Shift + Ctrl или же Shift + Cmd и возьмите один из рулей на краю коробки. Перетащите в сторону, затем нажмите Войти подтвердить.

Помните, что слишком большое искажение может исказить ваш шрифт.

Работа со шрифтами в фотошопе

Выбор правильного шрифта

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

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

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

Выберите шрифт и выберите Похожие шрифты просмотреть все доступные шрифты с похожими характеристиками.

Чтобы увеличить выбор шрифта, нажмите Добавить шрифты из Typekit значок в шрифты выпадающее меню.

Это запускает веб-сайт Adobe Typekit. Войдите в систему, если вам нужно, затем найдите и выберите любые шрифты, которые вы хотите добавить. Нажмите на Синхронизировать все кнопка, чтобы сделать все стили этого шрифта доступными в Photoshop. Или синхронизируйте только те стили и веса, которые вам нужны.

Соответствие шрифтов из других изображений

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

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

Некоторые предложения будут сделаны через несколько секунд. Выберите один и нажмите Хорошо.

Тонкая настройка шрифта

Когда вы создаете логотип

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

Выделите текст и перейдите к Тип> Преобразовать в форму. Это делает текст больше не редактируемым.

Хватай Инструмент выбора пути () для выбора отдельных символов. Теперь вы можете изменить их цвет, переместить или повернуть их независимо от остального текста.

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

Что дальше? Больше советов по Photoshop

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

Следующим шагом будет научиться включать его в остальные ваши проекты. Ознакомьтесь с нашим руководством по работе с векторной графикой в ​​Photoshop

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

font-weight — CSS | MDN

CSS свойство font-weight устанавливает начертание шрифта. Некоторые шрифты доступны только в нормальном или полужирном начертании.

font-weight: normal;
font-weight: bold;


font-weight: lighter;
font-weight: bolder;

font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;


font-weight: inherit;
font-weight: initial;
font-weight: unset;

Значения

normal
Нормальное начертание. То же, что и 400.
bold
Полужирное начертание. То же, что и 700.
lighter
Изменяет начертание относительно насыщенности родительского элемента (сверхтонкое начертание).
bolder
Изменяет начертание относительно насыщенности родителя элемента (сверхжирное начертание).
100, 200, 300, 400, 500, 600, 700, 800, 900
Цифровые значения насыщенности шрифтов, которые позволяют задавать больше, чем нормальное и полужирное начертание.

Недоступность заданного значения

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

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

Это означает, что для шрифтов, которые предоставляют только normal и bold начертания, 100-500 normal, и 600-900 bold.

Значение относительных весов

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

наследуемое значение жирнее светлее
100 400 100
200 400 100
300 400 100
400 700 100
500 700 100
600 900 400
700 900 400
800 900 700
900 900 700

Определение веса имени

Значения от 100 до 900, примерно, соответствуют следующим распространённым именам насыщенности:

Значение Общее название
100 Тонкий (Волосяной) Thin (Hairline)
200 Дополнительный светлый (Сверхсветлый) Extra Light (Ultra Light)
300 Светлый Light
400 Нормальный Normal
500 Средний Medium
600 Полужирный Semi Bold (Demi Bold)
700 Жирный Bold
800 Дополнительный жирный (Сверхжирный) Extra Bold (Ultra Bold)
900 Чёрный (Густой) Black (Heavy)

Интерполяция

Значения font-weight интерполируются  с помощью дискретных шагов (кратные 100). Интерполяция происходит в действительном пространстве чисел и превращается в целое число путём округления до ближайшего числа, кратного 100, со значениями посредине между кратными 100 округлёнными в сторону положительной бесконечности.

Формальный синтаксис

HTML

<p>
  Alice was beginning to get very tired of sitting by her sister on the
  bank, and of having nothing to do: once or twice she had peeped into the
  book her sister was reading, but it had no pictures or conversations in
  it, 'and what is the use of a book,' thought Alice 'without pictures or
  conversations?'
</p>

<div>I'm heavy<br/>
  <span>I'm lighter</span>
</div>

CSS


p {
  font-weight: bold;
}


div {
 font-weight: 600;
}


span {
  font-weight: lighter;
}

Result

BCD tables only load in the browser

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


Как использовать в Photoshop инструмент «Текст»

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

В этой статье мы рассмотрим, как добавить красивый текст в Фотошопе к изображению в Photoshop:

Инструмент «Текст»

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

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

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

Изначально слой имеет название «Layer 1«, но когда вы начнете вводить текст, имя слоя меняется на текст, который был введен. В то же время это может сбивать с толку, особенно если вводить большое количество текста. Я рекомендую изменить имя слоя на что-то более понятное. Например, «Текст заголовка» или «Текст цитаты«:

Выбор шрифта

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

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

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

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

Инструмент Photoshop «Текст» позволяет добавлять различные типы текста в документ. Первый тип — это «Фигурный текст», а второй – «Текстовая область». Разница между ними заключается в том, что «Фигурный текст» используется для добавления небольшого количества текста в документ (несколько слов, название и т.д.). В то время как «Текстовая область» используется для добавления большего количества текста (например, цитата или абзац) внутри выделенной области. «Фигурный текст» является основным.

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

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

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

В результате будет создана «Текстовая область»:

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

Специальные эффекты текста

Инструмент «Текст» и эффект просматривающегося сквозь текст изображения

Эффект просматривающегося сквозь текст изображения и тени

Как сделать красивый текст в Фотошопе и добавить к нему тень:

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

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

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

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

Создание просматривающегося сквозь текст изображения

Перед тем, как сделать красивый текст в Фотошопе и создать эффект прозрачного текста (сквозь который виден фон), откройте панель «Стили слоя» и выберите «Параметры наложения». Нам нужен раздел «Дополнительные параметры»:

Уменьшите непрозрачность заливки, переместив ползунок влево. Вот как будет выглядеть непрозрачность 50%:

Текстовый слой с уменьшенной непрозрачностью

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

Уменьшение непрозрачности до 0%

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

Использование палитры цветов для выбора цвета текста с изображения

Создание изображения внутри текста

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

  1. После того, как вы ввели нужный текст, разместите изображение. Будет создан новый слой, и изображение будет размещено поверх текстового слоя. Вы увидите, что текстовый слой будет скрыт под изображением;
  2. Для создания эффекта просматривающегося через текст изображения нужно добавить к слою изображения «Обтравочную маску». Благодаря этому изображение будет обрезано по тексту;
  3. Чтобы добавить «Обтравочную маску» перейдите в Слои> Создать обтравочную маску;
  4. Можно перемещать изображение, используя трансформацию, чтобы изменить положение некоторых элементов изображения и подогнать их к тексту. Например, я переместила изображение, чтобы показать больше красных и розовых цветов под текстом.

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

Автоматически будет активирован режим трансформации. Настройте размер изображения по своему вкусу:

Добавьте к слою изображения «Обтравочную маску» (Слой -> Создать обтравочную маску). Изображение автоматически подрежется под текст. Маленькая стрелка вниз означает, что между двумя слоями применяется обтравочная маска:

Текст с эффектом изображения, просматривающегося сквозь него, и розовой тенью

Обязательно поэкспериментируйте с различными изображениями, чтобы посмотреть, какие из них вам подойдут. Как еще вы используете инструмент «Текст» для изображений? Напишите об этом в комментариях.

Перевод статьи «How to Use the Text Tool in Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Как сделать текст в Фотошопе, инструмент «Текст» (Type Tool)

Инструмент «Горизонтальный текст» (Horizontal Type Tool / T) на примере Photoshop CC (2014) (Rus)

Кто не знает текстовый инструмент (Type Tool)? Это, возможно, один из самых сильных и полезных инструментов в программе Фотошоп. Мы все использовали его, по крайней мере, один раз, но знаете ли Вы весь его потенциал?

Основы

Type Tool – это инструмент Фотошопа, представляющий собой набор векторных объектов и математических фигур для определения символов шрифта.

Type Tool расположен на «Панели инструментов» в Photoshop в виде буквы Т.

Расположение «Type Tool» (Инструмент «Текст») на примере Photoshop CS4

Горячая клавиша «T» — текст , если вы несколько раз будете нажимать по клавише «Т», удерживая Shift, вы увидите четыре варианта этого инструмента:

— «Горизонтальный текст» (Horizontal Type) — обычный текст по умолчанию. Пишет тем цветом, который выбран в качестве «Foreground Color» (Цвет переднего плана), по горизонтали.

— «Вертикальный текст» (Vertical Type) — текст в вертикальном направлении, полезный, чтобы написать на восточных языках, таких как японский или китайский или если Вы хотите экспериментировать с типографским проектом.

— «Горизонтальный текст-маска» (Horizontal Type Mask) — создание быстрой маски, написание горизонтальным выделением (ниже мы рассмотрим более подробно).

— «Вертикальный текст-маска» (Vertical Type Mask) — написание вертикальным выделением.

Варианты инструмента «Type Tool» (Инструмент «Текст») на примере Photoshop CS4
Создание текстового слоя

Есть два способа создать текстовый слой:

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

На месте щелчка появится мигающая вертикальная палочка, иными словами – курсор.

После того, как введёте текст, нажмите на галочку на панели параметров (05) (применить текущую правку) или кликнув один раз на слое с текстом, или нажмите сочетание клавиш Ctrl+Enter, можно также нажать Enter на цифровой клавиатуре.

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

Paragraph Type: создание текстового слоя в рамке выделения, довольно полезно и для печати и для веб-дизайна.

Используя инструмент Type, выделите для текста место, начиная с верхнего левого угла тяните курсор по диагонали до правого нижнего, вводите текст и нажимаете Ctrl+Enter, чтобы применить.

Текст можно не только вводить (с клавиатуры), но и вставлять из других редакторов.

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

Если Вы, завершив ввод текста, посмотрите на палитру Слои (Layers), то обнаружите, что ваша надпись находится на новом слое, обозначенном буквой Т.

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

Вы можете изменять размеры и перемещать каждый текстовый слой как любой другой при помощи инструмента «Перемещение» (Move Tool) (V). При помощи команды «Свободное трансформирование» (Free Transform) вы можете изменять размеры текста, поворачивать, деформировать и искажать.

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

Изменить размер (Resize)

Выберите инструмент «Текст» и щёлкните по текстовому слою.

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

Поворот (Rotate)

Поместите курсор вне рамки редактирования до изменения курсора в изогнутую стрелку.

Угол (Skew)

Удерживая Ctrl, тяните узелок.

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

Итак, если вы откроете Окно — Символ (Window — Character) перед вами откроется палитра Символ (Character), весьма полезная при работе с текстом.

На этой палитре вы можете делать следующее:

Font Family, Font Style – выбирать гарнитуру и начертание шрифта;

Font Size – настраивать размер шрифта;

Text Color – изменять цвет;

Kerning – настройка расстояний между символами внутри заданных пар;

Тracking – задавать межзнаковое расстояние;

Vertical and Horizontal Scaling – масштабировать вертикально и горизонтально.

Вы можете изменять размер текстового слоя в окне Vertical Scalе и Horizontal Scalе.

Baseline Shift – поднимать знаки над строкой, это полезно, если вы хотите переместить часть текста выше или ниже основания остальной части текстового слоя.

Faux Bold и Faux Italic Faux Bold (полужирный): Эта функция полезна в том случае, если для выбранного вами шрифта отсутствует полужирный вариант. Щёлкните на кнопке Faux Bold, и текст будет написан полужирным шрифтом.

Faux Italic (курсив). Если для выбранного вами шрифта отсутствует вариант курсива, просто щёлкните кнопку Faux Italic, и вы получите текст, написанный курсивом.

Варианты шрифта и текстовое оформление (Font Variants and Text Decoration)

All Caps (Верхний регистр). При нажатой кнопке All Caps все символы будут отбражаться в верхнем регистре, как если бы вы нажали клавишу Caps Lock.

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

Subscript (Нижний индекс). При использовании данной функции уменьшается размер букв, а верхняя граница строки сдвигается вниз, при этом нижняя граница остаётся прежней. Если в шрифте не поддерживается начертание в нижнем индексе, Photoshop генерирует его.

Superscript (Верхний индекс).

Underline (Подчёркивание). При помощи этой функции под строчкой задаётся горизонтальная лин6ия.

При выборе вертикального расположения текста возможно правое и левое вертикальное подчёркивание.

Strikethrough (Перечёркивание). При помощи этой функции создаётся горизонтальная линия посередине строки при горизонтальном расположении текста или вертикальная линия при вертикальном расположении.

Anti-aliasing. Способ сглаживания текста. Назначение этого параметра – устранить неровности мелких шрифтов.

Есть варианты сглаживания: нет, резкое, чёткое, насыщенное, плавное.

Leading. Эта функция позволяет настраивать расстояние между строками:

Обзор палитры Paragraph (Абзац) Window — Paragraph (Окно — Абзац).

Рассмотрим способы выравнивания текста в Photoshop.

Align (Выравнивание текста).

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

Justification (Интервалы) и Hyphenation (Перенос) – в эти диалоговые окна можно войти, нажав стрелочку в верхнем правом углу палитры Paragraph (Абзац).

Justification (Интервалы). Здесь вы можете изменять значения Межсловные и Межбуквенные расстояния (Word and Letter Spacing), Масштаб гифа (Glyph Scaling).

Hyphenation (Перенос). Здесь можно устанавливать различные параметры расстановки переносов.

Если вы установите флажок Hyphenation (Перенос), то переносы будут расставляться автоматически.

Отступ и пробел между абзацами (Indent and Space Between Paragraphs).

Indent Left Margin (Отступ левого края).

Indent Right Margin + Indent First Line (Отступ правого края + отступ первой строки абзаца).

Add Space After Paragraph (Задать пробел после абзаца).

Деформация (Warp) текста

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

Чтобы деформировать текстовый слой, кликаем ПКМ по текстовому слою и выбираем «Деформировать текст» или нажимаем кнопку «Создать искривлённый текст» (Create Warped Text) на панели параметров.

Перед вами появится окно параметров Warp Text.

В списке Style (Стиль) можете выбрать вариант искривления.

Переключатель Горизонталь/Вертикаль (Vertical or Horizontal) применяет выбранный стиль в горизонтальной или вертикальной плоскости.

Регулятор Bend (Степень) определяет степень искривления.

Регуляторы «Горизонтальное и Вертикальное Искривление» (Horizontal and Vertical Distortion) дополнительно деформируют текст в горизонтальной и вертикальной плоскостях.

Ниже приведён пример того, как деформировать текст при использовании деформации Arc Warp при различных значениях Bend (Степень) и Distortion.

Вы можете деформировать Paragraph Text Layer при помощи Vertical Distortion и инструмента «Gradient» при Layer Mask (Маска-слоя).

Вы можете попробовать различные варианты деформации текста, но вы не сможете применить деформацию, если ранее применяли Faux Bold и Faux Italic.

Текст по Контуру (Type on a Path)

Одной из самых важных возможностей Photoshop стало размещение текста по контуру.

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

Подведите к нему курсор текстового инструмента. Укзатель мыши изменит вид. Теперь можно ввести текст.

Процесс создания текста по фигуре прост. Создаёте фигуру, выбираете текстовый инструмент и печатаете.

При помощи палитры Символ (Character) вы можете изменить цвет и размер шрифта.

Редактирование текста по контуру (Edit Type on a Path)

Вы можете изменять положение текста по контуру. Для этого выберите инструмент «Выделение контура» (Path Selection Tool) и щелкните и тащите курсор вниз (как показано на рисунке), используйте этот же метод, чтобы поместить текст в фигуру.

Преобразовать в фигуру (Convert Type into Shape)

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

Создайте текстовый слой и в меню Слой — Текст (Layer — Type / В Photoshop CC: Type — Convert to Shape (Текст — Преобразовать в кривые)) выберите «Преобразовать в кривые» (Convert Work Path), выберите инструмент «Выделение контура» (Path Selection Tool), кликните по букве, появится контур и потяните за опорные точки, чтобы изменить форму буквы.

Инструмент Текст-маска (Type Mask Tool)

Осталось обсудить ещё два инструмента: «Горизонтальный текст-маска» (Horizontal Type Mask) и «Вертикальный текст-маска» (Vertical Type Mask).

Данные инструменты не создают отдельного слоя для вводимого текста, вместо этого они создают область выделения в активном слое. Это выделение можно использовать для заполнения цветом, градиентом, в результате мы получаем растрированный текст, поскольку его невозможно форматировать после применения выделения. Автор приводит пример использования «Горизонтальный текст-маска» (Horizontal Type Mask), чтобы создать маску слоя на картине.

Заключение

Текстовый инструмент – одна из самых сильных возможностей программы Photoshop.

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

И для вас нет никаких границ для креатива с этим замечательным инструментом.

Желаю удачи!

Перевод: Оксана Гудкова;

Источник;

Жирный шрифт в Фотошопе

Шрифты в Фотошопе – отдельная обширная тема для изучения. Программа позволяет создавать как отдельные надписи, так и целые блоки текста. Хотя Фотошоп и является графическим редактором, но шрифтам в нем уделено большое внимание.

Урок, который Вы сейчас читаете, посвящен тому, как сделать шрифт жирным.

Скачать последнюю версию Photoshop

Содержание

  • Жирный шрифт в Фотошопе
  • Вопросы и ответы

Как известно, Фотошоп использует в своей работе системные шрифты, и все их свойства работают и в нем. Некоторые шрифты, к примеру, Arial, имеют в своем наборе знаки разной толщины. У данного шрифта это «Bold», «Bold Italic» и «Black».

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

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

Практика

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

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

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

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

  4. Для вызова палитры настроек шрифта идем в меню «Окно» и выбираем пункт под названием «Символ».

  5. В открывшейся палитре выбираем нужный шрифт (Arial), выбираем его «вес», и активируем кнопку «Псевдополужирное».

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

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

Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Создаем и редактируем текст в Фотошопе

Фотошоп, несмотря на то, что является растровым редактором, предоставляет довольно широкие возможности для создания и редактирования текстов. Не Word, конечно, но для разработки дизайна сайтов, визиток, рекламных плакатов вполне хватает.

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

Скачать последнюю версию Photoshop

Урок: Создаем горящую надпись в Фотошопе

В этом уроке научимся создавать и редактировать текстовый контент в Фотошопе.

Редактирование текста

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

Поговорим об этих инструментах подробнее.

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

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

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

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

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

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

Текстовые блоки

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

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

Настройки текста

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

либо применить правку и настроить свойства текстового слоя целиком.

Правка применяется следующими способами: нажатием кнопки с галкой на верхней панели параметров,

Кликом по редактируемому текстовому слою в палитре слоев,

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

Настройки текста находятся в двух местах: на верхней панели параметров (при активированном инструменте «Текст») и в палитрах «Абзац» и «Символ».

Панель параметров:

«Абзац» и «Символ»:

Вызываются данные палитры через меню «Окно».

Перейдем непосредственно к основным настройкам текста.

  1. Шрифт. Шрифт выбирается в выпадающем списке, находящемся на панели параметров, либо в палитре настройки символов. Рядом находится список, содержащий наборы глифов разного «веса» (жирный, курсив, жирный курсив и др.)

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

  3. Цвет. Цвет настраивается кликом по цветовому полю и выбором оттенка в палитре. По умолчанию тексту присваивается цвет, который является на данный момент основным.

  4. Сглаживание. Сглаживание определяет, каким образом будут отображаться крайние (граничные) пиксели шрифта. Подбирается индивидуально, параметр «Не показывать» убирает все сглаживание.

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

Дополнительные настройки шрифта в палитре Символ

В палитре «Символ» имеются настройки, недоступные на панели параметров.

  1. Стили глифов. Здесь можно сделать шрифт полужирным, наклонным, сделать все символы строчными или прописными, создать из текста индекс (к примеру, написать «два в квадрате»), подчеркнуть или зачеркнуть текст.

  2. Масштаб по вертикали и горизонтали. Данные настройки определяют высоту и ширину символов соответственно.

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

  4. Трекинг (расстояние между символами). Похожая настройка, определяющая отступы между символами текста.

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

  6. Язык. Здесь можно выбрать язык редактируемого текста для автоматизации простановки переносов и проверки орфографии.

Практика

1. Строка. Для написания текста в одну строку, необходимо взять инструмент «Текст» (горизонтальный или вертикальный), кликнуть по холсту и напечатать то, что необходимо. Клавиша ENTER осуществляет переход на новую строку.

2. Текстовый блок. Для создания текстового блока также нужно активировать инструмент «Текст», кликнуть по холсту и, не отпуская кнопку мыши, растянуть блок.

Масштабирование блока осуществляется при помощи маркеров, находящихся в нижней части рамки.

Искажение блока производится с зажатой клавишей CTRL. Здесь сложно что-то посоветовать, попробуйте повзаимодействовать с разными маркерами.

Для обоих вариантов поддерживается внесение текста копипастом (скопировать-вставить).

На этом урок по редактированию текста в Фотошопе окончен. Если Вам необходимо, в силу обстоятельств, часто работать с текстами, то досконально изучите этот урок, и практикуйтесь. Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?
ДА НЕТ

Работа с текстом

Работа с текстом

Ввод текста

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

Для создания надписей служат четыре инструмента, которые связаны с одной кнопкой и клавишей T:

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

Чтобы зафиксировать текст, надо нажать клавишу Enter или щелкнуть по кнопке в правой части панели свойств инструмента. Для отмены надо щелкнуть по кнопке или нажать клавишу Esc.

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

Параметры

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

Списки в панели свойств инструмента позволяют выбрать название (гарнитуру) шрифта, его размер и стиль:

  • Regular — обычный
  • Italic — курсив
  • Bold — жирный
  • Bold Italic — жирный курсив

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

 

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

Чтобы переместить текст, надо включить инструмент Перемещение  или нажать клавишу Ctrl. При этом вокруг текста появляется рамка с маркерами, ее можно перетащить его в нужное место и, сдвигая маркеры, деформировать (менять размеры, вращать и т.п.).

Очень интересная кнопка  , выбрав ее можно деформировать текст. Выбираем стиль деформации, а так же можно поэкспериментировать с движками

 

 

Работая со следующим инструментом, вы получите настоящее удовольствие.

В палитре Слои выбираем инструмент  Добавить стиль слоя

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

У меня получилось вот что:

 

 

 

Ну и напоследок помечтаю… Назову этот самолет своим именем. Установлю  основной цвет — темно-синий, взяв его инструментом Пипетка с хвоста самолета. Выбираю инструмент Текст,  ввожу текст ЕЛЕНА, подбираю шрифт, размер, поворачиваю текст (поймайте в уголках рамки, выделяющей текст стрелки, расположенные полукругом и крутите). И вот результат:

 

 

Как имитировать полужирный и курсив в Photoshop

Что нужно знать

  • Выделите текст, выберите More в меню палитры символов, затем выберите Faux Bold или Faux Italic .
  • Снимите флажок Faux Bold и Faux Italic , когда закончите, и избегайте дальнейшего изменения текста.
  • Photoshop предоставляет варианты полужирного или курсивного начертания, только если шрифт включает и поддерживает эти стили.

В этой статье объясняется, как выделить текст жирным шрифтом и курсивом в Photoshop версии 5.0 и новее.

Палитра «Найди свой персонаж»

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

Выберите свой текст

Выделите нужный текст жирным или курсивом, выделив слова. Выберите 3 горизонтальные линии в верхнем правом углу меню палитры.

Вы должны увидеть варианты для Faux Bold и Faux Italic .Выберите тот, который вам нужен, или оба варианта.

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

Возможные проблемы

Не все пользователи являются поклонниками вариантов Faux Bold или Faux Italic , потому что они могут вызвать некоторые незначительные проблемы.Они могут вызвать сбои в тексте, если вы планируете отправить документ на профессиональную печать. Однако большинство из них легко исправить.

Не забудьте выключить свой выбор после того, как достигнете своей цели. Просто снимите флажок Faux Bold или Faux Italic , чтобы вернуться к нормальному состоянию. Это не произойдет автоматически — это «липкая» настройка. Если вы используете его один раз, все будущие шрифты будут отображаться так, пока вы не отмените его, даже если вы работаете над другим документом в другой день.

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

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

Другими словами, вы все равно можете деформировать текст, но он не будет выделен жирным шрифтом. Хорошей новостью является то, что отменить Faux Bold в этом случае особенно легко — просто выберите OK в поле предупреждения, и ваш текст вернется к нормальному состоянию.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

Как сделать текст толще в InDesign | Small Business

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

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

Щелкните «Окно» и «Персонаж», чтобы убедиться, что отображается панель инструментов «Персонаж». В этом наборе инструментов есть все команды и инструменты, необходимые для изменения текста в InDesign. Если он у вас не открыт, вы не сможете использовать весь спектр доступных вам опций.

Нажмите «Ctrl-B» на клавиатуре, чтобы сделать текст полужирным, что автоматически сделает его немного толще.В InDesign у вас нет кнопки для полужирного текста, и вам нужно использовать сочетание клавиш. Если текст еще не выглядит достаточно жирным, не волнуйтесь — вы только начинаете.

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

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

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

Ссылки

Биография писателя

Эндрю Ааронс, живущий в Канаде, профессионально пишет с 2003 года. Он имеет степень бакалавра английской литературы в Университете Оттавы, где он работал писателем и редактором университетской газеты. Ааронс также является сертифицированным специалистом по компьютерной поддержке.

Как увеличить толщину текста в Photoshop?

Если вы хотите сделать буквы толще с помощью Photoshop, выполните следующие действия:

  1. Откройте новый документ, размер Letter, 300 ppi и прозрачный фон.
  2. Убедитесь, что ваш цвет переднего плана черный.
  3. На палитре слоев нажмите клавишу Ctrl и одновременно щелкните по слою с вашим текстом .

Нажмите, чтобы увидеть полный ответ


Точно так же можно спросить, что такое faux bold в Photoshop?

Если у вас есть шрифт, для которого нет версии жирным шрифтом или курсивом, не переживайте — Photoshop может сделать для вас поддельный жирный шрифт или курсивный вариант.Они называются faux bold и faux курсивом (не произносите их «fox bold », иначе французы будут очень капризными по этому поводу. Оно произносится «fo», как в «Fe, Fi, Fo, Фум »).

Еще можно спросить, а как в Word сделать текст выше? Word упрощает для изменения горизонтального масштаба шрифта с помощью элемента управления «Масштаб» на вкладке «Межсимвольный интервал» диалогового окна « Font ».

Вы можете выполнить следующие общие шаги:

  1. Выберите текст, на который вы хотите повлиять.
  2. Увеличить размер шрифта до 15 пунктов.
  3. Отобразить вкладку «Межсимвольный интервал» диалогового окна «Шрифт».

Аналогично спрашивается, а можно ли в Word сделать шрифт толще?

Вкладка «Дополнительно» диалогового окна « Шрифт ». Используйте раскрывающийся список «Масштаб», чтобы указать масштаб , который вы хотите применить к символам. Вы можете выбрать из предопределенной шкалы или ввести любое значение от 1% до 600%. Щелкните на ОК.

Как сделать силуэтные шрифты толще?

Как увеличить толщину шрифтов в Silhouette Studio с помощью смещения

  1. В Silhouette Studio перейдите в окно смещения.
  2. Выберите свой дизайн и нажмите «Смещение».
  3. Теперь используйте ползунок рядом с «Distance», чтобы сделать шрифт более толстым.
  4. Теперь вы перетащите новый дизайн смещения от исходного текста и удалите его.

Как заполнить текст изображениями в Photoshop

Оригинальная функция

CreativePro по заполнению текста изображениями стала чрезвычайно популярной с момента ее публикации еще в 2009 году. Десять лет спустя пришло время для нового подхода — и есть новый способ сделать это с помощью Photoshop CC 2019.

Шаг 1. Выберите изображение

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

Шаг 2: Добавьте свой текст

Выберите жирный шрифт, в идеале без засечек. Тонкие шрифты почти не подойдут, так как сквозь них вы не сможете увидеть достаточно фона. Здесь я добавил слово SURF, написанное Acumin Condensed Black.

Больше после прыжка! Продолжайте читать ниже
Члены бесплатной и премиальной версии видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 3. Затяните

Чтобы избежать больших промежутков между буквами, их стоит сблизить. С помощью инструмента «Текст» щелкните между каждой парой букв и используйте сочетание клавиш alt + левый курсор, чтобы приблизить буквы друг к другу.

Шаг 4: Переместите фон

Дважды щелкните фоновый слой, чтобы превратить его в обычный слой, затем перетащите его над текстовым слоем. Выберите «Слой»> «Создать обтравочную маску» или воспользуйтесь сочетанием клавиш Command Option G / Ctrl Alt G.Вот как теперь должна выглядеть панель слоев: маленькая стрелка слева от фона показывает, что шрифт используется в качестве обтравочной маски.

Шаг 5: Результат

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

Шаг 6: Добавьте новый фон

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

Шаг 7: Переместите фон

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

Шаг 8: Другой подход

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

Шаг 9: Добавьте свой текст

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

Шаг 10: Добавьте пустую область

Создайте новый слой под текстовым слоем и нарисуйте прямоугольник с помощью инструмента «Прямоугольная область», покрыв весь текст. Нажмите D, чтобы сделать цвета переднего плана и фона черно-белыми по умолчанию, затем используйте Command Backspace / Ctrl Backspace, чтобы заполнить выделение цветом фона.

Шаг 11: Дублируйте фон

Выберите фоновый слой и используйте Command J / Ctrl J, чтобы продублировать его на новый слой. Перетащите его в верхнюю часть стека слоев, над слоем с текстом, затем используйте Command Option G / Ctrl Alt G, чтобы использовать слой с текстом в качестве обтравочной маски.

Шаг 12: Результат

Верхняя часть леса теперь сливается с надписью, а нижняя часть полностью видна под ней.

Шаг 13: подход Photoshop CC

Photoshop CC 2019 предлагает новый и более простой способ создания этой техники.Мы воспользуемся этим изображением Лондона из Википедии, которое вы можете скачать здесь.

Шаг 14: Добавьте свой текст

Добавьте текст, как прежде. Я установил слово «Лондон» так, чтобы восходящая буква «d» совпадала с башней с часами.

Шаг 15: Сделайте каркас

Выделите текстовый слой и выберите «Слой»> «Создать»> «Преобразовать в рамку». Поскольку это текстовый слой, он будет использовать текст в качестве своего имени.

Шаг 16: слой кадра

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

Шаг 17: Поместите фон в рамку

Дважды щелкните фоновый слой, чтобы превратить его в обычный слой, и Photoshop автоматически поместит его в рамку. Ваша панель слоев теперь будет отображать только один слой.

Шаг 18: Результат

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

Шаг 19: перемещение содержимого вокруг

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

Как создать потрясающий и жирный трехмерный текст

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

Окончательный результат

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

Прежде, чем мы начнем

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

Создание текста в Illustrator

1 Мы собираемся начать с создания нашего трехмерного текстового объекта в новом документе Illustrator; создайте новый документ, выбрав «Файл»> «Создать» (Ctrl + N).Используйте инструмент «Текст» (T), чтобы добавить текст на холст: введите текст « DdSR ».

2 Затем выделите текст «Dd» и измените цвет на # CC3333 . Выделите текст «SR» и измените цвет на # 00A0C6 .

Добавление эффекта вытягивания и скоса 3D

3 Теперь, когда у нас есть 3D-текст в порядке, мы собираемся применить 3D-эффект. Мы собираемся создать объект, который будет лежать на плоской поверхности, поэтому мы собираемся придать ему небольшие углы.Для начала выберите Selection Tool (V) и щелкните по нашему тексту, чтобы выделить его.

4 Затем выберите «Эффект»> «3D»> «Вытягивание и скос», чтобы открыть диалоговое окно «Вытягивание и скос 3D». Используйте настройки, показанные на следующем рисунке, чтобы создать нужный вам эффект.

Расширение 3D объекта

5 Выберите «Объект»> «Разобрать оформление», чтобы превратить наш 3D-объект в векторные точки и линии, чтобы мы могли переносить его в наш документ Photoshop по частям.

Подготовка 3D-объекта к переносу в Photoshop

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

7 Затем выберите «Объект»> «Разгруппировать» (Ctrl + Shift + G), чтобы начать разгруппировку трехмерных текстовых векторов. Сделайте это несколько раз (используйте сочетание клавиш, чтобы упростить этот процесс), чтобы убедиться, что ничего не сгруппировано. Настройте цвета частей трехмерного текстового объекта так, чтобы он выглядел, как на следующем рисунке, выберите цвета, которые светлее и темнее, чем лицо трехмерного текста.

8 Откройте Photoshop и создайте новый документ (Ctrl + N). Размер документа на самом деле не имеет значения, потому что вы можете настроить размер трехмерного текстового объекта.Для этого урока я собираюсь создать документ с размером холста 1680 пикселей x 1050 пикселей .

9 Используйте инструмент «Выделение» (V), чтобы выделить все части трехмерного текстового объекта в Illustrator. Перед копированием и вставкой в ​​Photoshop — полностью выделите текстовый 3D-объект и отрегулируйте его размер. Как только вы получите нужный размер, перенесите все в Photoshop. Выделите трехмерный текстовый объект, выберите «Правка»> «Копировать» (Ctrl + C), перейдите в Photoshop и выберите «Правка»> «Вставить» (Ctrl + V).

Изменение оттенка / насыщенности слоя

10 Мы собираемся использовать этот трехмерный текстовый объект в качестве шаблона, чтобы знать, куда все идет. Чтобы было легче увидеть разницу между нашим шаблоном и фрагментами, поступающими из Illustrator, мы собираемся изменить оттенок и яркость слоя. Для этого выберите «Изображение»> «Коррекция»> «Цветовой тон / насыщенность» (Ctrl + U). Выбранный вами цвет не имеет значения; просто убедитесь, что между этим шаблоном и деталями, которые мы собираемся добавить, есть хороший контраст.

Перенос фрагментов 3D-текста в Photoshop

11 Теперь мы можем по очереди добавлять фрагменты из Illustrator. Они должны хорошо вписаться, но кое-что мне пришлось приспособить; вы можете сделать это с помощью инструмента Free Transform Tool (Ctrl + T).

Добавление фонового свечения

12 Теперь мы приступим к добавлению фонового свечения позади буквы «Dd». Сначала создайте новый слой ниже остальных слоев.

13 Выберите инструмент «Градиент» (G) на панели инструментов, а затем установите тип градиента на панели параметров на Радиальный градиент .Измените цвет переднего плана на # CC3333 и сделайте небольшой градиент посередине страницы. Измените размер градиента так, чтобы он заполнял левую часть холста, вы можете сделать это, выбрав «Правка»> «Свободное преобразование» (Ctrl + T). Мы делаем это для того, чтобы можно было настроить градиент, не обрезая его, что могло бы произойти, если бы вы сделали его большим в первый раз. См. Для справки следующий рисунок.

Включение стандартных текстур в дизайн

14 Давайте возьмем эту текстуру с Flickr (teXture 005 — Faux Paint).Измените размер текстуры так, чтобы она покрывала всю область в левой половине нашего холста. Измените режим наложения на Overlay .

15 Чтобы дать немного больше красного света, мы собираемся продублировать слой с красным градиентом. Для этого измените режим наложения на Normal и уменьшите непрозрачность до 30% . Переместите наш новый градиент так, чтобы он находился за «Dd», используя инструмент «Перемещение» (V).

16 Затем мы собираемся создать еще один радиальный градиент, как на предыдущем шаге, но на этот раз мы будем использовать белый (#FFFFFF ) в качестве цвета переднего плана.Градиент будет располагаться в левой части холста, как и первый красный.

Повторение предыдущих шагов для текста «SR»

17 Теперь мы собираемся повторить шаги 12–16 для текста «SR». Мы также собираемся использовать другую текстуру, вторую текстуру, которую вы скачали ранее с сайта Texture Lovers (Brown Stained Concrete # 7) — и вместо красной мы будем использовать синюю ( # 0099CC ) для свечения. Поиграйте с непрозрачностью слоев градиента, пока не получите то, что вам нравится.

Добавление эффекта скоса и тиснения

18 Теперь мы собираемся добавить эффект Bevel and Emboss к нашему 3D текстовому объекту. Это будет немного сложно, потому что у нас есть два источника света, и если мы попытаемся изменить источник света для второго освещения, он автоматически изменит оба. Чтобы исправить это, мы сначала добавим скос к грани «SR». Для начала выделите слой с лицом «SR». Затем щелкните значок Добавить стиль слоя в нижней части панели слоев и выберите Bevel and Emboss .Используйте следующие настройки, как показано на следующем рисунке.

Объединение пары слоев

19 Теперь мы собираемся сгладить изображение, к которому мы только что добавили стиль слоя Bevel and Emboss. Для этого мы собираемся создать новый слой и затем связать новый слой с нашим слоем лица «SR». Чтобы связать слои, выберите оба слоя на панели слоев, удерживая Ctrl и щелкнув по ним, затем щелкните значок Link Layers внизу панели слоев (или щелкните правой кнопкой мыши выбранные слои и выберите Link Слои в контекстном меню).

20 Затем объедините связанные слои в один, выбрав «Слои»> «Объединить слои» (Ctrl + E). Теперь у нас есть один сплющенный слой с гранью «SR» со скосом.

21 Давайте продолжим и добавим скос к нашей грани «Dd», используя те же методы, что и выше, но на этот раз используйте настройки стиля слоя Bevel and Emboss, показанные на рисунке ниже.

Добавляем тени

22 Теперь мы собираемся добавить тени по бокам нашего логотипа. Для этого мы хотим щелкнуть по слою каждой части края, который будет затененной областью, и отрегулировать Кривые для каждого из них, выбрав Изображение> Коррекция> Кривые (Ctrl + M), чтобы открыть диалоговое окно Кривые.

23 Мы также хотим добавить тень на половину верхней части нашей буквы «d», потому что свет будет падать на ее часть. Щелкните крайний слой в верхней части буквы «d», чтобы сделать его активным, затем нажмите Ctrl + щелчок по миниатюре слоя, чтобы создать выделение вокруг краевого слоя.

24 Выберите инструмент «Градиент» (G) на панели «Инструменты» и установите для стиля градиента значение «Черный » с непрозрачностью 0%, и «Линейный градиент » на панели параметров. Щелкните и перетащите градиент, чтобы получить что-то вроде того, что показано на следующем рисунке.Повторите это с текстом «SR».

25 Чтобы получить тень позади логотипов, создайте выделение вокруг текста «SR», удерживая нажатой клавишу Ctrl и щелкая по эскизам всех слоев текстов SR; продолжайте щелкать и добавлять к выделенной области, пока не будет выделен «SR». Создайте новый слой и залейте его черным цветом ( # 000000 ).

26 Теперь мы хотим придать черному логотипу размытие, чтобы придать ему более теневой вид, поэтому перейдите в Фильтр> Размытие> Размытие по Гауссу и задайте ему размытие 25 пикселей .Переключитесь на инструмент «Перемещение» (V), удерживая нажатой клавишу Shift, переместите его влево с помощью клавиш со стрелками примерно на 2 пробела.

Настройка теней

27 Теперь нам нужно немного подправить тень. У некоторых частей есть тень, которая в ней не нужна, например правая сторона логотипа «SR». Для начала добавьте маску слоя к слою тени, щелкнув значок Добавить маску слоя в нижней части панели слоев.

28 Щелкните маску слоя.Выберите инструмент «Кисть» (B) на панели инструментов. Используйте черную кисть (# 000000 ) с диаметром кисти 100 пикселей и твердостью 0% , чтобы закрасить ненужные области. Посмотрите на рисунок ниже, чтобы увидеть, как должна выглядеть тень.

29 Есть также некоторые области, которым мы хотим добавить тени. Для этого мы хотим снова щелкнуть по слою с тенью и, используя нашу черную кисть с твердостью 100 пикселей, , 0%, и непрозрачностью 20%, , нарисуйте области, которые мы хотим затемнить.

30 Повторите шаги 25–29 для текста «Dd».

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

31 Теперь мы собираемся добавить текстуру нашим логотипам. Во-первых, давайте продублируем текстуру, которую мы использовали для фона с левой стороны, и переместим слой на самый верх.

32 Ctrl + щелчок по всем слоям «Dd» (лицо и края), а затем щелкните значок Добавить маску слоя в нижней части панели слоев, чтобы добавить маску слоя поверх них.Это избавит от всего, кроме области на «Дд».

33 Теперь повторите предыдущие шаги для текста «SR». Единственное, что я изменил режим наложения с Overlay на Soft Light , потому что текстура была слишком резкой / жирной на мой вкус.

Добавление освещения и теней к текстовым граням

34 Теперь мы собираемся добавить немного света и теней на лица логотипа. Во-первых, мы собираемся добавить тень к «Dd».Ctrl + щелчок по слою с лицом «Dd». Используя инструмент «Градиент» (G) с типом градиента Linear Gradient , щелкните и перетащите холст, чтобы создать градиент по направлению к свету, пока не получите то, что вам нравится. Повторите то же самое с текстом «SR».

35 Мы собираемся создать больше градиентов, аналогично тому, что мы делали на предыдущем шаге. Однако на этот раз градиенты будут красными на синем тексте и синими на красном тексте, чтобы получить отражение света, исходящего с противоположных сторон.Для начала, Ctrl + клик по слою «SR».

36 Используйте линейный градиент с # CC3333 в качестве цвета переднего плана. Щелкните и перетащите холст, чтобы создать градиент таким образом, чтобы он создавал на нем тонкий намек на красный цвет.

37 Измените режим наложения на Hard Light .

38 Повторите это с текстом «Dd» и цветом # 0099CC .

Подчеркиваем текст

39 Так как мы хотим создать впечатление яркого света, исходящего от краев документа, мы собираемся добавить подсветку к каждому из логотипов.Для начала, Ctrl + клик по слою с лицом «SR», чтобы создать выделение вокруг него. Используя белый с непрозрачностью 0% Linear Gradient , щелкните и перетащите градиент, пока не получите то, что вам нравится. Измените режим наложения на Overlay . Повторите это с логотипом «Dd».

Некоторые заключительные детали

40 Мы собираемся добавить несколько стилей ко всему холсту, чтобы завершить его, поэтому сначала мы хотим выровнять изображение. Для этого выберите «Слои»> «Свести изображение».

41 Мы собираемся размыть нижний левый и верхний правый углы, чтобы придать изображению немного объема. Для этого мы собираемся щелкнуть по быстрой маске. Для начала щелкните значок «Редактировать в режиме быстрой маски» в нижней части панели инструментов, который находится чуть ниже цветов переднего плана / фона.

42 Щелкните и перетащите черный отраженный градиент в середину холста, используя инструмент «Градиент» (G). Щелкните значок «Стандартный режим» в нижней части панели инструментов, чтобы выключить режим быстрой маски; это даст вам выделенную область из только что созданного градиента.Это должно было выбрать нижний левый и верхний правый углы, в зависимости от ваших настроек. Если он выбрал среднюю область, просто создайте инверсное выделение, Select> Inverse (Ctrl + Shift + I).

43 Перейдите в Filter> Blur> Gaussian Blur и установите размытие на 2px .

44 Наконец, вы можете поиграть с некоторыми фотофильтрами или другими корректирующими слоями, чтобы получить желаемый вид. Вы можете сделать это, щелкнув значок Create new fill or Adjustment Layer в нижней части панели Layers и выбрав Photo Filters (или любой другой корректирующий слой).

И готово!

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

Связанное содержимое

Установите полужирный шрифт и установите курсив для функции Photoshop JS Scripting. Это можно использовать для управления свойствами текста в диапазонах, что в противном случае не поддерживается обычными сценариями PS JS. · GitHub

набор функций жирным шрифтом (ввод-вывод, начало, конец, размер шрифта) {
// Проверка работоспособности: является ли активный слой текстовым?
var activeLayer = app.activeDocument.activeLayer;
, если (activeLayer.kind == LayerKind.TEXT) {
// Дополнительная проверка: есть ли у текстового слоя контент и установлены ли для начала и конца разумные значения?
if ((activeLayer.textItem.contents! = «») && (start> = 0) && (end <= activeLayer.textItem.contents.length)) {
// Отступ, который дает вам Script Listerner, странный, но полезный.
var idsetd = app.charIDToTypeID («setd»);
var action = new ActionDescriptor ();
var idnull = app.charIDToTypeID («ноль»);
// Ссылка на действие указывает активный текстовый слой.
ссылка на переменную = новый ActionReference ();
var idTxLr = app.charIDToTypeID («TxLr»);
var idOrdn = app.charIDToTypeID («Ordn»);
var idTrgt = app.charIDToTypeID («Trgt»);
reference.putEnumerated (idTxLr, idOrdn, idTrgt);
action.putReference (idnull, ссылка);
var idT = app.charIDToTypeID («Т»);
var textAction = новый ActionDescriptor ();
var idTxtt = app.charIDToTypeID («Txtt»);
// actionList содержит последовательность действий форматирования.
var actionList = новый список действий ();
// textRange устанавливает диапазон форматируемых символов.
var textRange = новый ActionDescriptor ();
var idFrom = app.charIDToTypeID («От»);
textRange.putInteger (idFrom, начало);
textRange.putInteger (idT, конец);
var idTxtS = app.charIDToTypeID («TxtS»);
// Дескриптор ActionDescriptor «форматирования» содержит форматирование.Должно быть понятно, что вы можете
// добавьте сюда другие атрибуты — просто получите соответствующие строки (обычно 2) из ​​Script Listener
// выводим и прививаем их в этот раздел.
var formatting = новый ActionDescriptor ();
var idsyntheticBold = stringIDToTypeID («синтетическийBold»);
форматирование.putBoolean (idsyntheticBold, IO);
var idSz = app.charIDToTypeID («Sz»);
var idPnt = app.charIDToTypeID («# Pnt»);
formatting.putUnitDouble (idSz, idPnt, fontSize);
textRange.putObject (idTxtS, idTxtS, форматирование);
actionList.putObject (idTxtt, textRange);
textAction.putList (idTxtt, actionList);
действие.putObject (idT, idTxLr, textAction);
app.executeAction (idsetd, действие, DialogModes.NO);
}
}
}
набор функций (ввод-вывод, начало, конец, размер шрифта) {
// Проверка работоспособности: является ли активный слой текстовым?
var activeLayer = app.activeDocument.activeLayer;
, если (activeLayer.kind == LayerKind.TEXT) {
// Дополнительная проверка: есть ли у текстового слоя контент и установлены ли для начала и конца разумные значения?
if ((activeLayer.textItem.contents! = «») && (start> = 0) && (end <= activeLayer.textItem.contents.length)) {
// Отступ, который дает вам Script Listerner, странный, но полезный.
var idsetd = app.charIDToTypeID («setd»);
var action = new ActionDescriptor ();
var idnull = app.charIDToTypeID («ноль»);
// Ссылка на действие указывает активный текстовый слой.
ссылка на переменную = новый ActionReference ();
var idTxLr = app.charIDToTypeID («TxLr»);
var idOrdn = app.charIDToTypeID («Ordn»);
var idTrgt = app.charIDToTypeID («Trgt»);
reference.putEnumerated (idTxLr, idOrdn, idTrgt);
action.putReference (idnull, ссылка);
var idT = app.charIDToTypeID («Т»);
var textAction = новый ActionDescriptor ();
var idTxtt = app.charIDToTypeID («Txtt»);
// actionList содержит последовательность действий форматирования.
var actionList = новый список действий ();
// textRange устанавливает диапазон форматируемых символов.
var textRange = новый ActionDescriptor ();
var idFrom = app.charIDToTypeID («От»);
textRange.putInteger (idFrom, начало);
textRange.putInteger (idT, конец);
var idTxtS = app.charIDToTypeID («TxtS»);
// Дескриптор ActionDescriptor «форматирования» содержит форматирование.Должно быть понятно, что вы можете
// добавьте сюда другие атрибуты — просто получите соответствующие строки (обычно 2) из ​​Script Listener
// выводим и прививаем их в этот раздел.
var formatting = новый ActionDescriptor ();
var idsyntheticItalic = stringIDToTypeID («синтетическийItalic»);
форматирование.putBoolean (idsyntheticItalic, IO);
var idSz = app.charIDToTypeID («Sz»);
var idPnt = app.charIDToTypeID («# Pnt»);
formatting.putUnitDouble (idSz, idPnt, fontSize);
textRange.putObject (idTxtS, idTxtS, форматирование);
actionList.putObject (idTxtt, textRange);
textAction.putList (idTxtt, actionList);
действие.putObject (idT, idTxLr, textAction);
app.executeAction (idsetd, действие, DialogModes.NO);
}
}
}

Как выделить текст в Photoshop

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его.Его быстро и легко освоить, даже если вы новичок в Photoshop. И это лишь один из многих эффектов, которые вы можете изучить в Photoshop.

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

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

Как обвести текст в Photoshop

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

    1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте свой текст.
    2. Щелкните правой кнопкой мыши на Type Layer и выберите в меню Blending Options . Или перейдите в Слой > Стиль слоя> Обводка .
    3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева.
  1. Параметры в стиле «Обводка» дают вам полный контроль над внешним видом контура. Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
  2. Выберите Позиция для хода.Правое положение изменяет внешний вид, когда текст комбинируется с другими элементами слоя. Есть три варианта.
    • Внутри. Обводка будет помещена внутри краев выделения.
    • Центр. Обводка появится на 10 пикселей внутри и за пределами выделения.
    • Снаружи. Обводка будет проходить по внешнему краю выделения.
  3. Используйте режим наложения , чтобы управлять тем, как цветная обводка будет взаимодействовать с цветами или слоями под обводкой. Например, если вы поместите текст поверх цветного изображения.
  4. Используйте ползунок Непрозрачность , чтобы установить степень прозрачности обводки.
  5. Обводки могут быть заполнены однотонными линиями, красочными градиентами, а также узорчатыми границами. Нажмите на цветную плитку, чтобы открыть палитру цветов. Выбери свой цвет. Щелкните ОК.

Вот конечный результат:

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

Как обвести контур шрифта в Photoshop

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

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

Давайте посмотрим, как выделить любой шрифт в Adobe Photoshop, как на скриншоте ниже:

1. Начните с чистого листа. В этом примере у нас черный фон.

2. Введите текст. Затем щелкните правой кнопкой мыши текстовый слой и выберите Blending Options .

3. Перейдите к Layer Style> Stroke> . Выберите позицию Outside . Установите ползунок Size на любое желаемое значение (в идеале — 2-3 пикселя) и Opacity на 100. Щелкните OK .

4.На вкладке Layers уменьшите непрозрачность Opacity до 0 процентов. Вот и все.

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

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

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

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

1. Введите текст поверх фотографии и увеличьте его.

2. Создайте копию текстового слоя и назовите ее «Прозрачный».

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

4. В нашем примере поверните текстовый слой, который вы назвали «Прозрачный», и придайте ему эффект обрисованного текста, выполнив шаги, описанные в последнем разделе.

5. Затем растрируйте заполненный слой, щелкнув по нему правой кнопкой мыши. Он превращает текстовый слой в обычное растровое изображение, состоящее из пикселей.

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

7. Объедините все видимые слои или сгладьте изображение из опций в меню Layer .

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

Как выглядит ваш первый текст с набросками?

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

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

7 технологий, которые могут помочь спасти планету

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

Читать дальше

Об авторе Сайкат Басу (Опубликовано 1544 статей)

Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.Избавившись от грязи MBA и проработав десять лет в маркетинге, он теперь увлечен тем, что помогает другим улучшить свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.

Более От Сайката Басу
Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *