Изящная кнопка

Вопрос о создании красивых кнопок для сайта появляется наверное одним из первых при оформлении шаблона. В этом уроке мы попробуем создать изщную кнопку. Вот что у нас получилось.

Создаём новым документ 600 х 600. Фон тёмно-серый. Делаем круг серым цветом.

с параметрами

Потом заходите в Edit > Transform > Warp И выберите в меню Shell Upper. Получается

Копируем слой с кругом и уменьшаем его Вставляем внутрь

Делаем параметры

Вот результат

Рисуем другой круг

С параметрами

Заходим в Edit > Transform > Warp и выбираем Inflatе Как и в прошлый раз дублируем слой, делаем меньше и вставляем внутрь.

С такими параметрами

Вот результат

Добавляем текст «Enter»

Делаем над текстом линию

Нажимаем на Add layer mask Выбираем градиент (reflected gradient) от белого к черному. Потом рисуем линию слева направо, чтобы получилось как на рисунке

Копируем слой с линией и ставим её под текстом

Теперь выделите все слои (для того чтобы сделать отражение) кроме background и нажимаем на create new layer (это скопирует все слои.) Теперь нажимаем на CTRL+E (это сольёт все скопированные слои в один) и заходим Edit > Transform > Flip Vertical Ставим кнопку как показано ниже (это сделает отражение реалистичней)

Нажимаем на Add layer mask Выбираем линейный градиент Рисуй линию сверху вниз

Делаем прозрачность слоя 20%. Всё