Эффект сложенного текста

Из данного Photoshop урока вы узнаете, как создать эффект сложенного текста, находящегося в трехмерном пространстве.

Конечный результат:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Откройте Фотошоп и создайте новый документ, установите размер 720х480 пикселей. Перейдите к инструменту Horizontal Type Tool (T) (Горизонтальный текст) и напишите любую фразу.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

После этого нужно растрировать текст, для этого правой кнопкой мыши кликните по текстовому слою и выберите команду Rasterize Type (Растрировать текст) или перейдите во вкладку Layer > Rasterize > Type (Слой - Растрировать - Текст). Инструментом Pen Tool (P) (Перо) выделите верхние части букв F и O, предварительно установив в настройках режим Paths (Контуры).

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Преобразуйте контур в выделение, для этого нажмите правой кнопкой мыши по созданному контуру и выберите команду Make Selection (Образовать выделенную область) или нажмите Ctrl + Enter.

Существует еще один способ создания выделенной области - это использование инструмента Polygonal Lasso Tool (L) (Полигональное или Прямолинейное лассо).

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Воспользуйтесь инструментом Move Tool (V) (Перемещение) и немного переместите выделенный текст вверх.

В панели настроек поставьте галочку возле опции Show Transform Controls (Показать управляющий элемент), в результате вокруг выделенной области отобразилась рамка трансформации.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Инструментом заливка (G) заполните область выделенного текста красным цветом #ff0000. После этого переместите этот участок текста обратно на свое место и выделенную область скопируйте на новый слой Ctrl + Shift + J.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Повторите те же действия и для нижних частей букв F и O. Выделите нижние части любым удобным для вас способом, инструментом перемещение (V) передвиньте немного вниз, заполните белым цветом. Верните нижние части букв на место и скопируйте на новый слой.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Повторите действия, описанные выше, для остальных букв. Очень важно, чтобы каждая выделенная часть находилась на отдельном слое. Вот, что получилось у меня.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Перейдите на слой с верхними частями букв F и O. Зайдите в меню Edit > Transform > Distort (Редактирование - Трансформирование - Искажение) и исказите форму букв, опираясь на изображение ниже.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Теперь перейдите на слой с белыми частями букв F и O. Любым инструментом выделения выделите остальную часть этих букв. Вызовите команду Distort (Искажение) и исказите форму букв, как на изображении ниже. Помните, что вы должны будете подогнать эти части букв к уже искаженным верхним частям.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Аналогичным путем исказите нижнюю часть буквы F.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Вы, наверно, заметили, что при искажении изображение текста потеряло качество. Мы исправим это при помощи инструмента перо (P). Делается это так: выберите перо, установите режим Patch (Контуры) и обведите кусочки текста. После этого контур образуйте в выделение (Ctrl + Enter), инструментом Paint Bucket Tool (G) (Заливка) заполните выделения белым и красным цветами соответственно. Снова повторю, что каждая выделенная часть текста должна находиться на отдельном слое.

Если не хотите тратить драгоценное время, то для пера установите режим Shape (Фигура) и подрисуйте текст поверх оригинала.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Вот результат:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

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

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

После такой трудоемкой работы нужно определиться в общим цветом для частей. Я выбрал розовый #fd0077. Чтобы заполнить все части букв этим цветом, нажмите Ctrl + Shift + клик по миниатюрам всех слоев с частичками текста и при помощи инструмента заливка заполните весь текст единым цветом.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

На этом этапе мы придадим тексту объем, путем применения различных стилей к его частям. Перейдите на слой с верхними частями букв F и O и примените стиль Gradient Overlay (Наложение градиента).

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

В редакторе градиентов установите следующие цвета:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Двигаемся дальше. Выделите слой с нижней частью буквы F и добавьте стиль Color Overlay (Наложение цвета).

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Выделите слой с верхними частями букв L,D,E и D и примените к нему стиль наложение градиента.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Откройте редактор градиентов и измените цвета.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Далее выберите слой с нижней частью буквы D и примените к ней стиль наложение градиента.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Вот результат:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Переходим к слову TEXT. Выберите слой с верхними частями букв T, E и X и добавьте стиль Gradient Overlay (Наложение градиента).

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Вот, что должно получиться на данном этапе:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Перейдите на слой с нижними частями букв T,E и X и примените стиль наложение градиента.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

В редакторе градиентов установите следующие цвета:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

У нас осталась последняя буква T. К верхней её части примените стиль наложение градиента.

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Вот результат:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

К нижней части буквы T примените стиль Color Overlay (Наложение цвета).

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Наш текст готов!

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Для большей реалистичности добавьте тексту тень. Выберите инструмент Brush Tool (B) (Кисть), понизьте непрозрачность и черным цветом подрисуйте тень. Слой с тенью разместите ниже слоев с текстом. По желанию вы можете изменить цвет каждой буквы или слова. Для этого объедините все части букв в один слой и при помощи коррекции Hue/Saturation (Цветовой тон/Насыщенность) Ctrl + U измените цвет.

Конечный результат:

 title="Эффект сложенного текста" alt="Эффект сложенного текста"

Ссылка на источник урока.