Стильная металлическая текстура в Фотошопе

Автора некоторых прошлых уроков на Хронофаге Fabio вы уже знаете. Fabio — дизайнер, автор сайта abduzeedo.com В своем очередном уроке он расскажет о том, как создать металлическую иконку, в стиле дизайнерских продуктов Apple. Перевод подготовлен специально для проекта Хронофаг.

[divider top=»0″]

В этом уроке я покажу вам как в Фотошопе можно создать алюминиевую текстуру, похожую на дизайн продукты от Apple. Похожий урок на тему iCloud можно прочитать здесь — Как сделать иконку iCloud.

Создаем рабочее пространство

Для начала создадим новый документ. Так как я изначально хотел создать обои для моего ноутбука, я выбрал размер 1440×900 пикселей. Разблокируйте слой заднего фона. Об этом подробно написано в статье Работа со слоями

Далее добавьте стиль слоя Gradient Overlay с режимом наложения Multiply, радиальным градиентом и цветами #f2f2f2, #c3c3c3. На всякий случай даю ссылки на статьи которые помогут вам понять что происходит. В статье Как сделать стиль, вы научитесь применять стили слоя, а в статье Как сделать градиент, научитесь создавать свои градиенты.

Создаем шум

Создайте новый слой и назовите его “noise.” (шум). Выберите инструмент Paint Bucket Tool (G), залейте слой белым цветом, смените режим наложения на Multiply. Убедитесь что задний фон черный, и идите в фильтры Filter > Noise > Add Noise. В настройках поставьте Monochromatic, Uniform, и 8-10%.

Создаем паттерн

Выберите инструмент выделения  Ellipse Tool (U) и создайте шесть маленьких окружностей. Выбелите их и выровняйте по горизонтали. Затем нажмите на кнопку Distribute Vertical Centers Button. Она находится на панели настроек инструмента Move Tool и её задача выравнивать расстояние между объектами.

Сделайте видимыми направляющие. Если они не видимые идите в View > Rulers Далее добавьте несколько направляющих, как в моем примере. И сдвиньте три окружности.

Продублируйте три окружности из первой колонки и сдвиньте их как на картинке ниже.

Применяем стили слоя

Выберите все эти окружности и конвертируйте их в Smart Objects слой. Если ваша версия Фотошопа старее CS2 просто слейте слои вместе Layer > Merge Layers. Далее двойной клик по слою и откроются стили слоя. Для начала выберите Color Overlay, в качестве цвета очень темный серый. После этого внутреннюю тень Inner Shadow.

Спрячьте задний фон и слой с шумом. Инструментом  Rectangular Marquee Tool (M) выделите четыре окружности, другие окружности используйте как ориентиры для расстояния. Далее откройте Edit > Define Pattern. Назовите паттернт  “holes.”

Использование паттерна

Инструментом Rectangular Tool (U) создайте прямоугольники. И снова откройте стили слоя. Для начала измените заполнение видимости Fill на ноль. Подробнее о том что такое Fill читайте в статье — Продвинутые режимы наложения. Добавьте стиль Pattern Overlay и выделите тот паттерн который мы только что создали. Далее продублируйте прямоугольник и разместите его с другой стороны изображения.

Создаем символ

Добавьте ваше лого, или любой символ который хотели бы разместить по центру. Идите в стили слоя и выберите стиль градиента Gradient Overlay. Для этого стиля используйте градиент с настройкой Reflected. Цвета черный и белый. Далее примените Bevel and Emboss с настройками как на картинке ниже.

После создайте новый слой над логотипом и назовите его «noise logo». Залейте его белым и измените режим наложения на Multiply. Инструментом Rectangular Marquee Tool создайте выделение как на изображении ниже. После идите в эффекты Filter > Pixelate > Mezzotint, затем в Filter > Blur > Radial Blur, как мы сделали в уроке по Виниловой пластинке в Фотошопе. Последнее что нужно сделать, изменить невидимость слоя до 50%.

Создайте выделение логотипа. Просто кликните по тумбу слоя удерживая CTRL. Затем убедитесь что слой «noise logo» выделен, и примените  Layer > Layer Mask > Reveal Selection

Инструментом Pen Tool (P) создайте фигуру как на картинке. Конвертируйте её в Smart слой и примените эффект  Filter > Blur > Radial Blur. Выберите метод Zoom и нажмите ОК. Затем примените Filter > Blur > Radial Blur на этот раз метод Spin.

Повторите шаг с маской, но на этот раз примените маску к нашей новой фигуре.

Создайте новый слой и назовите его «white bruch». Создайте выделение логотипа как и ранее. Выберите инструмент Кисть Brush Tool (B) с базовой кистью 35px и белый цвет. Начинайте закрашивать некоторые области которые будут являться бликами логотипа.

Заключение

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

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