Отново много прост урок, това ще ви покаже как да направите интерфейс от полиран метал, който ще изглежда на екрана точно така, сякаш е истински! правенето на интерфейс от полиран метал във Photoshop беше много популярно през изминалата година, когато Mac имаше много от тези елементи в интерфейса на тяхната операционна система, но дори сега, когато навлизаме в ерата на „web 2.0“, мисля, че ще намерите тази част от обучението материалът да бъде много полезен.

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн

Създайте нови слоеве, да речем 500*500 пиксела, и ги запълнете със сиво (#CCCCCC) и се уверете, че вторият цвят (фон) е бял. Това е много важно, защото някои инструменти на Photoshop, като „Fibers“ — ще използват както предния план, така и фона, така че е важно да зададете тези цветове ПРЕДИ да започнете да работите с инструменти, в противен случай ще трябва да отмените, което е жалко.

Кликнете Филтър >> Визуализации >> Влакна и приложете следните настройки:

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн

Можете да играете с настройките в зависимост от това колко видим искате да бъде ефектът от четкания метал — колкото повече „Сила“, толкова по-груб ще изглежда крайният ви резултат, така че играйте с него в зависимост от вашите нужди.

След това отидете Изображение >> Настройки >> Яркост / Контраст и приложете тези настройки (намалете контраста и направете изображението по-тъмно)

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн
Това е, за да сте сигурни, че няма да работите със сиво-бял слой със сирене, а ще имате по-меки и фини градиентни настройки.
Сега отидете Филтър >> Размазване >> Размазване при движение... задайте движението на размазването на абсолютно вертикално и добавете разстояние... така:

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн

Досега имате това:

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн

Последното нещо, просто за да добавите малко повече дълбочина към интерфейса, отидете на Филтър >> Рендиране >> Осветяващи ефекти и задайте светлинното петно ​​на нещо подобно (приложете няколко пъти на различни места):

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн

Това е, ето ви крайният резултат. Изглежда реалистично, особено ако имате само едно светло петно, падащо върху метала, а останалото е скрито в тъмнината.

Проектирайте бърз интерфейс от полиран метал - Photoshop ресурси Lorelei Уеб дизайн

Надяваме се, че ви е харесало това... насладете се!