Как сделать объемный текст в фотошопе

Как сделать 3D текст в фотошопе

В данном уроке мы рассмотрим основные инструменты программы фотошоп для работы с 3D объектами, а именно с текстом.

В фотошопе можно без труда смоделировать красивую 3D надпись, например для логотипа сайта или группы в социальной сети. Объемный текст в фотошопе создается гораздо проще, чем в 3D редакторах и так, приступим!

1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем «Файл» — «Создать» и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.

2) Теперь напишем текст, который в дальнейшим будем делать трехмерным. Для этого в левом боковом меню программы выбираем инструмент «Текст», кликнув по нему левой кнопкой мыши.

Теперь, выбрав необходимый инструмент, кликаем левой кнопкой мыши на нашем холсте и печатаем необходимый текст. Для настройки размера текста, шрифта, его цвета и тп.. необходимо в панельке с правой стороны выбрать вкладку «Символ».

Если у Вас данная вкладка не отображается, то ее необходимо включить, выбрав в верхнем меню программы «Окно» — «Символ». Слева от пункта «Символ» должна стоять галочка, значит данный пункт включен. Если галочки нет, просто кликните по этому пункту левой кнопкой мыши.

3) И так, мы напечатали необходимый нам текст, настроили его размеры, цвет, выбрали шрифт, теперь преобразуем его в объемную 3D модель. Для этого в верхнем меню программы выбираем пункт «3D» — «Новая 3D — экструзия из выделенного слоя» и в всплывающем окне просто нажимаем «Ок».

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

4) Выполнив все описанные выше действия мы попадаем в режим 3D редактирования нашего текста. Вы можете поворачивать и перемещать текст в любом направлении, используя 3 оси, выбирая нужную и удерживая левую клавишу мыши. Так же можно произвольно выбирать ракурс текста, для этого наведите мышь за пределы текста (лучше над ним), нажмите левую кнопку мыши и удерживая ее перемещайте мышь.

5) При работе в режиме 3D редактирования нам становится доступна панель настроек в правой верхней части программы. С помощью данной панели можно настроить различные эффекты для нашего текста, попробуйте что-нибудь изменить двигая ползунки установок в данной панели. Поэкспериментировав с данными настройками можно получить необычный и интересный результат.

Вот, к примеру, регулируя ползунок настройки «Скручивание» я получил вот такой интересный эффект:

6) Создав необходимый вам текст с эффектами и нужным ракурсом его можно преобразовать в «Смарт-объект» и работать с ним уже как с обычным слоем, а не 3D объектом. Для этого в правой нижней панели перейдите из вкладки «3D» во вкладку «Слои» и выберите слой с текстом, нажмите на нем правой кнопкой мыши и выберите «Преобразовать в Смарт-объект». Но учтите, после преобразования текста в Смарт-объект вы его уже не сможете редактировать, т.е. изменить сам текст надписи, поменять шрифт, сменить эффекты 3D и т.п., поэтому данное действие лучше делать по окончанию работы.

7) Если вы хотите сделать надпись допустим на половину скрученой, а вторую часть надписи просто объемной и повернутой боком, то соответственно изначально вам необходимо создать два разных слоя в каждом из которых будет часть этой надписи и с каждым из слоев работать по отдельности, редактируя часть надписи.

Как создать объемный текст

В программе Photoshop есть вкладка 3D, содержащая инструменты для создания объемных объектов. Однако, придать объем тексту можно проще, с помощью наложения слоев. И сегодня я расскажу и покажу, как создать объемный текст.

В первую очередь создаю новый документ, заливаю градиентом.
Ввожу текст — одно слово «DESIGN»
Шрифт — Valken. Размер- 200 пт.

ЛКМ двойным щелчком на слое с текстом вызываю Стиль слоя.
В открывшемся окне Стиля слоя выбираю Наложение градиента.
Выбираю градиент, 90 градусов.

нажмите на изображения здесь и далее, чтобы увеличить

