Уроки » Веб-дизайн → Глянцевая кнопка  

:

Создайте новый документ с размерами 250x75px и залейте фон любым цветом, я выбрал черный.



:



Теперь создайте новый слой и выберите инструмент Rectangular Marquee Tool :rectangu: . Создайте выделение в середине документа и залейте его белым цветом.

Глянцевая кнопка


:



Теперь откройте стили слоя и примените следующие стили с такими параметрами как показано ниже.

Глянцевая кнопка

Глянцевая кнопка


Gradient Overlay оставьте по умолчанию, но измените цвета

Глянцевая кнопка

Глянцевая кнопка


:



Создайте новый слой, сейчас мы добавим эффект глянца к кнопке.

Выберите инструмент Rectangular Marquee Tool :rectangu: и создайте выделение сверху и до середины кнопки, залейте выделение белым.

Глянцевая кнопка


Зажав CTRL щелкните по слою с кнопкой загрузив его выделение, нажмите CTRL+SHIFT+I чтобы инвертировать выделение и DELETE чтобы удалить ненужную часть. Установите непрозрачность (Opacity) на 10%

Глянцевая кнопка


:



В завершении добавьте текст и ваша кнопка готова.

Глянцевая кнопка

Информация к уроку:

Категория - Уроки » Веб-дизайн

Дата публикации: 14-04-2011, 19:31

Опубликовал: killot

Просмотров: 877

Комментариев: 2

Ссылки к этой статье:

Источник - TutorialFX

Автор - Spectre

Переводчик - Killot

Найти - Все уроки с TutorialFX

Еще по этой теме:

Кнопка «GO» Кнопка «GO»
И снова кнопки, на этот раз кнопка отправки ...
Широкоэкранная рамка Широкоэкранная рамка
Я думаю что большинство людей уже устали от 3 ...
Простой шаблон Простой шаблон
В этом уроке мы создадим простой, но полноценный ...
Красная стеклянная кнопка Красная стеклянная кнопка
В этом уроке мы создадим стеклянную кнопку, цвет ...
Кнопка Xbox Кнопка Xbox
: Новый документ Создайте новый документ ...
Зеленая кнопка Зеленая кнопка
В этом урок создадим вот такую простую ...
Глянцевые кнопки Глянцевые кнопки
Создаем глянцевые кнопочки. Блик на кнопках можно ...
Простая блестящая кнопка Простая блестящая кнопка
Симпатичная зеленая бриллиантовая кнопка, очень ...
Большая привлекательная кнопка Большая привлекательная кнопка
В этом туториале вы научитесь создавать, ...
Темно-красный заголовок Темно-красный заголовок
Создаем профессиональный темно-красный заголовок ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.


Roby       22 июня 2011 14:28 /
That's not just the best asnwer. It's the bestest answer!
        Цитировать

fluelaraf       19 августа 2011 19:52 /
Вау вот то что я искал, спасибо за данный урок
        Цитировать
 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Какому программному продукту посвящен данный ресурс
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: