Создать хедер сайта в фотошопе

создать хедер сайта Добрый день, уважаемые читатели! Создавая свой проект часто приходится менять, при возможности, те или иные картинки  в шаблоне — хедер, кнопки, значки rss, twitter. Или  же вы самостоятельно делаете шаблон в Artisteer и вам нужна оригинальная шапка сайта. И вот для решения этого вопроса можно воспользовать программой фотошоп и создать  хедер.

Вариантов создания шапки сайта есть несколько:
— вы ищите подходящую картинку и используете ее в качестве хедера
— вы ищите несколько интересных изображений и с помощью фотошоп их обрабатываете
— вы используете в хедере как обработанную картинку так и кисти
— вы используете для создания шапки сайта только кисти

Я предлагаю для начала попробавать создать хедер с помощью кистей. Для этого необходимо к стандартному набору добавить несколько десятков дополнительных вариантов отпечатка кисти. В интернете есть возможность скачать бесплатно массу различных кисточек.

Скачав понравившийся набор, вы получаете архив. И для того чтобы установить следует его распаковать. Затем запускаем программу фотошоп и заходим во вкладку  Edit (Редактирование) и выбираем пункт Preset Manager (Управление библиотекой)

пункт управление библиотекой

Открывается окно, с помощью которого так же можно загружать — инструменты, текстуры, стили, фигуры. Для этого просто нужно выделить необходимый параметр. В данном случае необходимо загрузить кисти и поэтому выбираем Brusher

загрузка кисти1

и нажимаем на Loader (Загрузить).
В открывшемся окне выбираем папку где у нас находятся скаченные кисточки

загрузка кисти2

и снова нажимаем Load.
Все теперь заходим в панель инструментов в Кисти и загруженные кисти отразятся в наборе.

После того как необходимые кисти были установлены можно приступить к созданию хедера. Единственно, что вы должны определиться с размера будущей шапки. Я же буду использовать размер 1240х187 рх. Создаем новый файл с такими размерами

параметры изображения

И  получается вот такой файл

файл под создание хедера

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

color
Потом выбираем инструмент Заливка

инструмент заливка

Для продолжения работы создаем несколько дополнительных слов. И  переименовываем их. Для это  щелкаем правой кнопкой мыши два раза по названию слова и затем в активном окне прописываем имя данного слоя.

создание дополнительных слоев

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

сменить местами фоновый и основной цвет

Затем выбираем  необходимую кисть и задаем ее размер. Активируем слой «Кисть справа», просто щелкаем по нему в палитре Слои и установив кисть в нужном нам месте , несколько раз щелкаем левой клавишей мыши.

применяем кисть

Это можно сделать и один раз, все зависит от того какую интенсивность узора вы хотите получить. Я использовала три щелчка.

применение кисти 3 раза

Теперь создаем зеркальное отражение этой кисти по горизонтали. Для этого активируем слой «Кисть слева» и снова применяем эту же кисть столько  же раз, но в другом месте.

Затем к ней приминяем функцию Трансформирования Edit -Transform- Flip Horizontal.

применение трансформирования

Трансформировав слой применяем инструмент Перемещения. С помощью его ставим узор в необходимое нам место.

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

хедер

Можно воспользовать инструментом Текст и прописать название сайта. И применив к слою с текстом различные стили получим красивую шапку. Но это все уже будет зависить от вашей фантазии.

Для сохранения картинки выбираем File — Save As…называем наш файл, выбираем где сохранить , выбираем формат .jpg

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

Создать хедер для сайта достаточно просто, в этом Вы смогли убедиться. Проявив фантазию, можно такое сотворить, что сайт будет выделяться среди массы подобных.

Удачи!

С уважением, Отчаянная

Вам понравилась статья? Расскажите о ней друзьям!