Замечательный загнутый текст


Приветствую дорогие друзья! В этом уроке мы научимся создавать эффектный загнутый текст, будто находящийся в объемном пространстве:

3629830_Folded_Text_01 (640x427, 15Kb)

Шаг 01

Создайте новый документ с размерами: 720 на 480х и напечатайте следующий текст, на котором здесь будет проходить практика:

3629830_Folded_Text_02 (640x427, 13Kb)

Шаг 02

Теперь нужно определить какие части букв будут загнуты, и перенести их на отдельные слои. Для начала растрируйте текстовый слой (правый клик по слою: Rasterize Type). Выделите верхнюю часть первого слога, снесите ее на новый слойCtrl+Shift+J и залейте красным цветом:

3629830_Folded_Text_03 (585x640, 21Kb)

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

3629830_Folded_Text_04 (640x427, 13Kb)

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

3629830_Folded_Text_05 (640x427, 16Kb)

Шаг 03

Отлично, перейдите на слой с верхушкой первого слога и примените к нему трансформацию искажения подобно нижеуказанному примеру: Edit > Transform > Distort или Ctrl+T, а потом через правый клик Distort:

3629830_Folded_Text_06 (640x427, 18Kb)

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

3629830_Folded_Text_07 (525x640, 24Kb)

Шаг 04

Естественно, что после трансформации растровый текст мог немного потерять в качестве и доселе гладкие линии могли частично размыться, но в таком случае, если это будет необходимо, можно взять инструмент Pen и поверху сделать трассировку или повысить четкость границ другим способом (но каждая часть все также должна находиться на своем слое):

3629830_Folded_Text_08 (640x427, 15Kb)

Шаг05

Сейчас займитесь загибанием остальных пальцев остального текста:

3629830_Folded_Text_09 (640x427, 15Kb)

Шаг 06

После трансформаций можно задать цвет для слов уже в соответствии со своим желанием, в данном случае это будет розовый #FD0077 (хотя это можно будет потом изменить с помощью корректирующего слоя):

3629830_Folded_Text_10 (640x427, 13Kb)

Теперь, для придания ощущения объема, поиграем со светом при помощи стилей слоя. Выберите слой с верхушкой букв «FO» и, дважды кликнув по слою, зайдите в диалоговое окно настроек стилей слоя. Настройте стиль Gradient Overlay согласно скрину:

3629830_Folded_Text_11 (548x640, 36Kb)

Среднюю часть оставим без изменений, а нижнюю залейте следующим цветом:

3629830_Folded_Text_12 (595x640, 33Kb)

Шаг 07

Первые две буквы «FO» готовы, перейдем к верхней половине остатка слова — «LDED«. И откуда вы только догадались, что нужно будет зайти в стили слоя))

У хвостика буквы «D» те же настройки:

3629830_Folded_Text_13 (548x640, 35Kb)

Переходим к верхушке «TEX» и включаем тот же стиль (его можно скопировать с уже настроенного слоя):

3629830_Folded_Text_14 (548x640, 35Kb)

Далее нижняя часть (угол для градиента уже другой):

3629830_Folded_Text_15 (548x640, 35Kb)

Осталось разобраться с последней буквой. Верхняя часть:

3629830_Folded_Text_16 (548x640, 35Kb)

Нижняя часть и готовый результат:

3629830_Folded_Text_17 (595x640, 33Kb)

Теперь, по желанию, можно нарисовать тени, разукрасить текст и что только душе угодно. Спасибо за внимание и делитесь своими вариантами всем в пример:

3629830_Folded_Text_18 (640x427, 21Kb)

Автор: Mario Madjarov. Перевод: Manoylov AC.

 

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