Уроки Работа с текстом Creativo 16 сентября 2014

Создаём текст с металлическим эффектом в Фотошоп

Сложность урока: Легкий

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

Окончательный результат:

Использованная программа - Photoshop CS5 Extended

Ресурсы:

Архив

Шаг 1

Создайте новый документ 1152 x 864 рх. Установите цвет переднего плана на #66717d и цвет фона #2d3d48. Выберите Gradient Tool (G) (Градиент), в панели параметров выберите Radial Gradient (Радиальный градиент) и протяните линию градиента от центра к одному из углов.

Откройте в Фотошоп Текстуру 230 и поместите в рабочий документ над фоновым слоем. Смените режим наложения на Multiply (Умножение) и Opacity (Непрозрачность) до 70%.

Идём в Image - > Adjustments - > Hue/Saturation (Изображение - Коррекция - Цветовой Тон - Насыщенность) и измените значение Hue (Цветовой Тон) до 180, значение Saturation (Насыщенность) на - 70.

Шаг 2

Напишите текст шрифтом Baltar цветом  #8bbab размер 250пт. Установите межстрочное значение (Leading) на  270 пт, а значение трекинга (Tracking) на 75, чтобы в дальнейшем избежать перекрытия обводки.

Дважды щёлкните на слое с текстом, чтобы применить стили слоя.

Drop Shadow (Тень). Измените цвет на  #7f7f7f и Distance (Расстояние) на 6.

Inner Shadow (Внутренняя Тень)

- Color (Цвет) - #3da09f
- Distance (Расстояние) - 0
- Size (Размер) - 27

Outer Glow (Внешнее Свечение)

- Blend Mode (Режим Наложения) - Multiply (Умножение)
- Color (Цвет) - #75b2b6
- Size (Размер) - 50

Inner Glow (Внутреннее Свечение)

- Blend Mode (Режим Наложения) - Multiply (Умножение)
- Color (Цвет) - #54a5af
- Size (Размер) - 18

Оба стиля свечения используются, чтобы подчеркнуть эффект тени, изменяя режимы наложения и цвета.

Bevel and Emboss (Тиснение)

- Size (Размер) - 20
- Highlight  Mode (Режим Подсветки) - Vivid  Light (Яркий Свет) - Color (Цвет) - #9df0ff
- Highlight  Mode (Режим Тени) - Multiply (Умножение) - Color (Цвет) - #bff3f8

Contour (Контур)

- Контур - Half Round (Полукруг). Убедитесь, что установлена галочка на Anti - aliased (Сглаживание).

Texture (Текстура)

- Pattern (Узор) - Texturetastic Gray
- Depth (Глубина) - 30%

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

Satin (Глянец)

- Color (Цвет) - #b3e6ed
- Contour (Контур) - Log (Отчёт)

Это создаст яркий металлический эффект.

Шаг 3

Щёлкните правой кнопкой мыши по слою с текстом и выберите Create Work Path (Создать рабочий контур).

Создайте новый слой ниже слоя с текстом и назовите Stroke. Выберите жёсткую круглую кисть диаметром 25 рх и установите цвет переднего плана на  #909090.

Выберите инструмент Direct Selection Tool (Стрелка), щёлкните правой кнопкой мыши по контуру и выберите Stroke Path (Обводка контура).

Выберите кисть и убедитесь, что имитация нажима отключена.

Это добавит обводку. Нажмите Enter, чтобы избавиться от контура.

Загрузите выделение текста (Ctrl+клик по миниатюре) и на слое с обводкой нажмите delete, чтобы вырезать текст внутри обводки.

Снимите выделение Ctrl+D.

Шаг 4

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

Drop Shadow (Тень)

- Color (Цвет) - #737373
- Distance (Расстояние) - 10

Bevel and Emboss (Тиснение)

- Highlight  Mode (Режим Подсветки) - Vivid  Light (Яркий Свет) - Color (Цвет) - #dcdcdc
- Shadow  Mode (Режим Тени) - Color (Цвет) - #7d7d7d
Убедитесь, что галочка на сглаживании установлена.

Contour (Контур)

- Контур - Valley –Low (Долина - низко)
Галочка на сглаживании.

Это придаст эффект железа.

Шаг 5

Создайте новый слой поверх всех слоёв и назовите Pins.

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

Drop Shadow (Тень)

- Distance (Расстояние) - 0

InnerShadow (Внутренняя Тень)

- Color (Цвет) - #63b4bf

Bevel and Emboss (Тиснение)

- Highlight  Mode (Режим Подсветки) - Vivid  Light (Яркий Свет)
- Highlight  Mode (Режим Тени) - Multiply (Умножение) - Color (Цвет) - #7bd0dc

Убедитесь, что галочка на сглаживании установлена.

Contour (Контур)

- Контур - Ring - Double (Двойное кольцо). Галочка на сглаживании.

Теперь установите цвет переднего плана на  #7c97070. Возьмите жёсткую круглую кисть 18рх и на углах обводки добавьте кнопки. Старайтесь не добавлять слишком много кнопок.

Шаг 6

И наконец, нажмите на значок Create new fill or adjustment layer (Создать Новый Корректирующий Слой) внизу панели слоёв и выберите Gradient  Map (Карта Градиента).

Убедитесь, что этот слой находится выше всех слоёв, затем измените режим наложения слоя на Multiply (Умножение) и непрозрачность до 70%.

Щёлкните по окну градиента для его создания.

Введите такие значения:

Color – Location (Цвет - Позиция)

1 - #7c97070 - 0
2 - #e1e3e5 - 60
3 - #ffffff - 72
4 - #f0f2f3 - 80
5 - #bec1c2 – 100

Карта Градиента усилит цвета и добавит больше контраста.

Вот и всё. Финальное изображение.

Автор: texuts

 

Источник: textuts.com

18 тыс. 8
Печать Жалоба

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

Хоть убей, не понимаю, как может текст размером 250пт поместиться на докумете размером 1152х864 px! Вы ничего не путаете?

Спасибо автору и переводчику! Всё просто и симпатично. Только вот ссылка на архив не заработала...

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

Спасибо за урок. Немного не вышло, но много новому научился

Спасибо за урок,немного поэкспериментировал.

Понравился урок! :)

Спасибо за урок!

Спасибо.Легко,быстро и красиво.

Спасибо очень интересный результат

Спасибо! О_о

Спасибо за урок!

Большое спасибо! Всё получилось!

СПАСИБО БОЛЬШОЕ

Спасибо за урок!

Очень понравились кнопочки) Спасибо!

Большое спасибо. Понравилось делать кнопки с уже готовыми настройками.

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее