0

Как быстро сделать кнопки в Photoshop

Дизайнеры использовали Photoshop для веб-графики… ну , с того момента, когда веб начал набирать обороты в начале 90-х.

Тендеции и технологии изменились за последние два десятилетия и сегодня Photoshop предлагает множество инструментов, чтобы легко сделать элементы в современных стилях. Вот несколько способов быстрого создания кнопок в Photoshop.

 Всегда начинайте с вектора

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

Основная тендеция для кнопок сегодня — горизонтальные плитки, иногда со скруглёнными краями. Photoshop CC позволяет контролировать скруглёные углы. после создания формы, что очень удобно при регулировки размеров. Чтобы регулировать размер проверьте свойства.

Снимок экрана свойств Photoshop, палитра с радиусом кнопки.

Снимок экрана свойств Photoshop, палитра с радиусом кнопки.

 

Отражения с простым градиентом.

gradient-buttons

Примеры кнопок с различными градиентам

 Чтобы у кнопок был намёк к действия, лучше добавить градиенты. Они получают больше внимания от пользователя и эффективность «призыва к действия» больше.

  1.  Создайте форму в Photoshop, затем перейдите к Layer Effects.
  2. Добавьте стиль градиента в палитре слоев. Лучше использовать чёрный и изменение прозрачности, чтобы было легче изменить цвет.
  3. Держите его тоньше: используйте режим наложения  и 10-15% непрозрачности.

Пользователи могут и не заметить, и в этом суть: незначительные градиенты в правильном контексте «шепчут» ради внимания.

Примеры кнопок

Примеры кнопок

 

Популярный стиль аля 3D показывает две стороны объекта, игнорируя перспективу. Этого легко достичь.

  1. Создайте форму в Photoshop, затем перейдите к Layer Effects.
  2. Создайте внутренний стиль тени. Лучше использовать чёрный и Soft Light, чтобы позже было легче менять цвет.
  3. Установите размер тени до нуля
  4. Установите угол тени 90°
  5. Какое установить расстояние? На ваше усмотрение

 

Скачайте примеры, чтобы быстро приступить к работе.

Создавать кнопки в Photoshop легко. Чтобы создать кнопкии быстрее, воспользуйтесь бесплатным набором стилей. Загрузите файл и настройте по своему усмотрению.

↑ Наверх