Чтобы создать кнопку сайта, необходимо воспользоваться мощным графическим редактором, чаще всего это Photoshop. Вам не подойдет простая программа типа Paint, так как ее возможности ограничены. Прежде всего, вам необходимо определиться с количеством кнопок на вашем сайте. Если их будет много, даже кнопки небольшого размера будут грузиться медленно. Оптимальное количество – около десяти кнопок.

Существуют специальные программы, которые позволяют создать красивые объемные кнопки с разными эффектами. К сожалению, такие кнопки много весят.




Как правильно сделать кнопку сайта



  • Кнопки нужно оптимизировать, независимо от того, какая программа использовалась для их создания.

  • Чтобы уменьшить время загрузки кнопок, их следует уменьшить. Для этого можно воспользоваться все тем же Фотошопом.

  • Стоит также обратить внимание на формат, в котором будут сохраняться файлы. Для большинства кнопок используют gif, так как он дает возможность сохранить анимацию и отлично подходит для картинок, элементы которых выполнены в одном цвете. Формат jpg используется для изображений с множеством цветов, чаще всего фотографических.

  • Чтобы сделать кнопку сайта, которая будет при нажатии менять свой цвет или издавать какой-либо звук, следует использовать JavaScript.




Как создать кнопку сайта в Photoshop


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



  1. Откройте новый документ, фон должен быть белым.

  2. Необходимо использовать круглое или прямоугольное выделение. Установите галочку Anti-aliased, в поле Feather введите 0.

  3. Далее нужно выделить область (примерный размер 40 пикс.) и залить ее нужным цветом или текстурой, затем добавить текст, для чего необходимо создать новый слой.

  4. В принципе, кнопка готова, теперь ей можно придать объем или рельефность, добавить тень или украсить на свой вкус.