Пример создания шапки

Принцип создания шапки в Фотошоп

Давайте рассмотрим основные принципы создания шапки для сайта в программе Фотошоп. Можно идти несколькими путями. Можно найти в интернете картинки больших форматов и сделать из них шапку, добавив название и логотип сайта к шапке.

Мы сделаем несколько иначе. Для начала найдём и скачаем в интернете несколько подходящих по теме сайта картинок. К примеру возьмём тему сайта о заработках в интернете. Скачаем на эту тему несколько картинок, которые потом будем вставлять в тело шапки:

Запускаем программу Фотошоп и создаём документ с размером Вашей шапки. Зальём тело шапки голубым цветом. Из первой картинки мы сделаем фоновое изображение шапки.

Заходим в меню «файл — открыть». Находим в папке выбранную картинку, нажимаем «открыть». Картинка откроется сверху рабочей области тела шапки. Картинка оказалась очень большой, но это не страшно. Размеры подгоним позже. Сначала выделяем картинку инструментом «прямоугольная область». Заходим в меню «редактирование — скопировать» и копируем изображение. Поскольку в фотошопе стало два окошка ( одно с картинкой, второе с телом шапки), то теперь на передний план выводим окно с шапкой, сделав клик по окну с шапкой. Дальше опять заходим в меню «редактирование — вставить» и на шаблоне появится эта картинка.

Поскольку она очень большого размера, то мы сейчас подгоним её размер под размер шапки. Воспользуемся комбинацией клавиш Ctrl + T и трансформируем картинку до необходимого размера, сдвигая точки вокруг картинки.

 

Вставляем трансформированную картинку в тело шапки. Это будет фоном, в котором надо подкорректировать цветовую гамму. На данном этапе шапка шаблона будет выглядеть так:

Откорректируем цвет шапки. Описывать сам процесс не буду, только основное, а дальше только Ваша фантазия. Заходите в меню «изображение — коррекция» и уже в открывшемся меню надо пройтись по всем подменюшкам где можно изменять цветность, баланс цвета…в общем подгонять цвет картинки  фона до цвета, которым Вы заливали тело шапки. Последним штрихом будет ослабление непрозрачности. Уменьшим прозрачность картинки:

После всех манипуляций с цветом должен получился примерно такой фон шапки:

 Теперь переходим ко второй картинке. Открываем файл картинки. Картинка оказалась с белым фоном. Белый фон картинки надо удалить Делается это с помощью инструмента «волшебная палочка» Сделайте клик по белому фону картинки. Произойдёт выделение и нажмите клавишу Delete, весь белый фон исчезнет.

Инструментом "Прямоугольная область" выделяем вырезанную картинку, копируем и вставляем в область шапки. Трансформируем её, как описано выше, и подгоняем до нужных размеров. В итоге получится так:

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

Теперь остаётся поработать с текстом. Напишем название сайт, к примеру — Заработок в интернете. Тут можно пойти двумя путями. Первый — это сделать красиво оформленное название отдельно в фотошопе и вставить его как картинку. Второй — пишем прямо на шапке. Разберём второй способ

Воспользуемся инструментом «горизонтальный текст». Выбираем шрифт, его размер и цвет и пишем прямо на шапке в нужном месте.

Текст получился белого света. Можно зайти в СТИЛИ и немного украсить тест. Может получиться и вот так:

Это основные принципы создания своими силами шапки для своего сайта. Зная принципы и проявив свою фантазию, можно делать очень оригинальные шапки.