Главная » Статьи » Уроки Фотошоп » WEB-Графика для сайта |
Кнопка - стиль Windows Media PlayerВ этом уроке Photoshop мы поговорим о том, как нарисовать такую же кнопку как в программе Windows Media Player. Создается
ощущение, что кнопка хочет выпрыгнуть прямо с экрана! Следуйте за нами
по шагам урока, и у вас не будет проблем с созданем замечательной
кнопки для веб-сайта. Шаг 1. Шаг 2.
Заполните выделение белым цветом #FFFFFF Уменьшите прозрачность (opacity) этого слоя до 31%,
Вот что должно получиться:
Шаг 3.
Запоните это выделение цветом #5B87CE не снимайте пока выделение.
Шаг 4.
А теперь закрасьте нижнюю часть круга небольшой порцией белой краски, как на рисунке: Здесь не обязательно стремиться к идеальности. Теперь обратитесь "filter->blur->motion blur", и примените следующие настройки:
Вот что получилось:
Уменьшите прозрачность (opacity) слоя до 85%. Нажмите букву 'V' (чтобы вызвать инструмент перемещения ) и нажмите на клавиатуре кнопку "вверх" 4 раза. Это действие поднимет наше размытие немного вверх.
Затем обратитесь "filter->blur->Gaussian blur" с настройкой 5 пикселей:
Вот что получилось теперь:
Шаг 5.
Появится выделение. Обратитесь в меню select->modify->contract со значением 7 пикселей:
Создайте новый слой поверх всех остальных,
Шаг 6. Шаг 7. Теперь в меню "filter->blur->Gaussian Blur" со значением 1.5 Уменьшите прозрачность слоя до 88%, посмотрите, что получилось на этот раз:
Шаг 8.
Добавьте стиль - тень (Drop Shadow), цвет #08397E:
Шаг 9. Вот уменьшенная версия кнопочки - размер 50x50 px - так она будет смотреться в деле:
До встречи на www.photoshop-master.ru! Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru | |
Категория: WEB-Графика для сайта | Добавил: Raxxell (19.07.2009) | |
Просмотров: 396 |