Раскрась свой мир! Качай кисти, шрифты и много полезностей

Рисуем кнопку в стиле Windows Vista

Уроки » Дизайн

Kantaka

7 марта 2008

Напечатать

В этом уроке мы нарисуем кнопку в стиле Windows Vista.

Конечный результат:

Рисуем кнопку в стиле Windows Vista


Создаём новый документ (ширина 230, высота 180).
Фон заливаем тёмно-серым цветом (#2a2a2a).

Рисуем кнопку в стиле Windows Vista


Выбираем инструмент Rounded Rectangle Tool, в настройках для параметра radius выберите значение равное 5 px, и рисуем прямоугольник с закругленными концами чёрного цвета:

Рисуем кнопку в стиле Windows Vista


Добавим несколько стилей к нашей будущей кнопке, идём
Layer -> Layer Style-> Blending Options, и делаем всё как показано ниже:

Рисуем кнопку в стиле Windows Vista


Рисуем кнопку в стиле Windows Vista


Рисуем кнопку в стиле Windows Vista

Далее с помощью инструмента Rectangular Marquee Tool делаем выделение как на рисунке:

Рисуем кнопку в стиле Windows Vista


Нажимаем Ctrl + Shift + N, чтобы создать новый слой.
Зажимаем Ctrl + Shit + Alt и кликаем на иконке слоя с кнопкой.
Далее идём Select -> Modify -> Contract и выставляем значение в 1 px.

Рисуем кнопку в стиле Windows Vista


Рисуем кнопку в стиле Windows Vista


Используя инструмент заливка заливаем выделение белым цветом.

Рисуем кнопку в стиле Windows Vista


Снижаем прозрачность слоя до 20%.

Рисуем кнопку в стиле Windows Vista


И в конце нам осталось добавить какую-нибудь надпись. Например, название нашего сайта

Рисуем кнопку в стиле Windows Vista



Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
 (голосов: 1)

Просмотрено: 749 раз

Добавил: DrozdOff | ICQ: 00000000 (7 марта 2008 22:39) | #1


Публикаций: 315
Комментариев: 52

Рейтинг:  9 (8) 1 

Что за цвета в градиенте? (тысячу раз просил указывать)
Шрифт ужасен. Урок норм.
a_4 с минусом.


--------------------




-----------
С уважением,
Alexey.
-----------
E-Mail: Alexey@DrozdOff.name
ICQ: 689-212
URL: DrozdOff.name
-----------


???????

Добавил: Kantaka | ICQ: 70-654-54 (7 марта 2008 23:43) | #2


Публикаций: 43
Комментариев: 7

Рейтинг:  1 (1) 0 

Вообще-то DrozdOff урок это не точное руководство, а лишь идея, которую можно преобразить или улучшить как в ту или иную сторону. Значит, точный номер цвета не очень и нужен, а из этого следует, что его указание повлечет за собой лишь негативный результат. Что-же касается шрифта, то опять же таки: урок это не точное руководство, а лишь идея, которую можно преобразить или улучшить как в ту или иную сторону. Шрифт тут выступает как пример, может быть не удавшийся, но пример. В уроке же не сказано: таким-то шрифтом, такого-то размера напишите то-то. Из всего этого я делаю вывод, что на мой взгляд недочетов в уроке нет. Но я уважаю мнение других людей и искренне благодарен за комментарий.


--------------------

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




Добавил: DrozdOff | ICQ: 00000000 (8 марта 2008 13:42) | #3


Публикаций: 315
Комментариев: 52

Рейтинг:  9 (8) 1 

Я высказал свой мнение, и урок [по-моему мнинию] - это наглядное поссобие, если пользователь хочет повторить в точности, то почему он не может этого сделать? Это же урок. А шрифт... это так, для красоты можно было выбрать и по-лучше.
ИМХО.

:001:


--------------------




-----------
С уважением,
Alexey.
-----------
E-Mail: Alexey@DrozdOff.name
ICQ: 689-212
URL: DrozdOff.name
-----------


???????

Добавил: gibizkus | ICQ: -- (9 ноября 2008 08:15) | #4


Публикаций: 0
Комментариев: 1

Рейтинг:  0 (0) 0 

Не плохая публикация. Благодарю пана автора :)



Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.


Поиск по сайту

Популярное

Кто на сайте?

Сейчас на сайте:
Пользователей: 0
Отсутствуют.

Роботов: 1
Googlebot

Гостей: 5
Всех: 6

30-ка последних посетивших:
alibek BackOff
BONUS Case
D46 davo
fixxxer Gennadiy67
jizer laska25
lilugr lynx07
marowo RegishkaNovak
ROMA 72 sart74
Scar schneman
Schtirlitz slepnoga
slim10 sork-treskun
vedma_cook vitamin
vzrosluga yangoyad
Yarik777 zavorot
Аль АнтоХА

Друзья сайта

www.FlexZERO.ru
фотоаппараты panasonic Olympus MJU-790SW цена canon powershot a642
Продается автомобиль. Продам Chrysler Grand Voyager. Автомобиль - вещь!
Наш код:

Откуда пришли?

Публикации друзей

01Навигация

02Архив публикаций

03Опрос на сайте

Есть ли у Вас горизонтальная полоса прокрутки на нашем сайте?

Да.
Нет.
Что это?


04Календарь

«    Ноябрь 2008    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

05Рекламный блок