простой 3D текст в Photoshop

В этом учебном руководстве по текстовым эффектам Photoshop мы изучим, как создать простой 3D текст:

Давайте начнем!

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

Чтобы начать, давайте создадим совершенно новый документ Photoshop. Идите в меню File наверху экрана и выберите New, или для более быстрого пути, нажмите сочетание клавиш Ctrl+N (Win) / Command+N (Mac). Какой бы способ Вы не выбрали Photoshop откроет диалоговое окно New Document. Введите размер для своего документа. Для этого учебного руководства я собираюсь ввести Ширину 6 дюймов, Высоту 4 дюйма и Разрешение 300 пикселей/дюйм, которое является стандартным разрешением для печати профессионального качества. Я также собираюсь установить фоновый цвет Белый. Когда все готово, нажмите "OK" в верхнем правом углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.

Шаг 2: выберите инструмент Текст из палитры инструментов Photoshop

Чтобы добавить текст к документу, мы должны будем использовать инструмент Текст Photoshop. Выберите его из Палитры инструментов или нажмите букву T на Вашей клавиатуре :

Шаг 3: выберите шрифт из панели опций

Затем, мы должны выбрать шрифт. С выбранным инструментом Текст Вы заметите, что Панель Опций наверху экрана изменилась, чтобы показать варианты для инструмента Текст. Выберите, какой нибудь шрифт, который Вы хотели бы использовать из списка шрифтов. Этот 3D эффект работает лучше всего со шрифтами, у которых есть большие, толстые буквы. Я собираюсь выбрать Impact. Вы можете также выбрать размер для своего текста:

Шаг 4: выберите цвет для своего текста

Затем, мы должны выбрать цвет для нашего текста. Если Вы посмотрите далее вправо в Панели Опций, то Вы у видете каталог цветов. Каталог цветов показывает текущий цвет текста. Чтобы изменить цвет, просто щелкните по каталогу цветов:

Это переведет Палитру цветов Photoshop в рабочее состояние. Выберите какой вам нравится. Я собираюсь выбрать яркий оттенок красного цвета. Когда все готово, нажмите "OK" в верхнем правом углу Палитры цветов, чтобы выйти из него:

Каталог цветов в Панели Опций изменится, чтобы показать цвет, который Вы выбрали.

Шаг 5: добавьте свой текст к документу

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

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

Если мы смотрим на нашу палитру Layers, мы видим, что Photoshop удобно поместил наш текст в свой собственный слой выше слоя Background. Это - то, что позволит нам работать с текстом независимо от белого фона:

Шаг 6: измените размеры текста в случае необходимости

Если вы видите, что Ваш текст слишком маленький (или слишком большой), мы можем легко это командой Free Transform Photoshop. Во-первых, удостоверьтесь, что Ваш текстовый слой выбран в палитре Layers (выбранные слои выделены в синем). Тогда Идите в меню Edit наверху экрана и выберите Free Transform. Вы можете также выбрать команду Free Transform сочетанием клавиш Ctrl+T (Win) / Command+T (Mac):

Вы будете видеть поле Free Transform, и дескрипторы вокруг Вашего текста в документе. Чтобы изменить размеры текста, удержите свою клавишу Shift, затем щелкните по любому из угловых дескрипторов (небольшие квадраты) и перетащите угол внутрь, чтобы сделать текст меньшим или наружу, чтобы сделать его больше.:

Когда все будет готово, нажмите Enter (Win) / Возврат (Mac), чтобы принять изменение и выйти из команды Free Transform.

Шаг 7: преобразуйте текст в форму

Чтобы создать наш 3D эффект (в более новый версиях фотошопа уже есть инструмент 3D - о нем в следующих статьях. пр. SeRbGa), мы должны изменить перспективу нашего текста. Есть только одна проблема все же. Photoshop не позволяет нам изменять перспективу текста. Чтобы показать Вам, что я имею в виду, удостоверьтесь, что выбрали текстовый слой, затем подходите к меню Edit наверху экрана и выбираете Transform из списка. Во вторичное меню будут все различные способы, которыми мы можем преобразовать содержание слоя, который мы в настоящее время выбрали. Заметьте, опции Distort и Perspective отображаются серым? Это означает, что они в настоящее время недоступны нам и поэтому Photoshop не может выполнить ни один из этих двух типов преобразований на тексте.

Решение состоит в том, чтобы преобразовать наш текстовый слой в то, что вызвало слой формы. Преобразовывая текст в форму, мы будем в состоянии изменить перспективу его и создать наш эффект. Единственная нижняя сторона к преобразованию текста к форме - то, что тип больше не будет доступен для редактирования. В этом случае, хотя, так как у нас нет потребности отредактировать наш текст, мы не должны волноваться об этом.

С текстовым уровнем, все еще выбранным, Идите в меню Layer наверху экрана, выберите Текст, и затем выберите Convert to Shape (преобразуем в кривые):

