Как создать новогодний шаблон и шапку для сайта

Расскажу как создать новогоднее оформление на примере блога на blogger. Однако подобным образом вы можете создать новогоднее оформление для блога на любой платформе. Главными различиями будут лишь размеры шапки, а также в блог на Я.ru, например, нельзя залить собственный фон.
Для начала вам предстоит найти в интернете необходимые элементы будущего дизайна. Нам понадобится новогодний клипарт. Вы можете не качать из интернета большой архив с клипартом, а найти нужные изображения на прозрачном фоне в поиске по картинкам. Удобно пользоваться поиском по картинкам Яндекса. Поисковые запросы такого типа “новый год png”, “елочка png”, “новогодний клипарт”. Прежде чем сохранить изображение на компьютер, убедитесь, что оно на прозрачном фоне. Для этого кликните правой кнопкой мышки по картинке и просмотрите формат в свойствах изображения. Если указан тип – png, то в большинстве случаев это изображение имеет прозрачный фон. Сохраните несколько клипартов на компьютер.



Для создания шапки и фона для новогоднего оформления блога нам понадобится бесплатный редактор GIMP.
Создаем новогодний фон для блога
- В качестве основы фона я выбрала клипарт елочки. Открываем елочку в GIMP.
- Изменяем размер клипарта – уменьшаем примерно до 100 пикселей ширины или длины. Пропорции сохраняем! Для этого не снимаем замка при изменении размеров картинки. Применяем команды Изображение –> Размер изображения:
- Меняем размер холста. Изображение –> Размер холста. Увеличиваем размеры холста (фона) в два раза. Для этого достаточно прописать увеличение размеров одного из параметров (ширины или высоты), замок не снимать! Далее жмите на кнопку “Отцентрировать” и “Изменить размер”
- Создайте новый слой (Слой –> Создать слой) и объедините его с предыдущим (Изображение –> Объединить видимые слои). Это нужно для корректной работы последующего фильтра.
- Создаем бесшовный слой (Фильтры –> Карта без швов). Вы также можете тонировать ваш фон (Цвет –> Тонирование) или уменьшить непрозрачность слоя. Если рисунок вам покажется слишком крупым, то вы можете еще раз уменьшить размер изображения.
- Сохраняем изображение в png. Загружаем в качестве фона в блог. Не забудьте активировать повтор фона по вертикали и горизонтали.
Создаем новогоднюю шапку для блога.
- Создаем новый документ в GIMP на прозрачном фоне с размерами будущей шапки. Для blogspot высота шапки равна 120 пикселей, а ширина индивидуальна для каждого блога, посмотреть размер ширины вашей шапки можно в коде шаблона. Чаще всего она равна 1000 пикс. Итак, Файл –> Создать. Указываем размеры, в расширенных настройках – прозрачность фона:
- Выбираем инструмент Текст и пишем название блога жирным шрифтом.
- Создаем новый слой (кликаем по иконке чистого листа в диалоговом окне слои), выбираем кисть белого цвета из набора кистей и рисуем звездочки или снежинке на нашем тексте (активный слой – верхний).
- Открываем клипарт как слой (Файл –> Открыть как слои). Перемещаем клипарт в верхний слой. Подгоняем его по размеру шапки (Инструменты –> Масштаб) при закрытом замке около размеров клипарта изменяем его размеры при помощи мышки. При помощи инструмента перемещение переместите клипарт в нужное место. Я дублировала слой с клипартом и отразила его по горизонтали (Инструменты –> Зеркало). Нашла также новогодний разделитель, вставила его в нашу новогоднюю шапку, дублировала слой и переместила разделители. Затем, чтобы под нашей шапкой “не рябил” фон, сделала прямоугольное выделение и залила нижний слой под цвет общего цвета фона.
- Объединила слои и переместила оформление шапки в левый край
Теперь идем в шаблон –> настроить нашего блога, загружаем фон, подбираем цвет фона. Во вкладке дизайн изменяем шапку блога. Получился новогодний дизайн блога:
Это лишь описание принципов создания оформления. Примерно также я создавала новогодний дизайн в своем блоге. У вас может получиться лучше!
Здравствуйте!! Я совсем не профи, так, начинающий юзер))) Подскажите пжл, где можно скачать(?) программу GIMP?
СПАСИБО)))
Marilissa, вы можете скачать GIMP здесь
уХ ТЫ!!!!! спасибо!!! с НАСТУПАЮЩИМ ВАС!!!
Пожалуйста. И вас с наступающим!
Извините, но у меня вопрос: "Загружаем в качестве фона в блог - это как сделать? Я честно искала, но у самой не получается(((
Шаблон -> Дизайн -> Настроить. В дизайнере шаблонов выбираете вкладку Фон. Далее кликаете по ссылке "удалить картинку", кликаете по миниатюре фонового изображения. Попадаете в меню, где можно выбрать фон из набора стандартных или загрузить свой. Загружаете фон. Кнопки "Готово" -> "Применить к блогу".
Видеоурок здесь
Большое спасибо! Фон сделать получилось, а вот шапку блога нет пока. Не знала, что у меня руки кривые такие)))
Фон интересный получился. На тему как сделать шапку для блога в Gimp сделаю видеоурок, но скорее всего, не раньше выходных 😉
спасибо!!!! я буду очень ждать))) я уже влюбилась в вашу Страничку!
Видеоурок готов 😉 Надеюсь, что он поможет вам разобраться в программе. Она очень на фотошоп похожа. Если есть навыки работы в фотошопе, то будет очень просто.
Спасибо еще раз! Надесь, что разберусь)))