Красивая кнопка для web-сайта.

Несложный урок по web-графике. Рисуем красивую кнопку для сайта.
Красивая кнопка для web-сайта.
создаем файл с черным фоном и рисуем на нем при полмощи eliptiqal tool вот такую фигуру:
Photoshop
далее нажимаем правой кнопкой на слой с фигурой и нажимаем rasterize layer жмем на него 2 раза левой кнопкой мыши и редактируем его layer style. Выбираем градиент и настраиваем его. Начиная рисовать кнопку, вы, конечно же, определились с основными цветами для web-сайта. И выбор подходящих цветов для кнопки не представляет труда.
Я для своей кнопки выбрал вот такие настройки для градиента:
веб-графика
(все остальное по умолчанию оставляем) для обводки(stroke):
веб-графика
для внешнего света(outer glow):
Photoshop
вот что выходит в результате
Photoshop
далее зажимаем ctrl и нажимаем на слой с фигуркой и получаем выделение этого слоя далее выбор>изменить>свернуть(select>modify>contract)
выбираем значение 2 пикселя и получаем:
фотошоп
далее создаем новый слой(ctrl+alt+shift+N) и заливаем его таким градиентом белого цвета:
фотошоп
итог:
фотошоп
при помощи ластика(eraser tool) получаем:
кнопка для сайта
ставим прозрачность слоя (opticaly) на 20 % :
кнопка для сайта
Вот и все! Красивая кнопка для web-сайта готова!
Image
Автор : Elzas
http://demiart.ru/forum/index.php?showtopic=32696

 

Комментарии  

 
#3 15.02.2012 20:05
где находится слово выбор?
Цитировать
 
 
#2 10.02.2011 20:50
Размер ластика измените, задайте 500 или 600 и краешком аккуратно щелкните
Цитировать
 
 
#1 07.02.2011 12:13
А точно ластиком? А то как то ровно не получается )))) Все сделал за 2-4 минуты, а с ластиком уже минут 10 парюсь))
Цитировать