Как сделать шаблон сайта


4. Разрезка изображения для HTML шаблона сайта.


Мы уже определились с фоном сайта, теперь возьмемся непосредственно за сам графический шаблон.

Загружаем наш шаблон в Image Ready (Уроки Image Ready), Внимание! Программа Image Ready входит в Photoshop и отдельно не распространяется.

Разрезка изображения для HTML шаблона сайта


Выбираем инструмент "раскройка"

Инструмент раскройка


Разрезрезаем изображение

Разрезка изображения для HTML шаблона сайта


Сохраняем результат (можно запустить просмотр в браузере и сохранить страницу, в этом случае вы сразу получаете все элементы шаблона, остается только переименовать папку с картинками, в Image Ready это обычно "image" или использовать свое имя в данном случае придется откорректировать HTML-код).

В данном примере было разрезано все изображение полностью. Но все же при создании шаблона сайта рекомендую сначала разрезать шаблон на три части (верх, центр и низ шаблона), а затем разрезать каждую часть в отдельности и потом уже собрать полный шаблон.



Читайте продолжение в ближайшее время