Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 5.03.2014 | нет комментариев

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

Создаём новым документ 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%. Всё

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB