| Главная » Статьи » Дизайн в Photoshop |
Создание шапки для сайта в фотошопе.
| В данной статье распишем по этапам создание шапки для сайта в программе Adobe Photoshop.
Предположим, что наш сайт функционирует на популярной CMS. Вы уже установили понравившийся шаблон и теперь вам надо его уникализировать. Самый длительный этап здесь – это замена стандартной шапки шаблона на свою. Для начала нужно узнать размер стандартной шапки. Открываем папку с изображениями нашего шаблона wp-content/themes/имя темы/images/ и ищем там данный файл. Далее создаем новый документ в фотошопе. Ширину и высоту указываем ту же самую, что и у стандартной шапки. Фон делаем прозрачным, а цветовой режим – RGB. Все последующие действия будут зависеть от формата вашего ресурса и его тематики. К примеру, ваш сайт посвящен огороду, даче, растениеводству. В этом случае в качестве фонового изображения хорошо подойдет картинка с зеленью, овощами или природными мотивами. Можно даже использовать какую-то часть одной большой картинки. К примеру, размеры шапки 200 на 450 пикселей, а разрешение фоновой картинки 1900 на 1400. В этом случае можно двигать картинку вдоль рамки с новой шапкой и искать подходящую с эстетической точки зрения позицию. Когда эта позиция будет найдена, можно будет приступать к обдумыванию текста шапки. Создаем новый слой и выбираем инструмент под названием «Текст». Можно сделать следующий текст «Site.ru – все о саде и огороде», где site.ru – это название вашего ресурса. Можно расположить надпись посередине, а можно сдвинуть ее в одну или другую сторону. Мы сдвинем ее в левую часть. Надпись должна быть крупной и привлекающей внимание. Цвет шрифта должен контрастировать с цветом фоновой картинки. Далее щелкаем правой кнопкой мыши по слою с текстом и выбираем «Параметры наложения». Здесь можно добавить тень, обводку, контур и прочие интересные вещи. Ваша задача – сделать текст посредством этих опций более заметным и читабельным. Поработайте с контрастом и яркостью и решите, как лучше будет смотреться шапка. Можно добавить по одной полоске снизу и сверху шапки для того, чтобы как-то разнообразить ее. Для этого создаем новый слой и выбираем инструмент «Прямоугольник». В правой части шапки можно оставить основную контактную информацию, к примеру, ваш email. Для этой цели выбираем максимально простой шрифт небольшого размера. Его цвет также должен контрастировать с цветом фонового изображения. В конце сохраняем данный файл в формате JPG, GIF или PNG по вашему желанию. Название вашей шапки делаем такое же, как и у стандартной шапки шаблона – обычно это header.jpg или что-то типа того. Затем копируем с заменой новый хедер в папку с изображениями используемого шаблона и обновляем страницу сайта. Шапка должна поменяться. Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено. За более подробной информацией обращаться к администрации. | |
| Просмотров: 3297 | Рейтинг: 3.0/2 |
| Всего комментариев: 0 | |
