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

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

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

Делаем красивую белую панель управления в программе Adobe Photoshop

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

 

Приступим к уроку.

 

Шаг 1.

Нужно создать новый документ с размерами 500х500 px, заполнить фон темно-серым градиентом. Это можно сделать, если выбрать градиент в панели всех инструментов и установить его на радиальных. После этого выставьте цвет переднего плана - #45443f, а цвет заднего #31302c, после чего переместите градиент из центра вправо.

 

Шаг 2.

Сделайте очередной слой (LayerNewLayer) и установите прямоугольное выделение. В настройках установите определенный и конкретный размер выделения – 440х50 пикселей.

После этого залейте указанную область цветом - #f4f4f4 (передний план) и задний план цветом - #d9d9d9.

Шаг 3.

На данном этапе, нам нужно применить стили к созданному слою, для этого нужно пройти по двум путям: Layer > Layer Styles > Drop Shadow и Layer > Layer Styles > Outer Glow:

Результат:

Шаг 4.

Сейчас нам нужно добавить все текстовые ссылки, для шрифта укажите настройки - Verdana, Regular, 13 размер, Sharp, # 686868, а также цвет #ac0000, который будет срабатывать при наведении.

Шаг 5.

Нужно создать определенные разделители между ссылками. Для этого создайте слой, укажите прямоугольное выделение. Укажите длину 1px и ширину 50px, после чего можно все это залить цветом - #b4b4b4.

Шаг 6.

В нашем заключительном шаге, нужно передвинуть выделение на 1px правее, заполнить все это цветом - #d9d9d9, снизить непрозрачность до общих 50%.

Результат:

Источник: photoshoptutorials

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

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