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

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

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

Используем текст в виде контейнера для иного текста в Adobe Photoshop Эффект “текст внутри текста”.

Приступим!

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

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

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

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

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

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

Используем текст в виде контейнера для иного текста в Adobe Photoshop Выбираем инструмент «Текст».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Используем текст в виде контейнера для иного текста в Adobe Photoshop Нажмите кнопку «Выровнять все».

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

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

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

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

Используем текст в виде контейнера для иного текста в Adobe Photoshop Буква “T” в полном объеме заполнена текстом.

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

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

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

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

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

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

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

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

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

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