Как сделать обтекание текстом в Photoshop

Автор: Chipsoed ● 5 марта 2009

Рубрика: Photoshop
Comentar!

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

Итак, возьмем изображение бейсбольного мяча:

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

Итак, начнем.

Шаг 1: Выбираем инструмент Rectangle (Прямоугольник)

Поскольку мы собираемся использовать контур как контейнер для нашего текста,
нам нужен контур! Для создания прямоугольного контура мы используем инструмент
Rectangle или Прямоугольник (не путайте с
инструментом Rectangular Marquee/ Прямоугольная область), который будет основной
фигурой текстового контейнера. Давайте выберем инструмент Rectangle в панели
инструментов:

Можно также просто нажать клавишу U на клавиатуре для быстрого выбора.

Шаг 2: Выбираем опцию “Paths” в панели параметров

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

Шаг 3: Создаем прямоугольный контур

Используя инструмент Rectangle с выбранной опцией для создания контуров, мы, кликнув и растянув его не отпуская кнопки мыши (как мы это делаем инструментом Rectangular Marquee, выделяя нужную область), создаем прямоугольный контур, который будет служить контейнером для нашего текста:

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

Шаг 4: Выбираем инструмент Ellipse (Окружность)

Есть несколько способов, как изменить форму контура в Photoshop. В нашем случае
самым простым будет, поскольку мяч круглый, использовать инструмент Ellipse
(Окружность), для того чтобы удалить часть контура вокруг мяча. Для
этого мы выбираем инструмент Ellipse, который по умолчанию «прячется» за инструментом
Rectangle в панели инструментов. Нам необходимо нажать на инструмент Rectangle
и подержать кнопку мыши нажатой пару секунд. В раскрывшемся меню мы обнаружим
инструмент Ellipse:

Шаг 5: Устанавливаем инструмент Ellipse в режим “Отсечения”

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

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

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

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

Теперь, когда наш контур на месте, давайте добавим текст.

Шаг 6: Добавляем текст

Все, что нам осталось сделать, это добавить наш текст. Нам потребуется инструмент
Type (Текст):

Для быстрого выбора инструмента Type (Текст) можно нажать клавишу T.

Теперь давайте подберем нужный шрифт, его размер и цвет:

Для того чтобы вставить текст, необходимо просто кликнуть внутри активного контура. Подведя курсор к активной части контура, то увидите, что прямоугольная пунктирная линия вокруг него (курсора) превратится в округлую. Это говорит о том, что можно печатать текст в контейнере-контуре:

Кликнув в области контура можно напечатать текст или вставить уже готовый.
Для этого скопируйте ваш текст и вставьте в контур с помощью клавиш Ctrl+V
(Win) / Command+V (Mac). Теперь наш текст не только находится внутри
контура, но и красиво обтекает бейсбольный мяч: