Главная » Статьи » Веб-дизайн

Кнопка для влюбленных I

Кнопка для влюбленных

Кнопка для влюбленных

Мы начнем этот урок с создания нового документа 
размером 300 x 155 px с белым фоновым цветом. 

Теперь выберите инструмент Rectangle Tool  и нарисуйте небольшой прямоугольник такого цвета - 8f8f8f. Назовите этот слой "кнопка" в панеле слоев.

Теперь мы создадим две вспомогательные точки на фигуре как показано ниже. Выберите инструмент Add Anchor Point Tool  и разместите дополнительные точки в тех же местах как на картинке.


Теперь выберите инструмент Delete Anchor Point Tool  и кликните по крайним точкам, которые отмечены на картинке.

Теперь правой кнопкой мыши щелкните на слое с кнопкой и выберите параметрBlending Options, там перейдите на Drop Shadow (отбросить тень)

Примените настройки как на картинке

Не нажимайте пока "OK"

Далее перейдите на вкладку Inner Shadow (внутренняя тень)

Примените настройки как на картинке

Не нажимайте пока "OK"

Выберите Color Overlay (заливка цветом)

Примените настройки как на картинке


Не нажимайте пока "OK"

На очереди Gradient Overlay (заливка градиентом)

Примените настройки как на картинке

Не нажимайте пока "OK"

Выберите Stroke (обводка)

Примените настройки как на картинке

Теперь можете нажать OK.

У вас должно получиться вот такое изображение.

Выберите инструмент текст и установите такие настройки:

Категория: Веб-дизайн | (28.08.2010)
Просмотров: 490 | Теги: кнопка | Рейтинг: 0.0/0
Всего комментариев: 0