Главная Статистика Обратная связь Расширенный поиск RSS 2.0
C Design


Здравствуйте,
Уважаемый посетитель!

Вход на сайт
Имя пользователя :
Пароль :
 

Напомнить пароль?
IconSet.info - все для дизайна » Все для Adobe Photoshop » Уроки по Adobe Photoshop » Рисуем кнопку в стиле Aqua


Рисуем кнопку в стиле Aqua ≈ Все для Adobe Photoshop » Уроки по Adobe Photoshop

Автор: admin

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


1. Создадим новый файл с прозрачным фоном. При помощи инструмента Rounded Rectangle Tool
Рисуем кнопку в стиле Aqua

нарисуем будущую кнопочку.
Рисуем кнопку в стиле Aqua

2. Создадим выделение, и зальем его черным цветом.
Рисуем кнопку в стиле Aqua

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

3. Выберем инструмент Gradient, и откроем панель редактирования. Создадим вот такой градиент и сохраним его, щелкнув на кнопке NEW.
Рисуем кнопку в стиле Aqua

4. Перейдем в панель Blending Options и применим вот такие стили слоя.
Рисуем кнопку в стиле Aqua

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

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

5. Щелкнем на слое с нажатой клавишей CTRL, чтобы загрузить выделение. Создадим новый слой. Зальем выделение вот таким градиентом, снизу вверх.
Рисуем кнопку в стиле Aqua

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

Стиль смешивания выставим Overlay
6. Не снимая выделения, создадим еще один слой. Сожмем выделение на 2 пикселя и сохраним, например под именем “2”.
Рисуем кнопку в стиле Aqua

7. Опять щелкнем на первом слое, чтобы загрузить выделение кнопочки, и загрузим новое выделение вычитая его из предыдущего.
Рисуем кнопку в стиле Aqua

8. Выбирем первый созданный нами градиент, и зальем выделение немного наискосок.
Рисуем кнопку в стиле Aqua

Стиль смешивания, так же, выставим Overlay
9. Для надписи я выбрала цвет #005868, и применила вот такой стиль слоя
Рисуем кнопку в стиле Aqua

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

10. Вот такая кнопочка получилась
Рисуем кнопку в стиле Aqua


Теги новости:   кнопка, стиль, веб 2.0, WEB 2.0, урок




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


Добавление комментария



Ваше Имя:


Ваш E-Mail:



Код:
Включите эту картинку для отображения кода безопасности
обновить код


Введите код:









© 2008 Iconset.info. Все права защищены.