Портал для веб-мастера
Вход пользователей
Поиск статей
WoWeb.ru » Статьи » PhotoShop » Рисование и PhotoShop

Кнопка для веб-страницы

Шаг 1

Откройте новое изображение размером 240х70 пикселей. Создайте новый слой и назовите его Pipe. C помощью инструмента Restangular Marquee Tool выделите прямоугольную область. Нажмите на клавиатуре D, затем Х, чтобы установить белый цвет как передний, а черный - как задний. Возьмите инструмент Reflected Gradient и, удерживая Shift, залейте выделение от середины к низу. У нас получилась металлическая труба.

Шаг 2

Отмените выделение (Ctrl+D). Выделите прямоугольник несколько меньший по размерам чем предыдущий.

Шаг 3

Перейдите на панель каналов. Создайте новый канал и залейте выделение белым цветом. Deselect (Select > Deselect). Размойте выделение на 5 пикселей (радиус размытия зависит от размера кнопки). Примените функцию Levels с параметрами, которые вы можете увидеть ниже.
$image3$

Шаг4

Удерживая Ctrl кликните на канале, затем перейдите на панель слоев, создайте новый слой (Ctrl+Shift+N) и залейте выделение черно-белым градиентом сверху вниз.

Шаг 5

Создайте новый слой (Ctrl+Shift+N). С помощью Select > Modify > Contract сузьте выделение на 2 пикселя. Установите передний цвет: R:0 G:105 B:179, задний: R:255 G:255 B:255 (белый). Возьмите инструмент Linear Gradient Tool и залейте выделение сверху

Шаг 6

Теперь контур пластика: для этого в меню Edit запустите функцию Stroke и установите такие параметры:
Width: 1 px
Color: Черный
Location: Inside
Mode: Normal
Opacity: 100 %.

Шаг 7

Сделайте новый слой (Ctrl+Alt+N). Возьмите Restangular Marquee Tool. Удерживая Alt, выберите нижнюю часть выделения.
Примените Select > Modify > Contract : 3px
Select > Modify > Smooth : 2px.

Шаг 8

Установите передний цвет: R:255 G:255 B:255, задний: R:0 G:105 B:179 Инструментом Linear Gradient Tool залейте выделение сверху вниз. Снимите выделение (Select > Deselect). Возьмите инструмент Move Tool (V) и нажатием клавиши вверх переместите слой вверх на 1 пиксель.

Шаг 9

Window > Show Channels. Удерживая Ctrl, кликните на канале Alpha 1. Идите на панель слоев и создавайте новый слой. Возьмите Restangular Marquee Tool. Удерживая Alt, выделите верхнюю часть выделения. Сожмите выделение на 4 пикселя (Select > Modify > Contract). Установите передний цвет как белый. Выберите Linear Gradient Tool, поставьте опцию заливки "Foreground to Transparent". Залейте выделение снизу вверх.

Шаг 10

Напишите какой-нибудь текст. У меня фантазии больше чем на Button не хватило :).

Шаг 11

Вот, что получилось у меня.

Автор: Unknown · Добавлена: 2002-07-04
Просмотров: 6879 · Рейтинг: 4.2

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Есть ли у вас свой сайт?
Всего ответов: 141159
Наша кнопка
WoWeb.ru - портал для веб-мастера