Web-дизайн в Photoshop: Создаем красивую кнопку

|

22 Авг 2011

|

1 комментарий

Лаконичное название урока, не правда ли? Итак, возвращаемся к веб-дизайну, а точнее к его элементам. А еще точнее – к созданию кнопок. В этом уроке Фотошоп Вы научитесь создавать довольно симпатичную кнопку, которую можно использовать на своем сайте

Создайте новый документ.

Теперь нам нужен фон. Для этого с помощью инструмента Gradient Tool создайте линейный градиент от #dfdfdf к #c0c0c0 сверху вниз.

Теперь выберите инструмент Rounded Rectungle Tool, установите параметр Radius на 200px и создайте форму, как на рисунке (расположите ее ровно посередине документа):

Затем создайте еще одну форму меньшего размера. Учтите, что расстояние между краями обеих форм везде должно быть одинаковым:

Теперь начнем применять стили к этим слоям. Сначала к слою с большой формой. Дважды щелкните по слою в палитре, чтобы перейти к Blending Options. Примените стили: