В
этом учебном руководстве мы собираемся создать 3d текст в фотошопе и
применить некоторые световые эффекты для большей реалестичности. 3D
функция в Photoshop не легка в работе и не совершенна, но тем не менее
мы можем достигнуть больших результатов, используя ее. Для работы нам
потребуется
Photoshop CS 5Шаг 1Начнем с создания нового документа в Photoshop со следующими настройками:
Шаг 2Наш фон будет изображением кирпича, которое можно
загрузить здесь. После загрузки изображения, импортируйте его к документ и подгоните под масштаб нашего рабочего холста, используя команду
Трансформирование (
CTRL+T).
Шаг 3Теперь, мы собираемся добавить световой эффект к этой текстуре. Зайдите на вкладку:
Фильтр > Рендерринг (Filter > Render) и выберите
Эффекты освещения (Lighting Effects).
Шаг 4Чтобы добавить немного котраста на фоновое изображение, создайте корректирующий слой
Уровни (Levels). Это можно сделать, зайдя на вкладку:
Слой > Новый корректирующий слой > Уровни (Layer > New adjustment layer > Levels)Шаг 5Теперь, давайте введем текст, который мы хотим, используя цвет #e5dfda и размер около 180pt. Я использовал шрифт
Laconic. Расположите текст в центре документа.
Шаг 6Мы должны использовать инструмент
"Штампованный” (Repousse), чтобы сделать 3D эффект тексту. Зайдите в меню наверху экрана:
3D > Чеканка (3D > Repousse), и выберите из списка
Текстовый слой (Text layer). Всплывающее окно предупредит вас о том, что предварительно необходимо растрировать слой. Согласитесь, нажав
Да (Yes). Появится окно, и мы оставим все значение по умолчанию настроек, кроме настроек
Скоса (Bevel). После изменения этих значений выберите инструмент
Pan the Mesh tool
(на рисунке ниже обведем красным квадратом), чтобы трансформировать
слой. Трансформируйте его так, будто вы смотрите под текст, как показано
на рисунке ниже.
Шаг 7Теперь, когда 3D слой создан, с копируйте его. Назовите дубликат 3D слоя "
тень". Переместите этот дубликат под исходный слой с текстом, кликните правой кнопкой мыши по слою и выберите из списка
Растрировать 3D (Rasterize 3D).
Шаг 8Скройте основной 3D слой. Измените стиль слоя - дубликата, кликнув правой кнопкой мыши по слою и выбрав из списка
Параметры наложения (blending options) и примените стиль
Наложение цвета (Color Overlay) и установите цвет на черный. Затем инструментом
Кисть (Brush Tool) размером около 50px, твердостью 0% и 40% непрозрачности закрасьте дырки внутри букв, как показано на рисунке.
Шаг 9В
этом шаге мы будем изменять масштаб тени, чтобы добавить перспективы.
Сделайте видимым основной 3D слой, вернитесь к дубликату и нажмите
CTRL+ T. Теперь исказите слой, как на рисунке.
Когда Вы почувствуете себя удовлетворенными результатом, просто нажмите
Enter, чтобы изменения вступили в силу. Зайдите во вкладку:
Фильтр > Размытие (Filter > Blur) и примените
Размытие по Гауссу (Gaussian Blur). Установите значение приблизительно на 10px. Затем снова зайдите в меню
Фильтр > Размытие (Filter > Blur) и выберите
Размытие в движении (Motion Blur) и установите
угол (angle) на90º и
Смещение (distance) на 30px.
Теперь сотрите область тени, которая выступает сверху над буквами.
Шаг 10Теперь давайте придадим текстуру нашему 3D тексту. Загрузите текстуру
здесь.
Данная тексура отличается от оригинала, так как оригинальная была
удалена с сервера. Используйте эту или любую другую на ваше усмотрение.
Импортируйте ее в документ, назовите слой с текстурой "
front texture”. Теперь, зажав клавишу
CTRL,
кликните по миниатюре слоя с 3D текстом левой кнопкой мыши, чтобы
загрузить выделение. Далее просто убедитесь, что слой с текстурой
активен и создайте для него маску, щелкнув по соответствующей иконке в
палитре слоев.
Теперь дублируйте слой, удалите его маску и измените
режим наложения (blending mode) нового слоя на
Умножение (Multiply). Теперь, зажав клавишу
Alt, расположите курсор мыши между слоем с маской и только что созданным слоем без маски и кликните левой кнопкой мыши.
Шаг 11Дублируйте слой
"front texture”, назовите его
"side texture”, измените режим наложения на
Умножение (Multiply) и удалить маску с него. Дублируйте слой 3D текста и растрируйте его. Теперь на активном слое
"side texture” выберите инструмент
Волшебная палочка (Magic Wand) и выделите переднюю часть текста, зажав клавишу
CTRL и щелкнув по миниатюре основного слоя с 3D текстом. Удалите выбранную область, нажав
Delete и снимите выделение, нажав
CTRL+D. Теперь выберите слой
"side texture” и, зажав клавишу
CTRL, щелкните по миниатюре дубликата слоя с 3D текстом, чтобы загрузить выделение. После этого примените маску к слою
"side texture” После этого можно удалить дублированный слой с 3D текстом.
Шаг 12Примените два корректирующих уровня к слою "side texture”:
Яркость/контраст (Brightness/Contrast)
Уровни (Levels)
Шаг 13Наш
3D текст завершен. Теперь давайте добавим под этот текст неоновую
надпись. Введите любой текст под 3D текстом. Используйте шрифт
Finder размером 95pt.
Добавьте следующие стили слоя:
Создайте новую группу и измените режим наложения на
Осветление основы (Color Dodge).
Теперь дублируйте этот текстовый слой и перетащите его в эту группу,
после этого удалите стили этого слоя. Снова выберите первый текстовый
слой и зайдите на вкладку:
Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).
Теперь для слоя, находящегося в группе также примените
Размытие по гауссу и следующие стили слоя:
Выберите группу, которую мы создали и затем, нажав клавишу
Shift выберите первый текстовый слой, таким образом произойдет выделение сразу трех слоев. Теперь зайдите в меню:
Слой > Дубликат слоев (Layer > Duplicate Layers). После этого сразу же нажмите
CTRL+E, чтобы объединить только что созданные дубликаты в один слой. Переместите его под основной слой с тектом. Зайдите на вкладку:
Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус приблизительно на 30px и затем измените режим наложения уровня на
Осветление основы (Color Dodge). Копируйте этот уровень, нажав
CTRL+J.
Шаг 14Теперь мы должны стереть некоторые области теней. Для этого возьмите инструмент
Ластик (eraser tool) с непрозрачностью в 15 % и начните стирать.
Вот так должен выглядеть окончательный результат: