2011-12-13

Создать новогоднее оформление блога

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

Создаем новогодний фон для блога

..
  1. В качестве основы фона я выбрала клипарт елочки. Открываем елочку в GIMP.
  2. Изменяем размер клипарта – уменьшаем примерно до 100 пикселей ширины или длины. Пропорции сохраняем! Для этого не снимаем замка при изменении размеров картинки. Применяем команды Изображение –> Размер изображения:размер_изображения
  3. Меняем размер холста. Изображение –> Размер холста. Увеличиваем размеры холста (фона) в два раза. Для этого достаточно прописать увеличение размеров одного из параметров (ширины или высоты), замок не снимать! Далее жмите на кнопку “Отцентрировать” и “Изменить размер”изменить_размер_холста
  4. Создайте новый слой (Слой –> Создать слой) и объедините его с предыдущим (Изображение –> Объединить видимые слои). Это нужно для корректной работы последующего фильтра.
  5. Создаем бесшовный слой (Фильтры –> Карта без швов). Вы также можете тонировать ваш фон (Цвет –> Тонирование) или уменьшить непрозрачность слоя. Если рисунок вам покажется слишком крупым, то вы можете еще раз уменьшить размер изображения.
  6. Сохраняем изображение в png. Загружаем в качестве фона в блог. Не забудьте активировать повтор фона по вертикали и горизонтали.

Создаем новогоднюю шапку для блога.

    1. Создаем новый документ в GIMP на прозрачном фоне с размерами будущей шапки. О размерах шапки для разных блогах написано здесь. Для blogspot высота шапки равна 120 пикселей, а ширина индивидуальна для каждого блога, посмотреть размер ширины вашей шапки можно в коде шаблона. Чаще всего она равна 1000 пикс. Итак, Файл –> Создать. Указываем размеры, в расширенных настройках – прозрачность фона:создать_документ
    2. Выбираем инструмент Текст и пишем название блога жирным шрифтом. название_блога
    3. Создаем новый слой (кликаем по иконке чистого листа в диалоговом окне слои), выбираем кисть белого цвета из набора кистей и рисуем звездочки или снежинке на нашем тексте (активный слой – верхний).кисть
    4. Открываем клипарт как слой (Файл –> Открыть как слои). Перемещаем клипарт в верхний слой. Подгоняем его по размеру шапки (Инструменты –> Масштаб) при закрытом замке около размеров клипарта изменяем его размеры при помощи мышки. При помощи инструмента перемещение переместите клипарт в нужное место. Я дублировала слой с клипартом и отразила его по горизонтали (Инструменты –> Зеркало). Нашла также новогодний разделитель, вставила его в нашу новогоднюю шапку, дублировала слой и переместила разделители. Затем, чтобы под нашей шапкой “не рябил” фон, сделала прямоугольное выделение и залила нижний слой под цвет общего цвета фона.
    5. Объединила слои и переместила оформление шапки в левый крайновогодняя_шапка
                 Теперь идем в шаблон –> настроить нашего блога, загружаем фон, подбираем цвет фона. Во вкладке дизайн изменяем шапку блога. Получился новогодний дизайн блога:
новогодний_дизайн_блога
Это лишь описание принципов создания оформления. Примерно также я создавала новогодний дизайн в своем блоге. У вас может получиться лучше!

11 комментариев :

Marilissa комментирует...

Здравствуйте!! Я совсем не профи, так, начинающий юзер))) Подскажите пжл, где можно скачать(?) программу GIMP?
СПАСИБО)))

NATALKA комментирует...

Marilissa, вы можете скачать GIMP здесь

Marilissa комментирует...

уХ ТЫ!!!!! спасибо!!! с НАСТУПАЮЩИМ ВАС!!!

NATALKA комментирует...

Пожалуйста. И вас с наступающим!

Marilissa комментирует...

Извините, но у меня вопрос: "Загружаем в качестве фона в блог - это как сделать? Я честно искала, но у самой не получается(((

NATALKA комментирует...

Шаблон -> Дизайн -> Настроить. В дизайнере шаблонов выбираете вкладку Фон. Далее кликаете по ссылке "удалить картинку", кликаете по миниатюре фонового изображения. Попадаете в меню, где можно выбрать фон из набора стандартных или загрузить свой. Загружаете фон. Кнопки "Готово" -> "Применить к блогу".
Видеоурок здесь

Marilissa комментирует...

Большое спасибо! Фон сделать получилось, а вот шапку блога нет пока. Не знала, что у меня руки кривые такие)))

NATALKA комментирует...

Фон интересный получился. На тему как сделать шапку для блога в Gimp сделаю видеоурок, но скорее всего, не раньше выходных ;)

Marilissa комментирует...

спасибо!!!! я буду очень ждать))) я уже влюбилась в вашу Страничку!

NATALKA комментирует...

Видеоурок готов ;) Надеюсь, что он поможет вам разобраться в программе. Она очень на фотошоп похожа. Если есть навыки работы в фотошопе, то будет очень просто.

Marilissa комментирует...

Спасибо еще раз! Надесь, что разберусь)))

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности