Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Мы будем создавать такой красивый текстовый эффект:



Стильный 3D текст


Шаг 1
Откройте Adobe Illustrator и текстовым инструментом напишите текст. Я использовал шрифт Bifurk. Я использовал этот шрифт потому, что он жирный и с ним удобно работать. Размер шрифта – 77 pt. Не беспокойтесь о больших размерах текста, мы позже его настроим.


Стильный 3D текст


Шаг 2
Установите цвет на белый. Перейдите в меню Эффект»3D»Тиснение и Фаска (Effect>3D>Extrude & Bevel). Используйте эти настройки:


Стильный 3D текст


Шаг 3
Время перейти в Photoshop. Просто скопируйте и вставьте наш документ (для этого просто нужно перетащить его). Я поместил текст на голубой фон для удобства работы.


Стильный 3D текст


Шаг 4
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стил:

Отбрасывание тени:


Стильный 3D текст


Внешнее свечение:


Стильный 3D текст


Глянец:


Стильный 3D текст


Наложение цвета:


Стильный 3D текст


Наложение градиента:


Стильный 3D текст

Стильный 3D текст


Шаг 5
Сделайте выделение текстового слоя (Ctrl+Click). Потом в новом слое сделайте градиентную заливку от чёрного к белому, как показано ниже. Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light) и Непрозрачность (Opacity) – 40%.

Я также хочу добавить тень. Выберите инструмент Кисть (Brush Tool) с непрозрачностью 20% маленького размера чёрного цвета. Под слоем с текстом нарисуйте тень букв. Вы можете применить фильтр Размытие по гауссу (Gaussian Blur Filter) к тени.


Стильный 3D текст


Шаг 6
На этом можно остановиться, но я продолжу оформлять текст. Сделайте копию слоя с текстом и Растеризуйте смарт-объект (Rasterize - Smart Object). Сделайте оригинальный слой невидимым и выберите инструмент Штамп (Clone Stamp Tool). Выберите красивую необычную кисть, похожую на брызги и клонируйте части текста так, чтобы получить эффект небольшого распада, как показано ниже. Но, главное, не переусердствуйте.


Стильный 3D текст


Шаг 7
Я добавлю ещё несколько элементов. Вместо спирали я добавлю то, что называется “дорожной разметкой”. Правильнее сказать полоски. Инструментом Перо (Pen Tool) создайте линию, как показано ниже, и залейте её белым цветом. Используя кисть с варьирующейся непрозрачностью, можете обрисовать эту линию, и скрыть немного края при помощи маски слоя.


Стильный 3D текст


Шаг 8
Мы будем использовать фильтр Блик (Lens Flare Filter), чтобы добавить эффект свечения. Создайте новый слой (Create New Layer) поверх всех слоёв и залейте его чёрным цветом. Примените фильтр Блик (Lens Flare Filter): тип линзы - 105mm prime. Установите свечение по желанию. Потом установите Режим наложения – Осветление (Blending Mode – Screen). Грубые края свечения можно подтереть Ластиком (Eraser Tool). Также поработайте с Непрозрачностью (Opacity) слоя.


Стильный 3D текст


Шаг 9
Теперь добавим немного цвета тексту. Создайте новый слой (Create New Layer), выберите кистью средних размеров цветом #e02c97 и обрисуйте основание текста. Когда закончите, сделайте выделение слоя с текстом (Ctrl+Click), потом сделайте Инверсию выделения и нажмите Delete. Это отчистит всю обрисованную область вне текста. В конце можете установить Режим наложения – Мягкий свет (Blending Mode – Soft Light).


Стильный 3D текст


Шаг 10
Теперь немного поработаем над фоном. Создайте новый документ размером 40х2 пикселя с прозрачным фоном. Залейте половину холста чёрным цветом. Перейдите в меню Редактировать»Определить узор (Edit>Define Pattern) и сохраните узор.


Стильный 3D текст


Шаг 11
Вернитесь к основному документу. Создайте новый слой (Create New Layer) под текстовым слоем и перейдите в меню Редактировать»Заливка (Edit>Fill) и залейте слой созданным узором. Весь фон будет залит узором. Потом перейдите в режим Перспективы (Transform - Perspective). Потяните нижнюю левую точку, удерживая Shift, так, чтобы получить тень от букв. Потом установите Режим наложения – Мягкий свет (Blending Mode – Soft Light). Используя кисть с небольшой непрозрачностью в маске слоя я убрал ненужные элементы узора.


Стильный 3D текст


Шаг 12
Теперь создадим кольца. Выберите инструмент Эллипс (Ellipse Tool) и в настройках инструмента сверху установите значение Контуры (Paths). Теперь, удерживая Shift, создайте круг и добавьте ему 2-пиксельную обводку кистью. Это можно сделать, кликнув правой кнопкой мыши на контуре и выбрав Обводка контура (Stroke Path), но заранее вы должны выбрать размер инструмента Кисть (Brush Tool) – 2 пикселя. После сделайте копию слоя и уменьшите её размер, сохраняя пропорции. Проделайте этот процесс 4 раза. Теперь объедините все слои с кольцами (Ctrl+E). Добавьте свечение белого цвета кольцам. Можете использовать фильтр Блик (Lens Flare Filter) и немного поработать с маской слоя, чтобы создать более реалистичное свечение:


Стильный 3D текст


Шаг 13
Теперь добавим облака. Я использовал изображение, показанное ниже:


Стильный 3D текст


Я просто вставил изображение, сделал копию и поэкспериментировал немного.


Стильный 3D текст


Заключение:
Создайте новый слой (Create New Layer) и расположите его под слоем с полосками. Сделайте градиентную заливку розового цвета сверху вниз, потом понизьте непрозрачность почти вдвое и всё.

Вы научились создавать эффект 3D без использования каких-либо программ по созданию объёмности фигур. Существует много способов создания подобного эффекта. То, что у нас получилось выглядит очень реально и классно .



Стильный 3D текст



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: