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

3 ноября 2014 г. Просмотров: 735
Удобная навигация – ключевой момент, который делает веб-сайт комфортным для посещения и привлекательным как для владельца, так и для посетителей в сети. Элементы меню и навигации должны быть понятными, красивыми и лаконичными, и хорошей идеей будет создать привлекательные кнопки для вашего интернет-сайта в графическом редакторе Adobe Photoshop. Сделать это несложно.

Инструкция

  • Создайте новый документ и на панели инструментов выберите Rounded Rectangle Tool. Нарисуйте узкий прямоугольник со скругленными углами, а затем выберите на панели инструментов Elliptical Marquee Tool и в левой части прямоугольника нарисуйте круг, перекрывающий его края и выходящий за его пределы.
  • Правой клавишей мыши щелкните на слое с прямоугольником и выберите опцию Rasterize Layer, а затем в центре выделения снова кликните мышью и выберите в контекстном меню опцию Layer via Cut, чтобы скопировать выделение на новый слой.
  • Откройте меню настроек слоя и во вкладке Drop Shadow установите режим смешивания Normal, прозрачность на 23%, а дистанцию на 3 пикселя. Во вкладке Color Overlay установите нужный цвет при режиме смешивания Normal и прозрачности в 100%. У вас должно получиться двухцветное изображение.
  • Снова выберите на панели инструментов Elliptical Marquee Tool и внутри левого цветного выделения нарисуйте кружок. Нажмите Delete. После этого перенесите выделение на новый слой и залейте его любым цветом.
  • Откройте снова меню Layer Style и настройте вкладку Gradient Overlay в любых цветах, которые подходят к цветовой гамме вашего сайта. Установите радиальный стиль градиента. Затем во вкладке Stroke установите толщину обводки в 2 пикселя, внешнюю позицию контура, а также прозрачность в 30%. Выберите градиентную заливку обводки. Нажмите ОК.
  • На панели инструментов выберите кисть белого цвета, настройте ее так, чтобы она была мягкой, а диаметр кисти составлял 10 пикселей. В правой верхней части окрашенного вами круга поставьте точку, чтобы нарисовать блик.
  • Затем выберите слой с основной частью кнопки и в меню Layer Style установите параметр Inner Shadow с режимом смешивания Multiply и прозрачностью в 33%. Установите линейный градиент с прозрачностью в 25%. Ваша кнопка готова – осталось добавить на нее надпись.
  • Оцените статью!