Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Делаем psd-макет сайта. Часть 2

Продолжаем создание psd-макета для некого сайта. Для поиска я нарисовал такой значок:

Значок поиска для сайта

Создаём новый слой и помещаем значок туда таким образом, чтобы он находился справа от окна поиска. В самом окне пишем слово "Найти" шрифтом Arial, Italic, размером 18 пт:

Верхнее меню с поиском

Теперь создадим подвал сайта, то есть место в самом низу веб-страницы, в котором написана различная контактная информация, то, что все права защищены и, очень часто, размещены различные ссылки на разделы сайта. Подвал сделаем при помощи прямоугольника, цвет которого будет e0eeca. Цвет текста ближе к чёрному, шрифт Arial, Regular, 14 пт. Перед текстом разместим произвольную фигуру в виде значка ©, надпись в подвале видно на скриншоте ниже:

Подвал сайта в фотошопе

При помощи прямоугольников цвета bfd69c создадим боковые колонки:

Боковые колонки сайта в фотошопе

Используя цвет d4f1a9, выделяем места для названий разделов сайта, задаём именуем их шрифтом Arial, Regular, 24 пт, в каждый раздел вставляем ссылки, шрифт Arial, Italic, 18 пт. Цвет текста - 22251e:

Боковые колонки с разделами в Photoshop CS5.1

Ну и в центре нашей страницы разместим статью с картинкой. Рисунок помещаем отдельно от текста, но так, чтобы он смотрелся как внутри статьи. Шрифт заголовку задаём Arial, Regular, 30 пт, тексту такой же, только размером 18 пт. Получилось следующее:

psd-макет сайта в Photoshop CS5.1

Вот наш шаблон в формате JPEG (*.JPG;*.JPEG;*.JPE):

Макет сайта в виде рисунка

Если кому интересно, данный psd-макет можно скачать здесь. На этом закончим изучение программы Photoshop, для веб-мастера информации на нашем сайте более чем достаточно.


<<Предыдущая | В раздел