• Авторизация


Vistовая панелька. 15-02-2008 12:34 к комментариям - к полной версии - понравилось!


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

[502x52]

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

[457x160]

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

[699x168]

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

[478x276]

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

[261x254]

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

[698x162]

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

[282x123]

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

[558x201]

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

[502x52]

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

[240x301]

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

[283x301]

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

[207x303]

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

[555x152]

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

[502x52]

вверх^ к полной версии понравилось! в evernote
Комментарии (2):


Комментарии (2): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Vistовая панелька. | Искусница - Сплошное искусство | Лента друзей Искусница / Полная версия Добавить в друзья Страницы: раньше»