Как сделать клевую блестящую зеленую кнопку - Школа Photoshop
Как сделать блестящую кнопку в фотошопе? Как сделать кнопку в фотошопе?

Как сделать клевую блестящую зеленую кнопку

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

Легко! Как сделать кнопку в фотошопе?

Зделать фото блестящим онлаин

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

Для начала на новом слое нарисуйте скругленный прямоугольник любого цвета (не обращайте внимания на следующую картинку, она из другой версии Photoshop).

Как сделать клевую фотку в фотошопе?

CTRL-кликните по этому слою, чтобы выделить фигуру. Выберите инструмент Gradient и установите главный и вспомогательный цвета в #849e24 и #617b13 соответственно. Протащите полоску градиента с зажатой клавишей SHIFT сверху донизу выделения, чтобы залить фигуру

Как сделать клевую картинку?

Убедившись, что Вы работаете со слоем с фигурой, отправляйтесь в меню Layer > Layer Styles > Inner Glow и примените следующие настройки:

Как сделать клевую надпись в фотошопе?

Теперь Stroke (цвет #617b13):

Как сделать клевую картинку?

Вот, что у Вас должно примерно получиться:

Как сделать клевую надпись в фотошопе?

Теперь добавляем блеск. Создайте новый слой и CTRL-кликните по иконке старого. Зажав ALT, инструментом Rectangular Marquee выделите нижнюю половину фигуры, чтобы снять эту часть выделения и оставить только верхнюю. Залейте ее белым цветом.

Как сделать блестящую кнопку?

Понизьте непрозрачность этого слоя до 10%

Как сделать блестящую фигуру в фотошопе?

Готово! Как сделать блестящую кнопку?

Как сделать блестящую кнопку в фотошопе?

Источник: http://www.anothertutorialsite.com/cool-shiny-green-button/




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



11 комментария(-ев) к уроку “Как сделать клевую блестящую зеленую кнопку”

  1. а как в фотошопе сделать прямоугольник с закругленными углами, ато через Rounded Restangle делаю, может есть какойто более интересный способ?.. типа как в Илле, выбрал иснтрумент с закругленным треугольником и курсором регулируешь закругление…

    Аниматор

  2. Прикольно, только на нижнюю часть не мешало бы добавить фон с полосок…

    CLUBKISS.ru

  3. скажу так обычная обычность :smile:

    IgR0]{_444

  4. А как понизить непрозрачность? :oops:

    Daniil

  5. По ходу авторы этого сайта сами нуждаются в прохождении начального курса Adobe Photoshop… если уж нормальные картинки при описании уроков вставить не могут и наверно даже не подозревают о таком инструменте, как Crop. А уж про ответы на элементарные вопросы пользователей сайта я вобще молчу! :roll:

    Ольга

  6. Ольга, как Вы могли заметить, все уроки на этом сайте являются переводными, соответственно, картинки все сохраняются с сайтов-источников и вставляются сюда в виде «как есть»…

    И скажите, чем Вам не угодили картинки?

    Всеволод Козлов

  7. Всеволод, я здесь отписалась может не совсем по теме, просто в общем списке уроков у вас выложены такие огромные картинки. Просто более привычно, когда в списке уроков выложены маленькие картинки примерно размером 100 на 100. Вы бы их обрезали хотя бы немного, ну это конечно сугубо личное дело авторов, просто мне кажется материал выложен нерационально. А так сайт у вас хороший, молодцы :wink:

    Ольга

  8. Спасибо, все коротко и ясно. :smile:

    Юрий

  9. Есть такой стиль слоя для Фотошоп который входит в набор стилей слоя WEB 2.0.

    Ambula

  10. Свобода слова на блоге — это всегда хорошо! Главное, чтобы общественности было что Вам сказать :)

    ТихоновV

  11. Мне помог Ваш Урок. Спасибо и удачи. :razz:

    Пафка

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

 


Rambler's Top100