Реклама
REKLAMA
Стать автором

Если вы хотите принять участие в развитии проекта ps-tutorials.ru с выгодой для себя (вы публикуете материалы, а мы платим деньги за вашу работу). Просим написать нам через обратную связь.

Создан: 8 январь 2013

Стиль Виста — рисуем кнопку в этом стиле.

Финальный результат:

Стиль Виста — рисуем кнопку в этом стиле.

 

1 шаг.

Нужно создать новый документ, размеры Вы можете выбрать сами. После этого, обязательно установите параметры градиента — основной фон #3e3d3d, а задний фон - #151515.

Стиль Виста — рисуем кнопку в этом стиле.

2 шаг.

Необходимо создать новый слой (Layer — New — Layer), выбрать после этого инструмент Rounded Rectangle Tool и установить в нем настройки которые указаны на нашем скриншоте.

После этого нажмите левой кнопкой мыши на документ, зажмите CTRL + К и смело нажимайте на клавишу — Del.

Стиль Виста — рисуем кнопку в этом стиле.

Сейчас нужно установить градиент и выстроить стиль градиента — Reflected gradient. Главный или основной фон - #1c3f47, а задний фон #2a6976.

Стиль Виста — рисуем кнопку в этом стиле.

3 шаг.

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

Стиль Виста — рисуем кнопку в этом стиле.

Стиль Виста — рисуем кнопку в этом стиле.

Стиль Виста — рисуем кнопку в этом стиле.

Стиль Виста — рисуем кнопку в этом стиле.

4 шаг.

Этот шаг научит нас создавать отражение, для нашей кнопки. Для этого давайте создадим еще один слой, зажмем кнопку CTRL и нажмем на слой, где располагается градиент. После этого переходите на новый слой и заливайте его белым цветом.

Стиль Виста — рисуем кнопку в этом стиле.

Можете перемещать белый слой и размещать его ниже слоя с градиентом.

Стиль Виста — рисуем кнопку в этом стиле.

Для этого идите по пути Edit — Transfor — Perspektive.

Стиль Виста — рисуем кнопку в этом стиле.

А сейчас нужно будет установить маску слоя и выставить градиент от белого до черного.

Стиль Виста — рисуем кнопку в этом стиле.

В конце включите режим наложения слоя с помощью Soft Light и уменьшите непрозрачность (нужно установить 15%).

Стиль Виста — рисуем кнопку в этом стиле.

Что получилось:

Стиль Виста — рисуем кнопку в этом стиле.

На этом, все Ваши работы окончились и Вы можете использовать свою кнопку.

Источник: psfreak

Комментарии:

Копирование дизайна строго запрещено. © 2012 - 2016
Яндекс.Метрика
Материалы сайта предоставляются исключительно в ознакомительных целях. Если Вы считаете, что какой-либо из материалов нарушает Ваши права - свяжитесь с Администрацией.