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

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


Create a Quick and Easy 3D Type Effect

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


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

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

Вот к какому результату мы будем стремиться:
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Шаг 1 - начнем в иллюстраторе

Открываем программу, создаем новый документ и печатаем в нем одно слово. В данном примере используется английское слово “Style”,что означает стиль, а для цвета выбран черный 75%. Шрифт, используемый в примере называется Lobster его можно скачать здесь.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Дальше нужно превратить текст в единую форму. Для этого нужно выделить текст левым щелчком мыши при выбранном инструменте selection tool. Затем войти в пункт верхнего меню Type и выбрать пункт Create outlines (shift+ctrl+O). Затем на панели Pathfinder (если у вас она не открыта, то зайдите в пункт верхего меню window и откройте ее, либо комбинация shift+ctrl+F9) в верхнем пункте shape modes выберите unite.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Шаг 2 - создание эффекта 3Д

После первого шага у нас есть единая форма, к которой мы добавим объем: из верхнего меню Effect - 3D выбираем пункт Extrude & Bevel. В открывшемся окне нужно внести параметры подсвеченные красным на рисунке ниже, для доступа к опциям поверхности surface если они не открылись сразу, нужно кликнуть на кнопку more options внизу окна.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Должно получиться что-то вроде этого:
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Чтобы перенести всю эту красоту в фотошоп нужно сконвертировать ее в форму (shape). Выбираем пункт верхнего меню Object - Expand Appearance, а затем Object - Ungroup(shift+ctrl+G). Возможно разгруппировывать прийдется несколько раз, чтобы получить отдельные формы.

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

Теперь у нас есть формы, которые мы перенесем в фотошоп. Сначала выделим только текст без 3Д эффекта, нажимает ctrl+c для копирования выбранного объекта.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Открываем фотошоп, создаем новый документ и вставляем в него нашу форму при помощи комбинации клавиш ctrl+ V. Откроется небольшое окошко, где надо выбрать как вставить объект, выбираем paste as pixels и не изменяем размер формы, нажимаем enter как есть. Возвращаемся в иллюстратор и выбираем наш 3Д эффект, копируем его так же как текст, в фотошопе создаем слой под нашим текстом, вставляем туда форму с эффектом.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Выравниваем слои так, чтобы они походили на то, что было в иллюстраторе, и вот что должно получиться:
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Шаг 4 - завершение работы в фотошоп

На слое с текстом были применены следующие стили:
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Цвета для градиента #878787 и #222525

После всех стилей получим нечто вроде этого:
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Шаг 5 - добавляем свет и тени

Добавим немного света. Для начала сделаем фон серым. Заполним слой фона цветом #838383. Можете добавить немного шума, если хотите, для этого зайдите в меню Filter - Noise и выберите Add Noise. Используйте степень шума не больше 2-3.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Теперь добавим верхний свет используя белый цвет и широкую мягкую кисть. Создаем слой над фоном и кликаем на нем кистью один раз в центре. Режим слоя blend mode меняем на Overlay.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Судя по тени на форме 3Д, источник света располагается в левом нижнем углу. Наши тени должны отражать это. Выделяем форму 3Д(ctrl+click на слое с формой), создаем новый слой под слоем 3Д. Надо залить выделение на новом слое черным или темно-серым. Немного размоем используя фильтр из меню Filter - Blur - Gaussian Blur. Ставим значение размытия 2%, затем сдвигаем форму на 1-2 пикселя вверх и вправо. Получим тень как на рисунке внизу.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Теперь дублируем слой с тенью и размываем дальше используя фильтр из меню Filter - Blur - Gaussian Blur ставим значение 5. Теперь из меню Edit - Transform выбираем пункт Scale и тянем тень немного вверх и вправо.
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D
Вот и все! Быстро и просто мы создали эффект 3Д, который можно применять не только к тексту, но и к другому векторному объекту.

Автор NATHAN BROWN

перевод Simoril


Незнаете как скачать новость:

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

То вам Сюда!
Автор:Admin Размещено:27.03.2013 - 13:50 Просмотров:1954 Комментарии:0

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

Комментарии

Добавить комментарий!