Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

213 640 чел. 404 295 работ 4 123 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Создаём металлическую 3D текстуру в Фотошоп

Металлический текст на 3 D – текстуре металла.

В этом уроке мы будем создавать объёмный текст на фоне металлической текстуры с эффектом 3D с помощью различных инструментов Фотошоп.

Финальное изображение.

Ресурсы

Откройте новый документ  1900x1200 рх,разрешение 72dpi, фон белый. Затем создайте новый слой (Ctrl+Shift+N) и залейте его 50% серым, нажав на Shift+F5.

Перейдите в меню Filter > Pixelate > Color Halftone (Фильтр – Оформление – Цветные полутона).

Теперь нам нужно выделить белый фон. Для этого пройдите во вкладку Channels (Каналы) и с зажатой Ctrl щёлкните по одному из каналов.

Перейдите на вкладку  Layers (Слои). При активном выделении создайте новый слой и залейте выделение 50% серым   (Shift+F5). Снимите выделение (Ctrl+D).

Мы имеем три слоя: фоновый белый, слой с чёрными кругами и слой, залитый серым. Отключите видимость среднего слоя, нажав на глазик.

Далее перейдите на фоновый слой и инвертируйте цвет, нажав Ctrl+I.

Дважды щёлкните по серому слою на панели слоёв, чтобы открыть окно стилей и примените стиль слоя Bevel & Emboss (Тиснение).

Создайте новый слой (Ctrl+Shift+N) в качестве обтравочной маски (Alt+Ctrl+G). Выберите инструмент Gradient Tool (G) (Градиент) и протяните линейный градиент сверху вниз.

Примечание переводчика: автор не дал коды цветов градиента. У меня приблизительные цвета такие:   #9b4c23, #f4d1be, #73371d, #e7cdbc. Распределите маркеры цветов, ориентируясь на скриншот.

Затем обесцветьте слой с градиентом, пройдя в меню  Image > Adjustments > Desaturate (Изображение – Коррекция – Обесцветить) (Shift+Ctrl+U).

Объедините серый слой и слой с градиентом в один (Ctrl+E). Затем перейдите в меню 3D > New Mesh from Layer > Postcard (3D – Новая сетка из слоя – Открытка). Инструментами поворота и перемещения поверните слой, как показано ниже.

Примечание переводчика: так же можно воспользоваться функцией Трансформация (Ctrl+T) и с помощью Perspective (Перспектива) и  Distort (Искажение) придать соответствующую форму.

Напишите свой текст.

Добавьте следующие стили слоя.

Примечание переводчика: в стиле Тиснение данного контура в наборе контуров нет. Щёлкните по окну контура и в открывшемся окне редактора создайте примерно такой контур.

Вот что должно получиться.

Дублируйте слой с текстом (Ctrl+J). Очистите стили слоя – ПКМ – Clear Layer Style (Очистить стиль слоя).

Примените следующие стили слоя.

Результат.

Добавьте корректирующий слой Curves (Кривые) с такими настройками.

Создайте новый слой (Ctrl+Shift+N). Выберите мягкую круглую кисть (Brush Tool) цвет чёрный и затемните по краям холста. Варьируйте непрозрачность кисти на верхней панели инструмента.

Далее создайте ещё один корректирующий слой Gradient Map (Карта Градиента). Измените режим наложения этого слоя на Soft Light (Мягкий свет) и уменьшите Opacity (Непрозрачность) до 34%.

Откройте текстуру с бликом и перенесите в работу.

Измените режим наложения слоя на Screen (Осветление/Экран).

Дублируйте слой с бликом и расположите, как показано ниже.

Выберите копию текстового слоя и дублируйте ( Сtrl+J). Преобразуйте этот слой в Смарт – Объект. Для этого пройдите в меню Layer> Smart Objects> Convert to Smart Object (Слой – Смарт Объект – Преобразовать в Смарт – Объект).

Затем перейдите в меню Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении).

Переместите этот слой ниже всех текстовых слоёв.  Получится следующий эффект.

Выберите самый верхний слой в панели слоёв и нажмите сочетание клавиш Ctrl+Alt+Shift+E . Создастся объединённый слой. Далее перейдите в меню Filter > Blur > FieldBlur (Фильтр – Размытие – Размытие поля).

Примечание переводчика: данный фильтр появился в CS6. В более ранних версиях этого фильтра нет.

И вот окончательный результат.

Надеюсь, вам понравился этот урок.

Автор урока:TutsPS

 

Комментарии 77

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Z_ivan, Подскажите пожалуйста, какой шрифт Вы использовали?
Очень красиво получилось!

A_Alina, использовал шрифт HelveticaNeueLTStd-HvCnO

Спасибо! Классный урок.

Спасибо! Урок великолепный...

Спасибо за урок! Было интересно!

Спасибо Светлана.

Спасибо, интересный урок.

Спасибо за перевод )

весьма признателен за урок

Создаём металлическую 3D текстуру в Фотошоп

Спасибо. Урок понравился

Спасибо! Интересно...

Спасибо, текстура шикарная))

только начала учиться ФШ)) и спасибо этому уроку,мой первый блин(вроде не комом):)))

Как-то так... Спасибо за урок!

Вот так получилось, проблема вышла с Затемнением,пришлось с кистью работать, Ну эффекта не потеряло думаю, спасибо)

Эх получилось как то так,буду пробовать снова и снова=)

Спасибо! Раньше еще не пробовал 3д... узнал много нового)

ну вот,вроде бы сделал)спасибо)

Своеобразно у меня получилось. Хороший урок, доступный. Спасибо!
Жаль качество...

Спасибо за интересный урок, пришлось подумать...

Спасибо. Красивый урок и текст

Создаём металлическую 3D текстуру в Фотошоп. Спасибо.

Огромное вам спасибо за урок!

Огромное спасибо за урок, очень понравилось

Не получилось добиться глянцевого эффекта,а так же блики не нравятся,но суть ясна. Спасибо.

P.S. Вообще мне нужен был только принцип создания сетки)

НЕмного по своему сделал)

У меня получился более насыщенный вариант

Еще 12
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.