Большая блестящая кнопка » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Большая блестящая кнопка

15.08.2008Категория урока: Кнопки и Иконки

В этом уроке вы научитесь создавать такую кнопку, как показано внизу:

Большая блестящая кнопка

Приблизительное время выполнения: 3 минуты

Шаг 1

Создайте новый документ размером 400×125 с серым фоном. Теперь создайте новый слой и, используя rounded rectangle tool, нарисуйте фигуру, как на рисунке и залейте её оранжевым:

shiny-button1_1.jpg

Теперь создайте ещё один слой и залейте её тем же цветом и, используя тот же инструмент, создайте такое выделение:

shiny-button1_2.jpg

Не снимая выделение, выберите dodge tool, мягкой фактуры и размером 5 пикселей, затем нарисуйте такую линию:

shiny-button1_3.jpg

Затем выберите кисточку побольше того же инструмента, нарисуйте следующее:

shiny-button1_4.jpg

Шаг 2

Теперь зайдите в layer > Duplicate layer и, используя стрелочку Up, поверните изображение на 20 пикселей и добавьте такие layer styles:

Blending Options

shiny-button2_1.jpg

Gradient Overlay:

shiny-button2_2.jpg

Теперь выберите pen tool, создайте новый слой и выделите такую область:

shiny-button2_3.jpg

Зайдите в Edit > Stroke, установите 1 серый пиксель. Вот результат:

shiny-button2_4.jpg

Не снимая выделение, выберите кисть побольше и нарисуйте что-то похожее на то, что изображено на рисунке:

shiny-button2_5.jpg

Blending mode установите на Color Dodge:

shiny-button2_6.jpg

Вот то, что у меня получилось в результате всего этого:

shiny-button2_71.jpg

Источник: Shiny button

Популярность: 13%

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop:


ВНИМАНИЕ! Столкнулись с трудностями при выполнении данного урока? Осталось что-то, что Вам непонятно? Забыли основы работы в Adobe Photoshop? Не расстраивайтесь! Решение всех Ваших проблем находится прямо здесь: "Начальный Курс Photoshop!" - Это Бесплатный Мультимедиа-Курс от Авторов Данного Сайта, пройдя который Вы сможете назвать себя мастером качественной работы в известнейшем графическом редакторе! Узнать о курсе подробнее, а также подписаться на него можно, перейдя на страницу курса: Начальный Курс Photoshop! Подпишитесь и пусть все завидуют тому, как легко и быстро Вы создаете шедевры в Adobe Photoshop! Ждем Вас!




7 комментария(-ев) к уроку “Большая блестящая кнопка”

  1. Ну чесслово, ну не смотрится никак. :???: Разрыв или блеск этот не к месту тут, всю кнопку портит. Хотя бы если и использовать его, то с умом и очень-очень осторожно.

    И для текста не помешало бы какую-нибудь темную обводку сделать.

    Толяныч

  2. главное эфект показан, а как применить уже можно придумать :wink:

    Аниматор

  3. Спасибо! Супер статья! Блог в ридер однозначно

    Kfid

  4. Не плохая кнопка, пригодится урок.

    Mouzman

  5. Урок очень хороший, как раз на сайте хотел одном реализовать..
    Поисковая система maslenov.ru с бизнес элементами :razz:

    Maslenov.ru

  6. Хороший урок!!

    ——-
    http://www.bazasoft.ru - Только новый софт

    Git

  7. У себя на сайте дизайн кнопки использую. :razz:

    Webmv.ru

Прокомментировать урок

 


Rambler's Top100