Большая блестящая кнопка
В этом уроке вы научитесь создавать такую кнопку, как показано внизу:
Приблизительное время выполнения: 3 минуты
Шаг 1
Создайте новый документ размером 400×125 с серым фоном. Теперь создайте новый слой и, используя rounded rectangle tool, нарисуйте фигуру, как на рисунке и залейте её оранжевым:
Теперь создайте ещё один слой и залейте её тем же цветом и, используя тот же инструмент, создайте такое выделение:
Не снимая выделение, выберите dodge tool, мягкой фактуры и размером 5 пикселей, затем нарисуйте такую линию:
Затем выберите кисточку побольше того же инструмента, нарисуйте следующее:
Шаг 2
Теперь зайдите в layer > Duplicate layer и, используя стрелочку Up, поверните изображение на 20 пикселей и добавьте такие layer styles:
Blending Options
Gradient Overlay:
Теперь выберите pen tool, создайте новый слой и выделите такую область:
Зайдите в Edit > Stroke, установите 1 серый пиксель. Вот результат:
Не снимая выделение, выберите кисть побольше и нарисуйте что-то похожее на то, что изображено на рисунке:
Blending mode установите на Color Dodge:
Вот то, что у меня получилось в результате всего этого:
Источник: Shiny button
Смотрите также:
Ну чесслово, ну не смотрится никак.
Разрыв или блеск этот не к месту тут, всю кнопку портит. Хотя бы если и использовать его, то с умом и очень-очень осторожно.
И для текста не помешало бы какую-нибудь темную обводку сделать.
Август 17th, 2008
главное эфект показан, а как применить уже можно придумать
Август 17th, 2008
Спасибо! Супер статья! Блог в ридер однозначно
Август 19th, 2008
Не плохая кнопка, пригодится урок.
Апрель 19th, 2009
Урок очень хороший, как раз на сайте хотел одном реализовать..
Поисковая система maslenov.ru с бизнес элементами
Ноябрь 1st, 2009
Хороший урок!!
——-
http://www.bazasoft.ru — Только новый софт
Февраль 9th, 2010
У себя на сайте дизайн кнопки использую.
Февраль 14th, 2010
Не плохая кнопочка.
Ноябрь 14th, 2011