Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D

Как быстро и просто создать эффект 3D текста, используя Photoshop и Illustrator

Мне очень понравился этот эффект, он эллегантный и простой. Я перевела урок, для всех желающих.

Аккуратный и современный 3Д шрифт — это классный спецэффект и его, на удивление, быстро и просто создать. С помощью фотошопа и иллюстратора этот шрифт реально сделать за несколько минут. Рассмотрим ниже процесс его созданпя.

Вот к какому результату мы будем стремиться:

Шаг 1 — начнем в иллюстраторе

Открываем программу, создаем новый документ и печатаем в нем одно слово. В данном примере используется английское слово “Style”,что означает стиль, а для цвета выбран черный 75%. Шрифт, используемый в примере называется Lobster его можно скачать здесь.

Дальше нужно превратить текст в единую форму. Для этого нужно выделить текст левым щелчком мыши при выбранном инструменте selection tool. Затем войти в пункт верхнего меню Type и выбрать пункт Create outlines (shift+ctrl+O). Затем на панели Pathfinder (если у вас она не открыта, то зайдите в пункт верхего меню window и откройте ее, либо комбинация shift+ctrl+F9) в верхнем пункте shape modes выберите unite.

Шаг 2 — создание эффекта 3Д

После первого шага у нас есть единая форма, к которой мы добавим объем: из верхнего меню Effect — 3D выбираем пункт Extrude & Bevel. В открывшемся окне нужно внести параметры подсвеченные красным на рисунке ниже, для доступа к опциям поверхности surface если они не открылись сразу, нужно кликнуть на кнопку more options внизу окна.

Должно получиться что-то вроде этого:

Чтобы перенести всю эту красоту в фотошоп нужно сконвертировать ее в форму (shape). Выбираем пункт верхнего меню Object — Expand Appearance, а затем Object — Ungroup(shift+ctrl+G). Возможно разгруппировывать прийдется несколько раз, чтобы получить отдельные формы.

Шаг 3 — переходим в фотошоп

Теперь у нас есть формы, которые мы перенесем в фотошоп. Сначала выделим только текст без 3Д эффекта, нажимает ctrl+c для копирования выбранного объекта.

Открываем фотошоп, создаем новый документ и вставляем в него нашу форму при помощи комбинации клавиш ctrl+ V. Откроется небольшое окошко, где надо выбрать как вставить объект, выбираем paste as pixels и не изменяем размер формы, нажимаем enter как есть. Возвращаемся в иллюстратор и выбираем наш 3Д эффект, копируем его так же как текст, в фотошопе создаем слой под нашим текстом, вставляем туда форму с эффектом.

Выравниваем слои так, чтобы они походили на то, что было в иллюстраторе, и вот что должно получиться:

Шаг 4 — завершение работы в фотошоп

На слое с текстом были применены следующие стили:



Цвета для градиента #878787 и #222525

После всех стилей получим нечто вроде этого:

Шаг 5 — добавляем свет и тени

Добавим немного света. Для начала сделаем фон серым. Заполним слой фона цветом #838383. Можете добавить немного шума, если хотите, для этого зайдите в меню Filter — Noise и выберите Add Noise. Используйте степень шума не больше 2-3.

Теперь добавим верхний свет используя белый цвет и широкую мягкую кисть. Создаем слой над фоном и кликаем на нем кистью один раз в центре. Режим слоя blend mode меняем на Overlay.

Судя по тени на форме 3Д, источник света располагается в левом нижнем углу. Наши тени должны отражать это. Выделяем форму 3Д(ctrl+click на слое с формой), создаем новый слой под слоем 3Д. Надо залить выделение на новом слое черным или темно-серым. Немного размоем используя фильтр из меню Filter — Blur — Gaussian Blur. Ставим значение размытия 2%, затем сдвигаем форму на 1-2 пикселя вверх и вправо. Получим тень как на рисунке внизу.

Теперь дублируем слой с тенью и размываем дальше используя фильтр из меню Filter — Blur — Gaussian Blur ставим значение 5. Теперь из меню Edit — Transform выбираем пункт Scale и тянем тень немного вверх и вправо.

Вот и все! Быстро и просто мы создали эффект 3Д, который можно применять не только к тексту, но и к другому векторному объекту.

Автор NATHAN BROWN

перевод Simoril