как нарисовать шаблон сайта

Теперь нам надо обозначить границы макета, нажимаем Ctrl+R, чтобы увидеть линейки. Кстати нам надо, чтобы единицы измерения были пиксели, для этого нажимаем правой кнопкой мышки по линейке и ставим там галочку на пиксели.

Запускаем фотошоп и нажимаем в меню Файл-Новый или Ctrl+N. Задаем ширину 1040 пикселей и высоту 1400 пикселей как показано на рисунке. Я задаю на 80 пикселей больше, чтобы визуально видеть сам макет на окружающем фоне.

Также замечу, что буду рисовать макет с фиксированной шириной стандартная 960-пиксельная grid system, чтобы наш сайт одинаково хорошо отображался на мониторах с разрешением от 1024х768 пикселей и выше (это монитор 19 дюймов).

Причем дизайн всех блоков, левых, правых и центральных будет одинаковый, разница только в ширине, для блоков возьмем ширину 200 пикселей, для центральной части все что останется.

Уровень пользователя программы фотошоп минимальный.PЧто же можно сообразить такое несложное, но чтоб вы поняли как что делается без особых усилий? Нарисуем шапку, левые и правые блоки, центральную часть и футер (подвал сайта).

Приступим к рисованию макета будущего сайта. Буду рисовать конечно несложный макет, так сказать theme framework минимальный дизайн, но при помощи которого можно сделать вполне приличный и насыщенный дизайн сайта.PОриентировка макет для сайта на DLE, классический трех-колоночный веб-дизайн сайта с установленной CMS DLE версий 7-8. Итак, приступим, я использую Adobe Photoshop CS3 официальную русскую версию.PВ этом уроке не будут рассматриваться основные приемы работы с фотошопом такие как выбор любого инструмента, вставка текста.

Как нарисовать шаблон сайта

Как нарисовать шаблон сайта | RUDEBOX