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

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

Шаг 1: фон

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

Шаг 2: шрифт

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

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

Шаг 3: обьем

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

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

Шаг 4: хром

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

Шаг 5: контур

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

Шаг 6: тень

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

Так, давайте добавим немного теней. В левом меню “Blending Options…” выбираем “Drop Shadow” и ставим подходящие настройки. Тень придала обьему нашему хромированному тексту. Я решил еще добавить бленду (затемненную рамку) вокруг картинки, чтобы придать этому всему завершённости. Увы, данное пояснение для новичка мало понятно, ему лучше пройти курсы дизайна где изучают все приемы по порядку.

Итог

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

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или Дизайн Мания RSStwitter!

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