Делаем баннер ОТ... и ДО...

Суббота, 04 Августа 2012 г. 19:13 + в цитатник

Делаем баннер от и до...

Многие хотят сделать интересный,желательно анимированный баннер.
Но не у всех есть нужные программы для создания эффектов на фото.
Тогда на помощь придут редакторы-онлайн.На таких сайтах можно
сделать пусть не шикарные,но более-менее симпатичные баннеры.
Таких редакторов много.
Я попробую сделать баннер и показать вам,что может получиться.

СОЗДАЕМ КАРТИНКУ ДЛЯ БАННЕРА

Выбираем нужную картинку.На мой взгляд фото большое для баннера.Буду уменьшать.

Идем вот на этот сайт http://www.freeonlinephotoeditor.com/index.php
Нажимаем ОБЗОР,выбираем фото и жмем Upload.Когда фотография загрузится,жмем на панели
на Resize.Передвигая ползунок,уменьшаем изображение до нужного размера.Жмем внизу на Resize.Вот что получилось

Теперь надо вырезать только часть фото.Жмем на панели на Crop.Теперь наводим курсор на нужную точку на фото(туда,откуда будем выделять нужный участок изображения),зажимаем левую кнопку мышки,выделяем то,что нам надо вырезать и жмем внизу на Apply.Теперь надо сохранить.Кликаем на изображение правой кнопкой мышки -СОХРАНИТЬ РИСУНОК КАК...Вот что осталось.

Хотелось бы,чтобы на баннере было написано-"Блог Татьяны".Идем вот сюда http://pixlr.com/editor/.
Как сделать надпись на изображении смотрим здесь
http://blogs.mail.ru/mail/tiotia-tania/7B70D5382394BD71.html
Вот что получилось.

А если Вы захотите сделать блестящюю надпись,то смотрите здесь
http://blogs.mail.ru/mail/tiotia-tania/6F498105EA1C44C1.html
Получится типа вот этого

Еще хотелось бы "оживить" как-нибудь баннерочек.Смотрим урок здесь http://blogs.mail.ru/mail/tiotia-tania/AEE4CF1D374743A.html Вот что может получиться.Не нравится.Буду добавлять другой эффект.

Жмем, после загрузки фото, на Effects,затем на Add Animated Mask.Спускаемся чуть пониже по странице и кликаем на нужный эффект.Смотрим что получается.Вот примеры.

Мне больше всего понравился вот такой баннер.

СОБИРАЕМ БАННЕР

Идем на этот сайт-Радикал http://www.radikal.ru/ .
Загружаем свою картинку и копируем 1 строку.Смотрим и запоминаем ширину и высоту фото

Переходим на сайт,где можно без проблем собрать баннер.
Вот сюда http://reginochka-design.narod.ru/delaembanner.html
Вставляем код из 1 строки Радикала в графу № 2.В графу №1 вставляем адрес своего блога.Берем его на первой странице блога,в сааамом верху.

В графу №3 пишем слова,которые будут появляться при наведении курсора на баннер.
В графу №4 записываем ширину картинки,в графу №5 высоту.
Нажимаем на ПОЛУЧИТЬ КОД(№6),а в окошке №7 копируем код баннера.

И вот баннер уже готов!