Урок 2.Создаем хэдер

Этот урок будет посвящён созданию элементарного хэдера.  Хэдер или шапка сайта, это как правило, в простейшем варианте, изображение с наложенным на него текстом.  В 50 % сайтов размещённых во всемирной паутине хэдер имеет именно такой вид.  Однако этот урок не такой узкоспециализированый как может показаться.  Поздравительные открытки, визитки и просто семейные фотографии с надписью, так же можно делать этим способом, а посему приступим.
  Выберем исходное изображение, например вот это.

[500x375]

  Так как хэдер, как правило имеет ширину в несколько раз большую, чем высоту нам необходимо изменить пропорции изображения, и здесь есть два способа.  Первый, изменить пропорции в меню "Image" функция "Resize", но в данном случае эта операция нам не подходит, картинка искажается.

[500x]

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

[показать] 

Выделяем часть изображения, мне нравится эта область.

[500x]

  И нажимаем кнопку обрезать.  Выделено красным.

[500x]

  Получаем.


[500x]

  Теперь наложим на картинку текст, в нашем случае это будет название сайта.  Выбираем в панели инструментов функцию "Text"

[показать]

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

[500x]

  Итак, текст вставлен.  Оптимально расположить его на нашем хэдэре поможет кнопочка расположеная под курсором ( обведена красным кружком ), левой кнопкой мышки нажимаем на эту пиктограмку и удерживая таскаем надпись по картинке, выбирая оптимальное положение.
  Так же, можно поиграть со шрифтами, размером и цветом надписи, изменяя параметры в соответствующих меню.  Ясно, что цвет например задаётся в меню "Colors", по умолчанию расположенное в левом нижнем углу окна Paint.NET.  Сохраняемся и получаем готовый хэдэр.


[500x]