Создаем хромированный текст в Photoshop

Создаем хромированный текст в Photoshop

Автор: alexnjoy | Категория: How-to | Комментарии: 0 | 18-07-2009

Пришло время для очередного урока. Сегодня я покажу как можно при помощи Photoshop создать хромированный текст используя стандартные инструменты. Сам урок очень простой, а результат — это красивые картинки с надписями, которые годятся для обоев, логотипов и т.д. Чтобы достичь максимального эффекта, вы должны учитывать шрифт, который вы выбрали и угол наклона. Вам придется корректировать настройки, чтобы хромированный текст получился реалистичным. Я работаю на macbook pro и фотошоп у меня на английском, так что я постараюсь максимально интуитивно все объяснить. Я разбил урок на несколько шагов. Поехали: "Создаем хромированный текст в Photoshop"

chromelogo

Шаг 1: фон


Для начала нам нужно создать рабочее место. Я выбрал для себя такие размеры: ширина: 697 и высота 400. Чем больше, тем лучше, просто я хотел втулить это все в свой блог, а у меня ширина 697.

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

1

Шаг 2: шрифт


Теперь нужно выбрать шрифт для вашего текста. Я использовал Matura MT Script Capitals но вы можете использовать любой другой, можно даже какой нибудь логотип использовать.

Чтобы вписать текст в бекграунд, я немного повернул его, что бы угол наклона совпадал со швами на коже. Для этого идем сюда: “Edit” -> “Transform” -> “Rotate“. После этого изменения вы все еще сможете редактировать текст.

У вас должно получится что-то вроде этого:

2

Шаг 3: обьем


Настало время добавить немного эффектов, чтобы ваш текст был более хромированным. Для этого мы будем использовать свойства “Blending”. Делаем правый клик по слою с текстом и выбираем “Blending Options…”. В появившемся окне выбираем “Bevel and Emboss”, оно находится в левой колонке. Сейчас мы сделаем наш хромированный текст объемным. Выставите следующие настройки:

bevel-settings

Это важный шаг. Если вы выбрали другой шрифт и ваша картинка не совпадает с моим скрином, то вам придется немного с параметром «Size», чтобы подогнать размер под свой шрифт. После добавления этих настроек у меня в Photoshop получилось вот такое:

3

Шаг 4: хром


Теперь добавим нашему тексту немного хромированного блеска. Самый простой способ — использовать параметр “Gradient Overlay”, который находится в тех же “Blending Options…”. В левом меню выбираем “Gradient Overlay” (наложение градиента) и выставляем следующие настройки:

gradient-overlay-settings

Как вы заметили, цвет «Overlay» не черно-белый, это для реалистичности нашего хромированного текста. Вместо черного, я использовал вот этот: “# 000629“:

gradient-color

После наложения градиента, у вас должно получится что то вроде этого:

4

Шаг 5: контур


Ок, с хромом покончено, теперь нам нужно как то привязать текст к заднему фону. Для этого мы добавим черный контур нашему тексту. Все там же (в “Blending Options…”) выбираем пункт «Stroke» и выставляем следующие настройки:

stroke-settings

Как вы видите, это немного приклеило наш хромированный текст к кожаному бекграунду:

5

Шаг 6: тень


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

Так, давайте добавим немного теней. В левом меню “Blending Options…” выбираем “Drop Shadow” и ставим следующие настройки:

shadow-settings1

Эта тень придала обьему нашему хромированному тексту. Я решил еще добавить бленду (затемненную рамку) вокруг картинки, чтобы придать этому всему завершённости. После добавления тени у вас должно получится такое:

71

Итог


Вы еще можете немного поиграться с текстом в Photoshop, можно добавить блики или эффект линзы... На этом мой короткий и простой урок «Создаем хромированный текст в Photoshop» закончен. Надеюсь вам понравилось. Все свои мысли и идеи по поводу того, что можно еще сюда добавить — оставляйте в комментариях.

    Как вам "Создаем хромированный текст в Photoshop" ?
    Следи за обновлениями Desigzo, подпишись на RSS или Twitter!

Оставь комментарий