Сайт о графическом дизайне в Photoshop
Информация, статьи, теория, уроки

Графический дизайн всегда начинается с Adobe Photoshop
Сайт в разработке. Приходите чуть попозже :)
Сайт в разработке. Приходите чуть попозже :)
Сайт в разработке. Приходите чуть попозже :)
Сайт в разработке. Приходите чуть попозже :)
Дизайн в PSD

Мы живем в век высоких технологий и постоянного развития ПО. В дизайне революцию стремительно сделал Photoshop. Сейчас без этого инструмента вообще никуда  это уже всемирно, давно и всеми признанный стандарт.
(А.Б.Чубайс, чиновник) 

Свежие статьи

Еще 20 лет назад индустрия графического дизайна была уделом художников. Сейчас Photoshop дает возможность творить людям с хорошим художественным вкусом. Если они профессионалы.
(Н.А.Копейкин, художник) 

Дополнительно

Photoshop дает нам массу возможностей — начиная с редактирования домашних фотографий и до разработки сайтов и полиграфии. Нужно просто понимать, на что ты УЖЕ способен, владея этим инструментом!
(М.С.Щипунов, ИТ-директор) 

Как создать в Photoshop красивую кнопку-капсулу

В данной статье о графическом дизайне в Photoshop мы разберем, как же средствами самого наилучшего графического редактора создать красивую и стильную кнопку-капсулу, которую впоследствии можно будет использовать, например, на сайте или в презентации.

Сначала создадим новый документ со следующими ниже параметрами.

После этого нужно выбрать инструмент градиентной радиальной заливки и протянуть курсором от центра к краю.

Теперь в палитре инструментов давайте выберем инструмент «Прямоугольник со скруглёнными краями» и применим к нему показанные ниже параметры.

Теперь дважды кликнем по слою и настроим стили, как указано на скриншотах ниже.

Дальше необходимо выделить фигуру нашей кнопки, нажимать на клавиатуре клавишу Ctrl и кликнуть по значку «Фигура» в палитре слоёв. Выбираем Elliptical Marquee Tool (инструмент «Овальная область»), активизировав кнопку «Вычитание из выделенной области». Не снимая выделения, далее создаём новый слой и заливаем его цветом #F26520.

После этого мы с вами снова используем инструмент Elliptical Marquee Tool и выделим такую фигуру, как показана на изображении ниже. Далее создадим новый слой и зальем его цветом #E45E1F.

После этого нажимаем клавишу Ctrl на клавиатуре и мышкой кликаем по фигуре нашей кнопки в палитре слоёв, тем самым создавая выделение.
Далее выберем инструмент «Прямоугольная область» (Rectangular Marquee Tool) с вычитанием из выделенной области и создадим выделение, которое показано на рисунке ниже.

Теперь заходим в меню Select и применим Modify — Contract («Выделение» — «Модификация» — «Граница»), ставим значение: 5-7 px (зависит от размеров Вашей кнопки).
Не снимая этого выделения, создаём новый слой и выбираем инструмент градиентной заливки. Убедитесь, что цвет переднего фона белый, поскольку градиент будет от белого к прозрачному, и применяем его к нашему выделению. Нажимаем Ctrl+D и снимаем выделение.

После этого мы опять создаём новый слой, применяем Roundet Rectangle Tool («Прямоугольник со скруглёнными краями») и рисуем фигуру в нижней части нашей капсулы.
Правой кнопкой мыши нажимаем по нашей вновь образованной фигуре и в выпавшем окошке выбираем Make Selection («Образовать выделенную область»). После этого создаём еще один новый слой. Заливаем выделение таким же градиентом, потом снимаем выделение и удаляем предыдущий слой. Режим наложения в последнем слое изменяем на Overlay («Перекрытие»).

На этом заканчиваем! Желаемый результат достигнут! Поздравляем, у нас получилась отличная кнопка-капсула!

Спасибо за внимание! Читайте нас чаще на сайте www.photoshop-area.ru, мы будем стараться размещать всё новые и новые статьи о графическом дизайне в Photoshop.

© 2009 — 2014 

Дорогие графические дизайнеры!
Мы всегда рады приветствовать вас
на сайте о дизайне в Photoshop!

Графический дизайн в Adobe Photoshop и Illustrator

Яндекс цитирования
Веб сайт разработан
дизайн-студией Trio-R Alliance
Обслуживание сайта выполняется
администрацией Photoshop-area