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

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

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

photoshop-new-document.gif

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

Приступим!

Шаг 1: Создаем новый документ

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

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

Шаг 1: Создаем новый документ

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

Шаг 2: Выберите инструмент

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

photoshop-type-tool.gif

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

Шаг 3: Выберите шрифт на панели параметров

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

photoshop-options-bar.gif

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

Шаг 4: Напечатайте букву в документе

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

Шаг 5: Используйте «Свободное трансформирование» (Free Transform), чтобы изменить размер буквы

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

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

free-transform-letter.gif

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

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

Шаг 6: Создайте контур

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

create-work-path.gif

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

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

Шаг 7: Прячем слой с текстом

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

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

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

photoshop-layer-visibility-icon.gif

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

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

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

text-path.gif

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

Шаг 8: Нажмите внутри контура, но пока не набирайте текст

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

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

Шаг 9: Измените шрифт и / или размер шрифта

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

change-font-and-size.gif

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

Шаг 10: Используйте команду «Выровнять все» (Justify All) из панели «Параграф»

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

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

character-paragraph-toggle.gif

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

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

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

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

text-justify-all.gif

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

Шаг 11: Введите текст внутри контура

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

typing-in-letter.gif

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

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

letter-filled-with-text.gif

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

Шаг 12: Нажмите на галочку для завершения ввода текста

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

окончить ввод

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

Шаг 13: Скрываем контур

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

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

photoshop-text-inside-text.gif

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

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

Перевод статьи “Using Text As A Container For More Text In Photoshop” был подготовлен дружной командой проекта Сайтостроение от А до Я.