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

2 ноября 2014 г. Просмотров: 406 Инструкции
Кнопки для сайта - это файлы, которые имеют формат gif, png или jpg. Очень редко могут использоваться расширения psd и bmp. Графические файлы должны иметь маленький размер, чтобы они могли быстро загружаться. Создать сайт самостоятельно с Wix.com

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

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

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

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

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

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

  1. Откройте новый документ, фон должен быть белым.
  2. Необходимо использовать круглое или прямоугольное выделение. Установите галочку Anti-aliased, в поле Feather введите 0.
  3. Далее нужно выделить область (примерный размер 40 пикс.) и залить ее нужным цветом или текстурой, затем добавить текст, для чего необходимо создать новый слой.
  4. В принципе, кнопка готова, теперь ей можно придать объем или рельефность, добавить тень или украсить на свой вкус.
Оцените статью!