Опять же очень простой урок, он покажет вам, как сделать интерфейс из матового металла, который будет выглядеть на экране так же, как если бы он был настоящим! создание интерфейса из матового металла в Photoshop было очень популярно в прошлом году, когда в интерфейсе операционной системы Mac было много этих элементов, но даже сейчас, когда мы вступаем в эпоху «веб 2.0», я думаю, вы найдете этот урок материал окажется очень полезным.

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design

Создайте новый слой, скажем, 500*500 пикселей, залейте его серым цветом (#CCCCCC) и убедитесь, что второй цвет (фон) белый. Это очень важно, потому что некоторые инструменты Photoshop, такие как «Волокна», будут использовать как передний план, так и фон, поэтому важно установить эти цвета ДО того, как начать работать с инструментами, иначе вам придется отменять действия, а это досадно.

Нажмите Фильтр >> Рендеринг >> Волокна и примените следующие настройки:

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design

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

Затем перейдите в Изображение >> Настройки >> Яркость/Контрастность и примените эти настройки (уменьшите контрастность и сделайте изображение темнее)

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design
Это сделано для того, чтобы вы не собирались работать с сырно-серым и белым слоем, а использовали более мягкие и тонкие настройки градиента.
Теперь перейдите в Фильтр >> Размытие >> Размытие в движении… установите движение размытия на абсолютную вертикаль и добавьте расстояние... вот так:

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design

На данный момент это то, что вы получили:

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design

И последнее: просто чтобы добавить глубины интерфейсу, перейдите по ссылке Фильтр >> Рендер >> Эффекты освещения и установите световое пятно примерно так (примените несколько раз в разных местах):

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design

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

Создайте быстрый интерфейс из матового металла — ресурсы Photoshop Lorelei Web Design

Надеюсь, вам понравился этот урок… наслаждайтесь!