Элэя все записи автора

Сегодня мы рисуем панель в стилистике Vistа. Если мы когда либо доживём до уроков по созданию веб сайтов, этот урок нам КОНЕЧНО ЖЕ пригодится. И так:

Для начала создаём документ размером 500*50 пикселей. Затем создаём новый слой,  выбираем Инструмент Прямоугольник (Rectangular Marquee Tool (M) и задаём ему размер 500*30 пикселей.

Выбираем цвет 000000 и заливаем наше выделение. Зоздаём новый слой.

Опять применяем инструмент Прямоугольник (Rectangular Marquee Tool (M) с заданными параметрами 500*14 пикселей. И размешаем данное выделение на слое 2, как показанно на рисунке:

На панели инструментов выбираем Градиент (Gradient Tool (G)). В настройках инструмента выбираем вариант заливки от белого к прозрачному.Там же устанавливаем вид заливки с верху в низ.

Заливаем выделение, как это показанно на рисунке 1, затем применяем на слое прозрачность 50%.

Создаём новый слой. На панели инструментов выбираем Область (горизонтальная строка)(Single row marquee tool).

Выставляем выделение, как показано на рис. 1 и заливаем его цветом 535353. Создаём новый слой не снимая выделение. Находясь на новом слое опускаемся на 1 пиксиль вниз (рис. 2) и залиывем его цветом B5B7B6 (рис.3)

Ну вот заготовка понельки готова. Теперь мы будем создавать грани, раздиляюшие будущие кнопки.

Создаём новый слой. Инструментом Прямоугольник (Rectangular Marquee Tool (M) создаём область заливки размером 1 пиксель. Пропускаем 1 пиксель и создаём точно такую же облость (рисунок 1). Заливаем облость цветом 797977 (рисунок 2)

То же самое делаем с нижней частью. Инструментом Прямоугольник (Rectangular Marquee Tool (M) создаём область заливки размером 1 пиксель. Пропускаем 1 пиксель и создаём точно такую же облость (рисунок 1). Заливаем облость цветом 60605E (рисунок 2)

Теперь вернёмся к пропушенной области между обработанными частями грани. Создаём облость размером 1*12 пикселей и заливаем её цветом 000000

Снимаете выделение (Ctrl+D) и создавайте дубликат слоя грани. Распределяем копии так, как вы предполазаете разместить кнопки.

Добавляем текст. И вот цель достикнута.

Вопросы в коменты.
Мои уроки выложены тут.