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

Разное 

Содержание

Используем текст в качестве контейнера для другого текста в Adobe Photoshop

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

Вот так будет выглядеть результат:

Эффект “текст внутри текста”.

Приступим!

Для начала нам нужен новый документ. В меню Файл (File), находящемся в самом верху экрана, выбираем команду Создать (New…), или с помощью комбинации Ctrl+N (Win) / Command+N (Mac) вызываем диалоговое окно Photoshop Новый документ (New Document). Выбираем нужный размер документа. Я поставил размер 6 на 4 дюйма, но вы можете использовать любой размер, который вам нужен. Так как я хочу впоследствии распечатать его, я ставлю свойство Разрешение (Resolution) равное 300 (пикселей/дюймов).

Убедитесь, что опция Содержимое фона (Background Contents) имеет значение Белый (White), затем нажмите OK:

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

Далее, для того чтобы добавить текст, нужно выбрать «Инструмент Текст» (Type Tool). Возьмите его на панели инструментов или нажмите букву Т на клавиатуре:

Выбираем инструмент «Текст».

Инструмент «Текст» (Type Tool) выбран. Перейдите к панели параметров в верхней части экрана и выберите шрифт. Так как мы собираемся использовать буквы как контейнер, который будет больше самого текста, попробуйте выбрать шрифт с толстыми буквами. Я буду использовать Arial Black. Не беспокойтесь сейчас о размере. Мы изменим размер текста по мере необходимости:

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

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

Если вам нужно изменить размер букв — нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть диалоговое окно «Свободное трансформирование» (Free Transform box).

Вокруг буквы появятся маркеры, которые можно перетаскивать (выглядят как маленькие квадраты) для того, чтобы изменить ее размер. Во время перемещения маркеров нажмите и удерживайте нажатой клавишу Shift, дабы избежать случайного искажения формы буквы. Если нужно изменить размер буквы от ее центра — удерживайте нажатой клавишу Alt (Win) / Option (Mac):

Изменение размера буквы в Photoshop с помощью команды «Свободное трансформирование».

Нажмите Enter (Win) / Return (Mac), когда закончите трансформацию, чтобы завершить действие.

С помощью инструмента Текст (Type Tool), правой кнопкой мыши (клавиатурная клавиша Context (Win) / Option-click (Mac)) щелкните в любом месте документа, чтобы вызвать подменю опций для текста. Мы сконвертируем букву в контур, который будем использовать для создания контейнера остального текста. Из подменю выбирайте команду «Создать рабочий контур» (Create Work Path):

Создаем рабочий контур из буквы.

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

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

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

Когда глаз показан, слой виден в документе, когда глаз скрыт – скрыт слой. Сейчас глаз виден, поэтому мы видим букву в документе. Щелкните по иконке глаза левой кнопкой мыши. Текст в документе будет скрыт:

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

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

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

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

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

Выбран инструмент Текст (Type Tool). Наведите курсор мыши на любое место внутри контура. Вы увидите, что форма курсора поменялась на пунктирный эллипс. Это значит, что если вы щелкните мышью и начнете печатать – символы появятся внутри контура. Это именно то, чего мы и добивались. Щелкните в любом месте внутри контура, но пока не спешите набирать текст.

Возможно, вы захотите уменьшить размер вашего шрифта, прежде чем начать печатать, поэтому, воспользуйтесь панелью параметров (Options Bar) и установите нужный вам размер шрифта. Я установил его равным 36 пунктов. Вы также можете изменить шрифт. Я установил Arial, а не Arial Black, который использовал для контейнера:

Изменение шрифта и размера шрифта в панели параметров.

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

Мы можем получить доступ к параметрам выравнивания из панели «Параграф». Если панель «Параграф» (Paragraph palette) не открыта, выбрав инструмент Текст (Type Tool), зайдите в «Панель настроек» (Options Bar) и нажмите на «Кнопку переключение панели символов и параграфов» (Character and Paragraph palette toggle button):

Нажмите на Кнопку переключение панели символов и параграфов (Character and Paragraph palette toggle button) для доступа к панели «Параграф».

По умолчанию в Photoshop группы «Символы» и «Абзацы» объединены в одну группу и потому работают как одна команда.

Если показана вкладка «Символы», просто кликните по вкладке с именем «Paragraph palette» в верхней части панели, чтобы активировать панель «Параграф», а панель «Символы» скрыть.

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

Нажмите кнопку «Выровнять все».

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

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

Продолжайте печатать до тех пор, пока полностью не заполните букву текстом:

Буква “T” полностью заполнена текстом.

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

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

Теперь, когда текст добавлен, все, что остается сделать, это скрыть контур. Делаем это с помощью комбинации клавиш Ctrl+H (Win) / Command+H (Mac). Готово!

Вот конечный результат, с текстом в форме буквы Т:

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

Теперь вы знаете, как в Photoshop преобразовать букву в контур и использовать его в качестве контейнера для оформления текста!

Данная публикация является переводом статьи «Using Text As A Container For More Text In Photoshop» , подготовленная редакцией проекта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Более интересно обстоят дела с

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

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

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

(Window — Character).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

текст.

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

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

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

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

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

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

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