Получится тонированное изображение.

2. Создать новый слой, 900*900, цвет фона - белый, назвать Страница.

переместить посередине.

3. Фильтры - Свет и тень- Отбрасываемая тень, Х,У =0, убрать галку"разрешить изменение размера", добавить тень.

Что получилось на этом этапе? Белый лист с тенью, на серо-голубом фоне.

4. Создать новый слой 900*150пх, назвать его Заголовок,

Выровнять по белому слою.

5. Цвет черный (передний план) и 9bb1ba (фон), инструментом Градиент залить слой Заголовок сверху вниз.

6. Слой Заголовок продублировать и удалить содержимое нажав Delet, (дублируя слой, он создается на том же месте, уже не нужно его выравнивать, а содержимое будет другое)

7. Инструментом Карандаш провести прямую белым цветом, затем сразу под белой линией - черным. (Выбрать инструмент Карандаш, выбрать кисть Circle 03, цвет переднего плана белый, щелк Карандашом по левой границе копии Заголовка, нажать Shift и протянуть прямую до правой границы и еще раз щелк. Поменять цвет на черный и нарисовать вторую прямую)

А теперь уменьшить прозрачность этого слоя до 10-15%, получилась вот такая гравировка.

8. Дублировать слой белой Cтраницы, содержимое удалить, инструментом Прямоугольное выделение нарисовать прямоугольник с правой стороны, залить выделение цветом 9bb1ba и уменьшить прозрачность этого слоя до 20%.

9. Выбрать в палитре цвет переднего плана 93a8b0, создать новый слой 900*100, цвет переднего плана, назвать Колонтитул, переместить в самый низ изображения.

10. Теперь пишем меню в верхней части. Инструмент Текст, выбрать шрифт, цвет размер 15 пх.(размер шрифта зависит от того, какой выбрали, чем крупнее сам шрифт, тем меньшее число пикселов выбрать) Разместить под гравировкой.

Вот страничка почти готова, осталось добавить наши красивые кнопки. Сохранены они в .png, открыть их новым слоем, инструментом Перемещение поставить на место. Подогнать размер в меню Слой - размер слоя. Сохранить весь документ в расширении .xcf.

В следующем уроке будем резать нашу картинку на части и готовить к кодированию в html.

Создать на компьютере новую папку назвать,например, "my site", внутри этой папки еще одну с названием "images" - сюда будем сохранять части страницы.

Открыть наш документ сохраненный в .xcf Внизу окна выбрать просмотр 100%.
Отключить видимость кнопок и текста.
Инструментом Прямоугольное выделение выделить часть из верхнего левого угла вправо вниз, чуть выше строки с гравировкой. 960*109 (109 - это верхняя граница гравировки, у вас может быть другой размер, его можно увидеть в параметрах панели инструментов)

Правка - Копировать видимое, Правка - Вставить как - Новое изображение. Сохранить это новое изображение с именем header.png в папке images.

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

Правка - Копировать видимое, Правка - Вставить как - Новое изображение. Сохранить это новое изображение с именем menulinks.png в папке images.

Теперь опустим выделение на саму страницу, в любой средней части.

Правка - Копировать видимое, Правка - Вставить как - Новое изображение. Сохранить это новое изображение с именем page.png в папке images.

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

Правка - Копировать видимое, Правка - Вставить как - Новое изображение. Сохранить это новое изображение с именем footer.png в папке images.

Включить видимость логотипа, выделить область и так же сохранить как новое изображение, с именем logo.png в папке images.

И так, что имеем в итоге, в папке images должны быть изображения header.png, menulinks.png, page.png, footer.png и logo.png.

продолжение следует....