1 Star2 Stars3 Stars4 Stars5 Stars
| 22 Авг 2011 | 1 комментарий

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

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

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

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

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

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

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

Вот то, что должно было у Вас получиться:

Теперь примените следующие стили к слою с маленькой формой:

Результат:

Согласитесь, симпатично получилось. Осталось добавить свой текст и все готово!

Окончательный результат

Опубликовать пост в социальных сетях
Оцените запись
1 Star2 Stars3 Stars4 Stars5 Stars
Комментарии Вконтакте
Комментарии
  • RaDMaN

    Вау, круто смотрится, спасибо за урок, ждем еще уроков :)