Вебграфика »

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

  • Besty
  • 25 октябрь 2011
  • 15:21:56
  • 6681
В этом уроке фотошопа мы будем учиться создавать черную глянцевую кнопку с отражением света.

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


Шаг 1

Создаем новый документ. Я использовал размеры 200×50рх и черный фон. Создаем новый слой и рисуем прямоугольник со сглаженными краями. Настройки и созданная фигура показаны на изображениях ниже:

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


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


Шаг 2

Теперь создаем новый слой и, используя инструмент rounded rectangular tool с показанными ниже настройками, рисуем фигуру размером поменьше, как показано ниже:

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


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


Берем инструмент gradient tool, указываем градиент от белого к прозрачному и растягиваем его снизу вверх.

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


У меня получился вот такой результат:

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


Теперь возвращаемся ко второму слою и добавляем настройки стиля слоя Inner shadow с параметрами, показанными ниже:

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


Шаг 3

Это мой окончательный результат с текстом:


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



Перевод для сайта photoshoplove.ru сделан besty
Автор урока: http://psdartist.com
В мой мир
Bookmark and Share
Уроки фотошопа
Свежие уроки
{lastnews}
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?