Большая яркая кнопка - Школа Photoshop
Яркая кнопка в фотошоп Яркая кнопка в фотошоп

Большая яркая кнопка

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

Хорошо подойдет для максималистического дизайна

Яркая кнопка в фотошоп

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

Создайте новый документ 400х125 с темно-серым фоном. На новом слое нарисуйте оранжевый скругленный прямоугольник

Яркая кнопка в фотошоп

Создайте новый слой и CTRL-кликните по иконке первого, чтобы выделить нашу форму. Подвиньте выделение немного вверх..

Яркая кнопка в фотошоп

и на созданном новом слое инструментом Dodge мягкой 5px кистью нарисуйте такую линию:

Яркая кнопка в фотошоп

Увеличив размер кисти, сделайте в нижнем левом углу выделенной области свечение

Яркая кнопка в фотошоп

Скопируйте этот слой и подвиньте его немного вверх, после чего примените следующие стили:

Яркая кнопка в фотошоп

Яркая кнопка в фотошоп

Инструментом Pen на новом слое обрисуйте примерно такую область

Яркая кнопка в фотошоп

Далее Edit>Stroke 1px серого цвета

Яркая кнопка в фотошоп

Прератите вектор в выделение (правый клик на линии и Make selection) и большой серой кистью нарисуйте что-то вроде сияния рядом с линией

Яркая кнопка в фотошоп

Смените режим смешивания для этого слоя на Color Dodge

Готово! Яркая кнопка в фотошоп

Яркая кнопка в фотошоп

Источник: http://www.tutorialsubmitter.com/news/shiny-button.html




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

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



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

  1. Немного запутано действия с кривой, но интересно :grin:

    Аниматор

  2. Ребята за урок спасибо!Но за перевод нет.То что не понял — понял через оригинал.В самом начале когда создаёться новый слой надо ешё создать точно такая же фигура.

    Ilhom

  3. ну автора часто сокращают, считая что это и так понятно, как пример тут не описанно как создать прямугольник с скругленными углами, но с другой стороны на блоге есть уроки где это подробно описано :smile:

    Аниматор

  4. Действительно немного запутанно.. но тем немение спс за урок.. :!:

    twin

  5. Спасибо за инфо!!:)Кул блог!

    m@ler.ru

  6. РЕально получилось. Так и мона дизайн сайта сделать!!!

    Гость

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

 


Rambler's Top100