Создание шаблона сайта в Photoshop

Если индивидуальность вам не чужда и вы хотите создать свой неповторимый дизайн сайта, то ваш лучший помощник в этом деле – старый добрый Photoshop. Благодаря сочетанию легкости работы с широким спектром возможностей вы сможете создать шаблон сайта photoshop для своего ресурса. Так что, не будем терять ни минуты и приступим к реализации.
Для начала работы над шаблоном в Photoshop, конечно же, нужно сделать набросок вашего будущего дизайна на бумаге. Вырисовываем схематичный план сайта, со всеми баннерами, навигацией, рисунками и текстовым содержанием.

Далее, переходим в Photoshop. Для нашего документа пока устанавливаем размер 900х1200 пикселей (позднее, при верстке, можно сделать ширину «резиновой»). Для удобства работы добавим линейки.
Теперь начнем рисовать. Начинаем, конечно же, с головы, то есть с «шапочки» сайта. Не забываем о сохранении пропорций. После того, как «шапка» готова, займемся прорисовкой колонок меню. Помните, что сайт должен быть не только красивым, но и быстрозагружающимся, а потому не следует очень. Потом оформляем фон для основного текста, «боттома» нижней части. Очерчиваем каждую составляющую дизайна опорными линиями.

Потом очень аккуратненько выделяем каждый элемент по опорным линиям инструментом Slice Tool. Вот и все, наш шаблон сайта в Photoshop готов, мы разработали дизайн и порезали его на нужные кусочки. Теперь остается только сохранить его. Сохраняем с помощью вкладки Save for Web, чтобы получить минимальный объем изображения. Выбираем тип файла jpeg и качество около шестидесяти процентов. Вот и все, один из самых важных шажков на пути создания сайта сделан, разрешите вас поздравить! Вы создали свой персональный шаблон сайта в Photoshop!