Как создать кнопку?

3 ноября 2014 г. Просмотров: 599
Если вы решили своими силами создать кнопку для навигационной панели своего сайта, это достаточно просто сделать при помощи программы Adobe Photoshop. В результате вы получите довольно симпатичную кнопку, которую сможете подогнать по цвету и другим параметрам именно под дизайн вашего сайта.

Инструкция

  • Создайте в программе новый документ (Файл – Создать или File – New). Теперь переведите документ в режим серого цвета, для этого выберите Image – Mode – Grayscale. Теперь с помощью инструмента Прямоугольник создайте прямоугольник, соответствующий размерам вашей будущей кнопки. Теперь переведите изображение в режим RBG. Откройте палитру RBG (слева) и установите все значения на 170. Залейте прямоугольник серым цветом.
  • Теперь нажмите Image – Mode – Bitmap, чтобы перевести изображение в режим Bitmap. В окне Bitmap в списке Use выберите значение Halftone Screen. Должно открыться ещё одно окно. В этом окне установите следующие значения параметров:Frequency: 256
  • Lines/inch

    Angle: 45

    Shape/RoundУ вас получится прямоугольник, испещрённый звёздочками.

  • Теперь опять переведите изображение в режим Grayscale (Image – Mode – Grayscale). Установите соотношение размеров (Size Ratio) 1. Изображение снова переведите в режим RBG. Примените фильтр Stylize – Fmd Edges.
  • Дальше примените фильтр Blur – Motion Blur, в нём выставьте следующие параметры:Angle – 36
  • Distance – 19Эти значения не обязательны, вы можете принять свои собственные, в зависимости от того результата, который хотите получить в итоге. Это относится ко всем параметрам, приведённым в данной инструкции – попробуйте поэкспериментировать и посмотреть, что у вас получится, возможно, вас устроит какой-то другой вариант, отличный от того, что получится в итоге у автора инструкции.

  • Теперь раскрасьте ваше изображение. Для этого выберите Image – Adjustements – Hue/Saturation. Там поставьте флажок напротив Colorize и, двигая рычажки, выберите желаемый цвет окантовки вашей кнопки.
  • Теперь инструментом Rectangular Marquee выделите выступающую часть кнопки и сделайте её несколько светлее. Для этого измените кривые изображения – Image – Adjustements – Curves.
  • Если результат вас уже устраивает, вы можете остановиться на этом и считать, что ваша кнопка закончена. Но при желании вы можете ещё немного отредактировать изображение, чтобы оно смотрелось лучше.
  • Для этого нам нужно избавиться от срезанных углов. Выберите инструмент Rectangular Marquee и выделите ту области кнопки, которая вам нужна (без некрасивых углов) и скопируйте (Edit – Copy или же сочетанием клавиш Ctrl+C). Затем нажмите Ctrl+V, чтобы вставить скопированное на новый слой. Примените Image – Rotate Canvas – Flip Horizontal.
  • Снова выделите нужный фрагмент, скопируйте и ещё раз примените Image – Rotate Canvas – Flip Horizontal. Таким образом, изображение вернётся к своему первоначальному виду. Теперь удалите данный фрагмент (как правило, это самый верхний слой на панели слоёв). Теперь вставьте фрагмент из буфера, используя Edit – Paste. Перетащите фрагмент в левый край вашей кнопки, сделайте так, чтобы край был прямоугольным. Так же поступите и с правым углом.
  • Теперь на кнопку необходимо добавить текст. Для этого с помощью инструмента текст создайте необходимую надпись, изменив цвет на более подходящий. Примените к кнопке фильтр Blur, чтобы немного её размыть.
  • Оцените статью!