Стильная серая кнопка - Школа Photoshop
Серая кнопка Серая кнопка

Стильная серая кнопка

14.05.2007Категория урока: Кнопки и Иконки

Из этого урока Вы узнаете, как создать вот такую кнопку:

Серая кнопка

Сначала нам нужно создать фон нашей кнопки. Создайте новый документ шириной 68px и высотой 24px. Устновите параметр Background Color (Фоновый цвет) в любое значение. А сейчас выберите инструмент Rounded Rectangle Tool и установите его параметр Radius: 2px. Нарисуйте кнопку:

Серая кнопка

Теперь давайте применим к ней градиент:

Кнопка спасибо серая

И, наконец, Stroke:

Серые кнопки для сайта

Вот, что получилось:

Серая кнопка

Теперь пришло время написать текст кнопки. Я использовал шрифт Verdana/Regular/11pt/None. Напечатайте свой текст и откройте меню Blending Options для этого текстового слоя. Добавьте тень (Drop Shadow) со следующими параметрами:

Серая кнопка

Готово! Серая кнопка

Серая RSS кнопка

Источник: http://forum.solutiondesigns.net/index.php?showtopic=344




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



2 комментария(-ев) к уроку “Стильная серая кнопка”

  1. прикольно

    Build

  2. Сейчас уже не акутально малючаты такую кнопку в фотошопе, это можно сделать с помощью, одного CSS3 и будет это быстрее чем в фотошопе:)

    Webchester

Прокомментировать урок

 


Rambler's Top100