Если мы смотрим в палитре Layers, мы видим, что текстовый слой теперь выглядит абсолютно отличающимся, и поэтому это больше не текстовый слой. Photoshop преобразовал его в кривые, что означает, что мы теперь свободны применить Перспективное преобразование к нему и создать наш 3D текстовый эффект:

Шаг 8: измените перспективу

Возвратитесь в меню Edit. Вы будете видеть, что опция Transform, на которую мы смотрели момент назад, была заменена новой опцией под названием Transform Path (преобразование контура). Снова, поэтому мы имеем дело теперь с формой. Выберите Transform Path из списка. Когда вторичное меню появится, Вы будете видеть, что обе опции Distort и Perspective теперь доступны. Выберите Perspective из списка:

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

Когда Вы будете довольны перспективным сдвигом, нажмите Enter (Win) / Возврат (Mac), чтобы принять преобразование. Ваш текст должен теперь выглядеть примерно так:

Шаг 9: создайте многократные копии слоя формы, каждый перемещенный немного вправую сторону

Этот следующий шаг - забавная часть. Мы создаем копии нашего слоя формы и каждую перемещяем на один пиксель правее от предыдущего. Это даст нашим буквам некоторую глубину. Во-первых, выберите Move Tool из Палитры инструментов, или просто нажмите букву V на своей клавиатуре, . Этот прием только работает с выбранным Инструментом Перемещения:

С выбранным Инструментом Перемещения и слой формы, выбранный в палитре Layers, удерживайте ALT(Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на своей клавиатуре. Тогда нажмите его снова. С другой стороны. И снова. Заметьте то, что происходит? Каждый раз, когда Вы нажимаете клавишу со стрелкой вправо с ALT Вы создаете новую копию слоя формы, и Вы перемещаете новую копию на один пиксель вправо. Удержание ALT говорит Photoshopу создавать новую копию формы каждый раз вместо того, чтобы просто переместить существующую форму. Чем больше раз Вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя и больше глубина, которую мы даем нашим буквам.

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

Шаг 10: переместите исходный слой формы в вершину стека слоя в палитре уровней

Каждый раз, когда мы создали новую копию нашей формы, мы создали новый слой формы в палитре Layers, и Photoshop поместил каждый новый слой непосредственно выше предыдущего слоя. В моем случае моя палитра Layers теперь содержит 68 копий моего исходного слоя формы. Исходный слой формы находится выше слоя Background со всеми копиями, сложенными поверх него. Вы можете сказать, что это - оригинал, потому что это - единственный слой формы, который не содержит слово "копия" на имени.

Мы должны переместить тот исходный слой на самый верх и есть простой способ, чтобы сделать это. Во-первых, щелкните по нужному слою в палитре Layers, чтобы выбрать его. Затем нажмите Ctrl+Shift +] (Win) / Command+Shift +] (Mac). Это - ключ правая скобка ("]"). Этот немедленно переместит выбранный слой непосредственно в вершину слоя:

Шаг 11: объедините все копии вместе

Наш оригинал теперь на самой вершине слоя, мы должны объединить все те копии слоя формы внизу. выделите их через кнопку Shift на клавиатуре и затем щелкните по слою и идите в меню Layer наверху экрана и выберите Merge Layers вниз около нижней части списка. Или для более быстрого пути, нажмите сочетание клавиш Ctrl+E (Win) / Command+E (Mac):

Photoshop объединит все выбранные слои в единственный слой. Если мы смотрим в нашей палитре Layers, мы видим, что у нас теперь есть только три слоя. слой Background находится на нижней части, исходный слой формы находится на вершине и промежуточный - это наш недавно объединенный слой:

Шаг 12: добавьте "черный-к-белому" градиент к объединенному слою

Чтобы дать нашим буквам действительно 3D - добавим простой эффект освещения. Или по крайней мере, что-то, что похоже на эффект освещения. Щелкните по объединенному уровню в палитре Layers. Тогда щелкните по значку Layer Styles у основания палитры Layers. Список всех доступных стилей слоя. Щелкните по Gradient Overlay, чтобы выбрать его:

Это переведет набор диалогового окна Layer Style Photoshop в рабочее состояние к опции Gradient Overlay в среднем столбце. Мы хотим использовать черно - белый градиент для нашего поддельного эффекта освещения.:

Выбрать Черно-Белый градиент, затем нажать "OK" в верхнем правом углу, чтобы принять его:

Назад в основных опциях Gradient Overlay можно видеть область предварительного просмотра градиента. Ниже его несколько важных опций. Удостоверьтесь, что опция Style установлена в Линейный градиент и Угол установлен в 90 °:

Нажмите "OK" когда все готово, чтобы выйти из диалогового окна Layer Style.

Photoshop применяет градиент к объединенному уровню, создавая теневой эффект на буквы и завершая наш простой 3D текстовый эффект:

Готово!

по материалу Steve Patterson *(photoshopessentials.com)