Если вы ничего не знаете про создание дизайна сайта в фотошопе, то этот небольшой урок для вас. Итак, то что нам понадобится это фотошоп. Я использую Photoshop CS3 Extended 10 версии. Давайте разберем на простом примере как создать дизайн для сайта. Урок этот, конечно, далеко не единственный вариант создания дизайна сайта. Но все же для новичка очень даже сойдет. Создание дизайна также зависит от вашей фантазии и способностей в фотошоп.

Запускаем программу фотошоп. Затем идем в меню Файл - новый, либо вызываем комбинацией клавиш CTRL + N. Ширину возьмем 750 пикселей, высота пусть тоже будет 750 (если текст на странице не будет помещаться, то высота будет увеличиваться сама по себе, поэтому она не столь важна). Разрешение 72 пикс/дюйм. Жмем ОК.

Перед нами появляется наша рабочая облать. Далее что нам потребуется - это Линейки. Для того, чтобы их включить, нужно зайти в меню Просмотр - Линейки (CTRL + R).

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

Далее выбираем Инструмент для Прямоугольного выделения

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

Затем нужно создать новый слой. Для этого заходим в пункт меню Слой - новый - слой (SHIFT + CTRL + N). Слой переименовываем в gradient английскими буквами.

Теперь мы сделаем градиентную заливку выделенной области. Выбираем основной цвет, пусть он будет такой (код цвета 26561f)

...и цвет фона (код цвета 50de53)

Выбираем инструмент Градиент. В верхней панели свойств выбираем тип градиента - от основного к фоновому.

Протягиваем линию так, как показано на рисунке и получаем следующую градиентную заливку.

Чтобы линия проходила строго вертикально или горизонтально нужно удерживать клавишу SHIFT.

Теперь сделаем низ сайта , или так называемый подвал. Сначала выделим его инструментом для прямоугольного выделения, создадим новый слой, переименуем его в gradient1 и проведем линию снизу вверх удерживая SHIFT как показано на рисунке.