Как сделать шаблон для сайта в фотошопе

Продолжительность: 12 минут(ы)

Результатом работы может стать эскиз страницы сайта, выполненный карандашом на листе бумаги с указанием зон фиксированных и варьирующихся размеров. Примерные наброски будущего дизайна лучше всего делать цветными карандашами на обычных листах формата А4. В добавленном слое линиями толщиной в 1 пиксель вычертите изображение шаблона страницы с соблюдением реальных размеров элементов.

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

Любая вещь со временем придет в негодность.

Возьмите инструмент Gradient, в панели его настроек выберите первый тип заливки. Значит, вам понадобится три вертикальные линии левая граница шаблона, правая и линия между ними и горизонтальная, показывающая нижнюю границу шапки.

После этого вставьте в шаблон столько раз, сколько понадобится для его заполнения фоном. Шаблон создан, теперь необходимо разрезать его на кусочки для их вставки в html-страницу.

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

Как создать шаблон в фотошопе

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

В графическом редакторе откройте новый документ.

Создайте заготовку шаблона страницы сайта в редакторе растровой графики. Примените следующие настройки слоя: Inner Shadow - Blend Mode — Multiply, цвет - a2b7b1, Opacity — 43, Angle — 90, Distance — 0, Chоke — 0, Size - 10.

Разработайте и сохраните в виде отдельных изображений типовые элементы дизайна сайта например, меню, текстовые блоки для их многократного использования в шаблоне.

Установите в качестве основного цвета c5e0dd, в качестве фонового - ece5cf. Шаблон создан, теперь необходимо разрезать его на кусочки для их вставки в html-страницу.

Протащите линию градиента по белому полю от верхнего края до нижнего.

Как сделать шаблон для сайта в фотошопе

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

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

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

Как сделать шаблон для сайта в фотошопе

Это касается и компьютеров, которые вдобавок подвержены моральному...

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

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

Как сделать шаблон для сайта в фотошопе

Как сделать шаблон для сайта в фотошопе

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

Еще интересное порево

Рисуйте логотип, статические изображения, невидимости. Добавьте новый прозрачный слой. Побалуйте внимание на удачные изменения тех или иных элементов маркетинга.

Разработайте концепцию дизайна сайта.