Стиль металла в Фотошопе

Основой веб дизайна в Фотошопе является умелое использование стилей слоя. В этом небольшом уроке Collis, основатель проекта psd.tuts.com покажет, как с помощью слоя можно добиться металлического эффекта. Не очень понятно, конечно, зачем Колину понадобилось мазать кисточкой задний фон, когда есть прекрасный стиль слоя Inner Glow, который делает тоже самое. Но в целом урок полезен для осваивания Стилей. Переведено для www.hronofag.ru

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

Создаем задний фон

Как обычно начнем с заднего фона. Я применил Радиальный Градиент с двумя тенями приятного зеленого цвета. Точный код цветов следующий: #93cc1a и #7eb704

Тени

Чтобы придать заднему фону больше лоска я создам небольшую тень по краям рабочей области. Берите большую кисть с мягкими краями и черным цвет. Создайте новый слой и просто пройдитесь по краям рабочей области кистью. Затем поменяйте невидимость слоя Opasity на 30%

Применяем Блур

Теперь продублируйте слой с тенью Layer > Dublicate и примените эффект Filters > Blur > Gaussian Blur. В настройках поставьте от 20ти пикселей.

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


Шрифты

Чтобы ещё немного усложнить задний фон я выбрал шрифт TW Cen MT (T1) и поставил букву S. Я выбрал цвет #cecfd0. Трансформировал до гиганских размеров и поставил режим наложения Multiply. В итоге получились приятные кривые на заднем фоне.

Фигуры в Фотошопе

Чтобы применить металлический стиль, мне нужна соответствующая фигура. Для этого я выберу инструмент произвольной фигуры Custom Shape Tool (U) и фигуру Fleur De Lis. Цвет #cecfd0 будет хорошей основой для нашего серо металлического эффекта.

Металлический эффект

Мы начнем создание металлического стиля с клика правой кнопкой мыши по слою и выберем там Blending Options. Подробно в статье Как применять стили

Для начала добавьте тень Drop Shadow. Пусть она немного оттеняет фигуру. Я использовал темно зеленый цвет, вместо черного. Умелое использование тени заключается в том, что тени не должно быть много.

Далее примените обводку Stroke. Параметр внутрь Inside и 4 пикселя. Типом обводки нужно выбрать градиент от серого к белому. Смысл этой процедуры в том, что реальный метал всегда переливается. Того же хотим добиться и мы.

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

Применяем градиент

Следующий этап — применение полного градиента Gradient Overlay. Градиент заливает тело объекта, как раз то, что нужно. Смысл применения этого стиля в том, чтобы создать контраст с градиентом примененным к обводке.

Применяем Bevel and Emboss

После того, как у нас получился этот хромированный эффект я воспользуюсь стилем Bevel and Emboss. В режимах выбираем Inner Bevel с огромным размером Size и применем Контур стиля. О контурах стилей в Фотошопе можно прочитать в статье Контуры в Фотошопе.

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

Наш металлический стиль готов! Можете теперь копировать стиль и сделать Paste на другие обьекты. Для этого кликните по слою правой кнопкой мышки и выбирайте Copy Layer Style.

Металлическая табличка

Чтобы закончить фигуру, я дбавил черную шапку и нарисовал инструментом Rounded Rectangle Tool небольшу табличку. Металлический стиль я просто скопировал на табличку. Для этого надо кликнуть по слою правой кнопкой мыши и выбрать в меню Paste Style.

Поверх таблички я добавил текст. Для текста я создал новый стиль слоя. Внутреннюю тень Inner Shadow, так как я хочу чтобы буквы как будто выдавливались из таблички. Градиент Gradient Overlay, потому что градиент создает более натуральный вид объектов.

И, конечно окантовку Stroke, я воспользовался градиентной окантовкой. Режим Outer Stroke. Градиент от темного сверху, к светлому снизу. Этот эффект создает иллюзию реальных краев у надписи. А в целом лишь усиливает общий металлический эффект

Окончательная версия

Вот и все. Приятный металлический стиль для в Фотошопе.

Скачать PSD исходник

P.S. Хотите узнать где купить самогонный аппарат? Благодаря современным технологиям самогонные апараты позволяют получать в домашних условиях высококласный алкоголь. Подробнее на homedistiller.ru