Урок 3:
Создание Хэддера
В этом уроке мы будем делать простенький Хэддер
Итак начнем!
Этот урок будет посвящён созданию элементарного хэдера. Хэдер или шапка сайта, это как правило, в простейшем варианте, изображение с наложенным на него текстом. В 50 % сайтов размещённых во всемирной паутине хэдер имеет именно такой вид. Однако этот урок не такой узкоспециализированый как может показаться. Поздравительные открытки, визитки и просто семейные фотографии с надписью, так же можно делать этим способом, а посему приступим.
Выберем исходное изображение, например вот это:
Так как хэдер, как правило имеет ширину в несколько раз большую, чем высоту нам необходимо изменить пропорции изображения, и здесь есть два способа. Первый, изменить пропорции в меню "Image" функция "Resize", но в данном случае эта операция нам не подходит, картинка искажается.
Тогда выбираем второй способ, обрежем изображение, с потерей большей части картинки, но с сохранением пропорций исходника. Идем в панель инструментов и выбираем "прямоугольное выделение", обведено красным.
Выделяем часть изображения, мне нравится эта область
И нажимаем кнопку обрезать. Выделено красным.
Получаем:
Теперь наложим на картинку текст, в нашем случае это будет название сайта. Выбираем в панели инструментов функцию "Text"
Выбираем шрифт и размер шрифта ( меню параметров текста выделены красной рамкой ) Наводим курсор на изображение и кликаем, мигающий курсор появляется на картинке и обозначает с какого места начнётся текст. Не пытайтесь сразу оптимально вогнать текст в изображение, просто впечатайте его, отредактировать положение, размер, шрифт и цвет надписи можно потом.
Итак, текст вставлен. Оптимально расположить его на нашем хэдэре поможет кнопочка расположеная под курсором ( обведена красным кружком ), левой кнопкой мышки нажимаем на эту пиктограмку и удерживая таскаем надпись по картинке, выбирая оптимальное положение.
Так же, можно поиграть со шрифтами, размером и цветом надписи, изменяя параметры в соответствующих меню. Ясно, что цвет например задаётся в меню "Colors", по умолчанию расположенное в левом нижнем углу окна Paint.NET. Сохраняемся и получаем готовый хэдэр.
| 
