Вопрос о создании красивых кнопок для сайта появляется наверное одним из первых при оформлении шаблона. В этом уроке мы попробуем создать изщную кнопку. Вот что у нас получилось.
Создаём новым документ 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%.
Всё
Просмотров: 6661
 Ваш коментарий будет первым | |