В стиле слоя перехожу в пункт Тиснение. Настраиваю тиснение: Внутренний скос, Плавное, глубина тиснения — около 400%, размер — 10 рх. Тень тиснения — цвет а7а4а4 (R-167, G-164, B-164).

ПКМ нажимаю на слое с текстом, вызывая контекстное меню, где выбираю Преобразовать в смарт-объект.
Еще раз вызываю контекстное меню и выбираю Растрировать слой.
Я буду работать с каждой буквой отдельно: трансформировать ее (увеличивая-уменьшая, наклоняя), придавать эффект объема. Для этого мне необходимо сделать так, чтобы каждая буква текста стала отдельным объектом.

Делаю это так: беру инструмент Прямоугольное выделение на левой панели инструментов.
Выделяю первую букву D и нажимаю сочетание клавиш Ctrl+X. При этом выделенная буква исчезает. Она вырезалась.
Следом нажимаю сочетание клавиш Ctrl+V, и вырезанная буква появляется на новом слое. Этот слой называю — D.
Такие действия повторяю с каждой буквой. Получаю столько слоев, сколько букв в слове.

Встаю на слой с первой буквой — D. Вызываю Трансформирование сочетанием клавиш Ctrl+T, увеличиваю букву, поворачиваю,
придавая ей некий наклон. Таким же образом трансформирую каждую букву в слове, придавая разный размер, разный наклон.
Чтобы придать эффект наложения букв одной на другую, перемещаю слои с буквами на панели слоев.

Теперь надо придать каждой букве еще больший объем.
Делаю это так: копирую слой с первой буквой D сочетанием клавиш Ctrl+J.
На панели слоев сейчас два слоя с буквой D: верхний — D копия, ниже — D.

Встаю на слой D. Зажимаю и удерживаю клавишу Alt, одновременно нажимаю 5 раз две клавиши со стрелками вниз и вправо. На панели слоев появляются 10 слоев — D копия 2, D копия 3 и т.д.

Все эти вновь созданные слои выделяю с зажатой клавишей Shift, и объединяю в один слой сочетанием клавиш Ctrl+E.
Этот слой и есть объем. Нужно придать ему другой цвет.

Стоя на этом слое, вызываю Стиль слоя, где выбираю Наложение градиента. Выбираю градиент от черного к белому,
уменьшаю его непрозрачность примерно до 30 %. Этот слой преобразую в смарт-объект (ПКМ кликом но слое вызываю меню
и выбираю Преобразовать в смарт-объект). Затем так же в контекстном меню выбираю Растрировать слой.

Беру инструмент Затемнитель и затемняю те участки на букве, которые находятся противоположно свету.
Все три слоя с этой буквой выделяю и объединяю в группу сочетанием клавиш Ctrl+G.
Перехожу к следующей букве и произвожу все те же действия.

Теперь на панели слоев мы видим папки (группы) для каждой буквы, в которых находятся отдельные слои.
Буквы расположены так, что одни в некоторой степени закрывают части других букв. Например, буква D наложена на букву Е, закрывая ее небольшую часть. Чтобы выглядело реалистично, надо нарисовать тень
в месте перекрытия букв.

Для этого выше слоя с буквой добавляю новый слой, на котором буду рисовать тень. Но для того, чтобы нарисованные линии тени
располагались лишь на нужном мне слое, не задевая рядом находящиеся буквы, этот слой превращаю в обтравочную маску.
Можно это сделать так: кликом ПКМ вызвать меню и выбрать Создать обтравочную маску; либо, зажав клавишу Alt, подвести курсор мыши между слоями и в тот момент, когда курсор приобретает форму квадрата со стрелкой, нажать ЛКМ.

Беру мягкую кисть черного цвета, размером — 20 рх. Уменьшаю прозрачность до 20%, нажим — до 50%.
Рисую тени на тех буквах, которые находятся зрительно ниже соседних. Получаю такой результат.

Объем можно придать всему слову сразу. В этом случае не надо вырезать каждую букву. Все выше описанные действия применяем к слою с текстом. То есть, написав текст, наложить на него градиент через Стиль слоя, придать Тиснение с теми же значениями.
Затем слово преобразовать в смарт объект, а после растрировать слой. Создать копию этого слоя с текстом.
Затем, встав на слой копия, с зажатой клавишей Alt, несколько раз нажать одновременно две клавиши со стрелками вниз и вправо.
Полученные слои объединить в один слой и наложить на него градиент через Стиль слоя. При этом результат будет таким.

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

Объемный текст

Чтобы создать красивый объемный текст в фотошопе, нужно потрать 15-20 минут или больше, в зависимости от того, что вы хотите получить в итоге. Никаких сложных 3dmax вам не понадобятся.

В самом начале урока я покажу какой результат получиться в конце. Это стильный объемный 3d текст:

А теперь запаситесь терпением и будьте внимательны к мелочам. Мы начинаем.

Этап 1 – фон

Создайте новое изображение в фотошопе. Я создавал большого размера 1280х1024 пикселя, 72 dpi.

Создайте новый слой и залейте его белым цветом.

Сначала мы подготовим фон для изображения.

Примените к этому слою стиль Gradient Overlay, в режиме Radial – круглый градиент.

Цвета и другие параметры градиента:

Теперь добавьте фигуру с помощью Custom Shape Tool (вызвать на клавиатуре – кнопка U). Фигура из стандартного набора фотошопа. Если такой фигуры у вас нет, подыщите что-нибудь похожее. Или вообще не рисуйте фон, главная цель урока это текст.

Стяните точки фигуры к центру, чтобы получилась примерно такая

Установите прозрачность для слоя с фигурой 70%, Fill – 0. Fill – это заливка.

Примените стиль Gradient Overlay

Создайте новый слой и выберите кисть черного цвета (B), прозрачность 10%. Зарисуйте её края изображения.

Этап 2 – текст

С помощью Text Tool напишем слово, в данном случае слово «style». Желтым цветом.

А сейчас произведем небольшую деформацию букв. Для этого используйте Edit – Free Tranform – Skew – чтобы наклонить текст.

Зажмите CTRL+ALT и нажмите несколько раз на слой с текстом, в поле изображения. При этом перетаскивая мышкой вниз. В результате этого мы создадим несколько копий слоя с текстом и расположеных последовательно вниз.

Соедените все слои, кроме верхнего. Для этого выберите слои и нажмите CTRL+E.

К полученному слою примените стиль Gradinet Overlay

Создадите новый слой и соедените его с этим (над которым только что работали).

С помощью инструмента Burn Tool (O) нанесите теней на буквы.

А с помощью Dodge Tool (O) нарисуем бликов.

Теперь выберите самый верхний слой с желтыми буквами и примените стиль Gradient Overlay

Уже совсем другой резульат, не правда ли. Но мы еще не закончили.

Далее нарисуйте белые линии, с помощью Line Tool (U). Обводите края граней на буквах.

На этом работа непосредственно с буквами закончена.

Этап 3 – декорации к тексту

С помощью Pen Tool нарисуйте кривую черного цвета, как на рисунке.

Применим к линии наш любимый стиль Gradient Overlay

Далее рисуем такую же линию на следующих буквах. Заметьте линия рисуется так – будто она обволакивает буквы, что придает красивый эффект.

И теперь по старой схеме добавляем стиль градиент

Заключительная – третья линия

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

Соедените все слои содержащиесь в группе. Сотрите у полосы не нужные участки, так чтобы тень падала только на буквы. Для стерки выберите кисть размером примерно 9 пикселей.

Создайте новый слой. Возьмите белую кисть и нарисуйте орнаменты на буквах. Не переживайте если получаеться криво.

Режим смешивания для слоя поставьте Overlay

Создайте еще слой и на нем нарисуйте такой же орнамент как на изображении.

Примените фильтр Filter – Blur – Gaussian Blur

С помощью Pen Tool, используя цвет #545E4E нарисуйте линии