Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

Этот урок расскажет Вам, как сделать стильную веб-кнопку! Вперед!

Заполните фон документа цветом #D0D8AF. Выберите инструмент Rounded Rectangle (Скругленный прямоугольник) и нарисуйте фигуру с радиусом угла, равным 4 пикселям. Цвет, который будет иметь эта фигура, не имеет значения, т.к. мы все равно изменим его в дальнейшем.

Примените к фигуре следующие стили слоя:

Затем нарисуйте на новом слое выше уже существующей фигуры еще одну такую же, цветом #80A00F:

Нажмите на доп. клавиатуре клавишу “-” (знак минуса) и нарисуйте большой скругленный прямоугольник, как показано на рисунке:

Этим самым мы удалили часть фигуры (также эту часть можно было выделить и нажать клавишу Delete).

Слейте два слоя (Ctrl+E). Зажав клавишу CTRL, кликните по иконке слоя в палитре слоев. Отправляйтесь в Select > Modify > Contract и вводите 1px. Затем нажимайте Shift+Ctrl+I, чтобы инвертировать выделение. Наконец, удерживая клавиши Shift+Ctrl+Alt, кликните по иконке слоя в палитре слоев. Создайте такой градиент (клавиша G и двойной щелчок вверху на полоске цвета в панели опций инструмента):

Оставляя активным выделение, создайте новый слой и заполните выделение созданным градиентом:

Добавьте текст и наша кнопка готова к тому, чтобы по ней кликнули

Источник: http://www.yourphotoshopguide.com/index.php?action=showtutorial&tutid=77

Популярность: 10%