Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание текста с эффектом 3D цвета металлик в Adobe Photoshop

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 1-02-2015, 12:02
Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Преобразование и дублирование элемента, является одним из самых простых и быстрых способов создания 3D объектов в Photoshop. Этот учебник поможет вам создать 3D текст, используя этот метод, а затем моделируя разные слои, вы сможете создать текст с эффектом ретро, цвета металлик. Давайте начнем!

Содержание учебника

Нижеследующие пункты, которые мы использовали в процессе создания данного пособия.
- Шрифт Nexa Rust
- Бесплатные обновления 6000 градиентов фотошопа по Supertuts007 ( Загрузите файл CHROMES.grd )
- Free Tileable Leather Patterns by WebTreatsETC
- Для того, чтобы загрузить используемые контуры, перейдите к Редактирование> Наборы> Управление наборами (Edit>Presets> Preset Manager, и выберете Контуры из Preset Type, который появляется в меню. Потом нажмите на маленькую стрелку справа от Preset Type и нажмите на Контуры, в нижней части всплывающего меню. Когда появится диалоговое окно, просто нажмите кнопку Добавить (Append), и вы получите контуры.

1. Создание фона

Шаг 1
Создайте новый документ размерами 900 х 675 пикселей. Установите Основной цвет (Foreground color) на #252927 и цвет фона на #0d0e0e. Выберите инструмент Градиент (Gradient Tool), выберите цвет переднего плана к фону градиентной заливки, и нажмите на значок Радиальный градиент (Radial Gradient).

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

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 2
Дважды кликните на слое копии Основного фона, чтобы применить следующие стили слоя.

Добавьте Наложение цвета (Color Overlay) с параметрами:
• Цвет: #1c1f26
• Режим смешивания (Blend Mode): Цветной

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг3
Добавьте Наложение градиента (Gradient Overlay) с параметрами:
• Режим смешивания: Наложение
• Стиль: Отражение
• Угол обзора :45
• Проверьте окно Reverse
• Используйте заливку Silver 20ss

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг4
Добавьте Наложение с такими параметрами:

• Режим смешивания: Мягкое светлое
• Рисунок: webtreats_grey_leather.jpg
• Масштаб: 50%

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


К фону будет применена простая кожаная текстура.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


2. Создание текста и смарт объектов
Шаг1
Создайте текст, используя шрифт Nexa Rust Script. Размером в 245 pt и цветом #f4f4f4.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг2
Продублируйте слой текста и перетащите копию слоя под оригинал.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 3
Введите режим Свободное Трансформирование (Free Transform Mode), перейдя в Редактировать> Свободное трансформирование) Edit> Free Transform (Ctrl - T). Нажмите правой клавиши со стрелкой один раз, затем нажмите клавишу со стрелкой вниз один раз, чтобы передвинуть копию текста, один пиксель вправо и один пиксель вниз. Затем нажмите клавишу Return, чтобы принять изменения.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 4
Измените скопированный цвет текста на # 4e4e4e. Нажмите на Command -Option -Shift -T (Control -Alt -Shift -T для Windows) ключей 17 раз, чтобы дублировать слой с преобразованием для создания 3D экструзии.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 5
Выберите все текстовые слои копирования, и перейдите к Фильтр > Преобразовать для смарт фильтров (Filter> Convert для Smart Filters). Переименовать слой смарт- объекта, чтобы добавить копию 1 после текста, который у вас есть.

Скопируйте слой смарт- объекта два раза, переименуйте слои копирования, чтобы добавить копию 2 и копию 3, а затем измените слой Заливки копии 3 на 0%.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


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

Шаг1
Добавить Скос и Рельеф (Bevel and Amboss) с такими настройками:
• Дизайн: Внешний скос
• Размер: 3
• Снять галочку у параметра Глобальное освещение (Use global light)
• Угол: 77
• Высота: 42
• Проверить метод сглаживания (Anti- aliased)
• Режим освещения: Линейный свет
• Режим тени: Непрозрачность 50%

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг2
Добавьте контур со следующими параметрами:

• Контур: по Гауссу
• Проверьте метод сглаживания

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 3
Добавьте Обводку (Stroke) c настройками:

• Размер: 1
• Тип заливки: Градиент
• Угол: -135
• Используйте aluminum 150e

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг4
Добавьте внешнее свечение с настройками:

• Режим смешивания: Затемнение основы
• Шум: 10%
• Цвет: #8c8c8c
• Источник: из центра
• Размер: 18

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг5
Добавьте Наложение градиента с настройками:

• Дизайн: Отраженный
• Угол: 45
• Масштаб: 150%
• Используйте aluminum 150e

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 6
Это дизайн слоя текста оригинала. Что мы собираемся делать дальше, это попытаться использовать другие градиентные заливки и эффекты слоя, которые соответствуют дизайну 3D этой части текста.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


4. Дизайн первого слоя 3D экструзии
Дважды кликните по копии слоя 2 смарт объекта, чтобы применить следующие слои дизайна:

Шаг 1
Добавьте Внутреннюю тень с параметрами:

• Цвет: #424242
• Снять галочку у параметра Глобальное освещение
• Угол: -42
• Расстояние: 57

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 2
Добавьте Наложение градиента с настройками:

• Дизайн: Отраженный
• Угол: 45
• Масштаб: 150%
• Используйте темный хром (Dark chrome) для заливки градиента

Кликните по Градиенту, чтобы изменить заливку градиента.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 3
Нажмите на цвета остановка светлого цвета, ближе к концу правой стороны градиента, и нажмите кнопку Удалить, чтобы удалить эту остановку, поскольку там, нам не нужен светлый цвет.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 4
Добавьте Падающую тень (Drop shadow) с настройками:

• Непрозрачность: 60%
• Расстояние: 10
• Размер: 10

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Это дизайн первого слоя 3D экструзии, с добавлением градиента цвета металлик.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


5.Дизайн второго слоя 3D экструзии.
Дважды кликните по слою копии 3 смарт объекта, чтобы применить следующие дизайн:

Шаг 1
Добавьте Скос и Рельеф со следующими настройками:

• Размер: 0
• Проверьте метод сглаживания
• Режим подсветки: Яркий свет
• Режим тени- Непрозрачность: 65%

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 2
Добавьте контур со следующими настройками:

• Контур: Конус
• Проверить метод сглаживания

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 3
Добавить внутреннее свечение со следующими настройками:

• Режим смешивания: Яркий свет
• Шум: 10%
• Цвет: #c5c5c5
• Метод: Точный
• Источник: Из центра
• Размер: 46

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 4
Добавьте эффект атласа с настройками

• Режим смешивания: Затемнение основы
• Цвет: #717171
• Расстояние: 7
• Размер: 18
• Контур: Пологий склон- долина

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Это интенсификация и расширение части 3D данного текста.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


6. Создание теней

Шаг1
Выберите слой копии 1 смарт объекта и перейдите к Фильтр> Размытие> Размытие в движении (Filter> Blur> Motion Blur). Измените угол до 55, а расстояние до 100.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 2
Измените режим смешивания слоя копии 1 на Затемнение основы (Color Burn) и его непрозрачность до 25 %.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 3
С помощью Инструмент “Перемещение” (Move Tool), переместите тень так, чтобы она проходила от верхней части текста вниз.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


7. Добавление виньетка

Шаг 1
Нажмите Создать новую заливку или значок корректирующий слой в нижней части панели слоев и выберите Градиент.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 2
Используйте Прозрачность для цвета градиентной заливки с цветами #ebebeb влево и # 282828 вправо. Затем измените дизайн к радиалу и масштабу до 300.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


Шаг 3
В финале, измените корректирующий слой режима смешивания на умножение.

Создание текста с эффектом 3D цвета металлик в Adobe Photoshop


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

Мы преобразовали 3D-слои экструзии в смарт-объект, продублировали, и вставили его вместе со слоем текста оригинала.

Для достижения эффекта ретро и вида металлик, мы использовали много эффектов слоя и градиенты. Мы создали тень, используя фильтр Размытие в движении, и изменили режим смешивания своего слоя и положение.

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

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, и результаты ниже.


 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 24860 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.