Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Из этого урока вы узнаете, как создать глянцевый 3D текст, используя программы Xara 3D и Фотошоп. Для быстроты выполнения заданных действий будем использовать горячие клавиши, а в качестве основного инструмента мы будет использовать Pen Tool (Перо).

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

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Интерфейс Xara 3D

Прежде чем мы начнем работать в программе Xara 3D, я вкратце ознакомлю вас с ее интерфейсом. Для тех, кто знаком с этой программой, можете пропустить эту часть урока.

Xara 3D является приложением, в котором можно обычный текст преобразовать в 3D или анимированный текст. Интерфейс этой программы прост, но для начинающего пользователя работать в ней первое время будет трудно. Чем больше вы будете работать в Xara 3D, тем быстрее вы изучите ее программные особенности и повысите свой потенциал.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

На изображении ниже показано основное меню, где находятся миниатюры значков открытия, сохранения и экспорта изображений, как и во многих других программах. Так же основное меню содержит инструмент Style Picker Tool для анимации текста.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь перейдем к другим параметрам. Как и в Microsoft Word данное программное обеспечение позволяет пользователям работать с текстом и выбирать тип шрифта, размер и стиль на свой вкус.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Как уже упоминалось в начале урока, в Xara 3D можно создавать анимационный 3D текст. На изображении ниже показана панель с кнопками, которая используется для предварительного просмотра анимации перед тем, как экспортировать его в Flash SWF или GIF.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

На изрображении ниже показано меню панели инструментов, содержащее инструменты Text Tool (Текст), Colour Palette (Цветовая палитра), Extrusion Tool (Выдавливание) (он похож на экструзионный инструмент Google Sketch Up), Design Option Tool (Дизайн), Bevel Options Tool (Тиснение), Shadow Option (Тень), Texture Option (Текстура) (содержи стандартные типы текстур, схожие с Фотошоп), Animation Option (Анимация), Text Button Board (Панель текстовых кнопок).

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

И наконец, рассмотрим опции меню панели инструментов - меню настроек для всех инструментов в панели, расположенной в правой части интерфейса. Серая область - рабочий холст и рабочее пространство.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создание 3D текста в Xara 3D

Откройте программу Xara 3D и на панели инструментов выберите Text Tool (Текст), установите шрифт на свое усмотрение и введите текст. Теперь сгенерируйте каждую букву текста и сохраните отдельно в формате PNG.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Визуализируйте каждую букву текста отдельно. После ввода текста нажмите ОК. В панели инструментов выберите Bevel Tool (Тиснение) и перейдите к правой части интерфейса. Измените следующие значения параметров:

  1. Bevel Type (Тип тиснения): Rolled (Закругленный);
  2. Corner Style (Стиль угла): Round (Круглый);
  3. Depth (Глубина): 7.

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

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Выберите инструмент Text Lighting Tool (Освещение текста). Вы увидите три позиции направления света: первый - передний план, второй - со стороны, третий - задняя часть. Освещение можно корректировать, вращая позиции источников света для достижения наилучшего результата. Для себя я решил оставить позиции по умолчанию.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь экспортируйте 3D текст в фотрмате PNG в Фотошоп для дальнейшего редактирования. Для этого нажмите комбинацию клавиш Ctrl + Shift + E или зайдите в меню File > Export (Файл - Экспортировать).

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Дайте файлу с текстом название, убедитесь, что установлен формат PNG и нажмите кнопку ОК. В диалогом окне Save As (Сохранить как) вам будет предложено ввести некоторые настройки. Смотрите изображение ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Визуализируйте весь 3D текст с помощью этих шагов и откройте его в Фотошоп. Теперь мы будем превращать скучный 3D текст в нечто более захватывающее.

Работа с 3D текстом в Фотошоп

Откройте программу Фотошоп и нажмите комбинацию клавиш на клавиатуре Ctrl + N для создания нового документа. Настройки смотрите  ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь откройте файлы с буквами, которые экспортировали из Xara 3D и расположите их, как вам нравится.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Удалите фон. Создайте новый слой поверх слоя с 3D текстом, нажав комбинацию клавиш Ctrl + Shift + N.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Выберите инструмент Magic Wand Tool (W) (Волшебная палочка). Примечание: Для пользователей Фотошоп CS3 и выше, убедитесь, что выбрали именно инструмент Magic Wand Tool (W) (Волшебная палочка), а не Quick Selection Tool (Быстрое выделение).

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

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь нажмите Shift + F5 для вызова диалогового окна Fill (Заливка) или перейдите в меню Edit > Fill (Редактирование - Выполнить заливку), чтобы заполнить выделение любым цветом. Я использовал белый. Нажмите кнопку ОК. Примечание: обратите внимание, что параметр Fill (Заливка) становится активным, когда имеется выделение.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Заполните 3D текст белым цветом.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Убедитесь, что все делается на отдельных слоях, чтобы вы в любое время могли подкорректировать ту или иную часть.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

К слоям с 3D буквами примените некоторые стили слоя. Для этого дважды кликните на одном из слоев с буквой (примените эффекты только к тем слоям, которые заканчиваются на white). И из списка стилей выберите Gradient Overlay (Наложение градиента) и Stroke (Обводка). Смотрите изображение ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Сначала поработайте с Gradient Overlay (Наложение градиента) и измените настройки, как показано ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Далее откройте редактор градиента и измените цвета, как на изображении ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь поработайте со стилем Stroke (Обводка) и измените следующие значения:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

У вас должен получиться такой результат:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Сделайте клик правой кнопкой мыши на слое, к которому только что добавили эффекты. Из появившегося меню выберите Copy Layer Style (Скопировать стили слоя).

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь кликните правой кнопкой мыши на другие слои с буквами по очереди и выберите Paste Layer Style (Вклеить стили слоя). Примечание: в более ранних версиях Фотошоп невозможно скопировать и вклеить стили слоя.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

После проделанной работы панель слоев должна выглядеть так:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создайте новый слой Ctrl + Shift + N, поместите его ниже всех слоев. Откройте окно Fill (Заливка), залейте слой белым цветом и назовите background.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

К фоновому слою примените стиль слоя Gradient Overlay, настройки на изображении ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

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

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создайте новый слой Ctrl + Shift + N и назовите его shadow. Нажмите клавишу M для быстрого выбора инструмента Elliptical Marquee Tool (Овальная область) (убедитесь, что выбран именно инструмент Elliptical Marquee Tool (Овальная область), а не Rectangular Marquee Tool (Прямоугольная область)).

Затем создайте выделение, как показано ниже. Нажмите комбинацию клавиш Shift + F5 и заполните выделение черным цветом, а затем снимите выделение Ctrl + D. Зайдите в меню Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Нажмите комбинацию клавиш Ctrl + F, чтобы повторить действие фильтра, столько раз, сколько потребуется, чтобы добиться результата, как на изображении ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Вот, как должно выглядеть изображение, после нескольких применений эффекта Gaussian Blur (Размытие по Гауссу).

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создайте новый слой Ctrl + Shift + N и нажмите клавишу W для быстрого выбора инструмента Magic Wand Tool (Волшебная палочка). Выберите слой a_white и этим инструментом выделите букву А. Далее нажмите клавишу M для быстрого выбора инструмента Elliptical Marquee Tool (Овальная область). Удерживая клавишу Alt, инструментом овальная область вычтите область из выделения, как показано ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

На новом слое нажмите комбинацию клавиш Shift + F5 и заполните его белым цветом. Уменьшите значение Opacity (Непрозрачность) до 10%. Смотрите изображение ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

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

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Вот результат после проделанной работы:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Нажмите клавишу P для быстрого выбора инструмента Pen Tool (Перо) (это один из моих любимых инструментов в Фотошоп). Создайте путь, примерно, как на изображении ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Нажмите клавишу A для быстрого выбора инструмента Direct Selection Tool (Стрелка), сделайте клик правой кнопкой мыши и выберите Make Selection (Образовать выделенную область). Далее нажмите комбинацию клавиш Shift + F5 и заполните выделение черным цветом. Примените фильтр Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Нажмите комбинацию клавиш Ctrl + F, чтобы применить этот фильтр столько раз, сколько потребуется, чтобы добиться результата, как на втором изображении ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь, удерживая клавишу Ctrl, выберите два слоя с 3D текстом и нажмите Ctrl + E, чтобы объединить слои.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Нажмите Ctrl + клик по миниатюре объединенных слоев, чтобы создать выделение. Затем нажмите Shift + F5, заполните выделение черным цветом и снова примените фильтр Gaussian Blur (Размытие по Гауссу). Должен получиться результат, как показано ниже. Не забудьте создать новый слой, прежде чем залить выделение.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создайте новый слой, залейте его черным цветом и поместите ниже слоя 3D. Теперь примените фильтр размытия Gaussian Blur (размытие по Гауссу). Вот результат:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Продублируйте слой 3D, нажмите комбинацию клавиш Ctrl + Shift + U, чтобы обесцветить изображение и понизьте значение Opacity (Непрозрачность) на ваше усмотрение.

3D текст должен выглядеть так:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Добавляем последние штрихи

Нажмите клавишу M для быстрого выбора инструмента Rectangles Marquee Tool (Прямоугольное выделение). Создайте выделение, как на изображении ниже.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Залейте выделение серым цветом.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Выберите инструмент Elliptical Marquee Tool (Овальное выделение) и создайте выделение, как показано на изображении ниже и нажмите Backspace, чтобы удалить выделение. Примечание:  все нужно создавать на отдельных слоях, чтобы легче было корректировать ту или иную часть.

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Этим же инструментом создайте еще одно выделение и повторите тте же действия. Вот результат:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

3D текст должен выглядеть так:

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Нажмите клавишу P для быстрого выбора инструмента Pen Tool (Перо) и создайте путь, как показано ниже. Выберите инструмент Direct Selection Tool (Выделение контура), установите размер кисти 2 пикселя. На новом слое при активном инструменте Direct Selection Tool (Выделение контура) сделайте клик правой кнопкой мыши на созданном пути и выберите Stroke Path (Выполнить обводку). В появившемся окне выберите Brush (Кисть) и активируйте опцию Stimulate Pressure (Имитировать нажим).

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

Теперь используя инструмент Pen Tool (Перо), проявите свое творчество, навыки, методы и используйте горячие клавиши, чтобы получить результат, как на изображении ниже.

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

Создаем глянцевый 3D текст с использованием Xara 3D и Фотошоп

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