Делаем баннер ОТ... и ДО...
|
|
Суббота, 04 Августа 2012 г. 19:13
+ в цитатник
Делаем баннер ОТ... и ДО...
Делаем баннер от и до...
Многие хотят сделать интересный,желательно анимированный баннер.
Но не у всех есть нужные программы для создания эффектов на фото.
Тогда на помощь придут редакторы-онлайн.На таких сайтах можно
сделать пусть не шикарные,но более-менее симпатичные баннеры.
Таких редакторов много.
Я попробую сделать баннер и показать вам,что может получиться.
СОЗДАЕМ КАРТИНКУ ДЛЯ БАННЕРА
Выбираем нужную картинку.На мой взгляд фото большое для баннера.Буду уменьшать.
Идем вот на этот сайтhttp://www.freeonlinephotoeditor.com/index.php
Нажимаем ОБЗОР,выбираем фото и жмем Upload.Когда фотография загрузится,жмем на панели
на Resize.Передвигая ползунок,уменьшаем изображение до нужного размера.Жмем внизу на Resize.Вот что получилось
![](http://radikal.ua/data/upload/fb1a9/fb1a9/7f881cfc2b.jpg)
Теперь надо вырезать только часть фото.Жмем на панели на Crop.Теперь наводим курсор на нужную точку на фото(туда,откуда будем выделять нужный участок изображения),зажимаем левую кнопку мышки,выделяем то,что нам надо вырезать и жмем внизу на Apply.Теперь надо сохранить.Кликаем на изображение правой кнопкой мышки -СОХРАНИТЬ РИСУНОК КАК...Вот что осталось.
![](http://radikal.ua/data/upload/ba193/69fda/857f0894c3.jpg)
Хотелось бы,чтобы на баннере было написано-"Блог Татьяны".Идем вот сюда http://pixlr.com/editor/.
Как сделать надпись на изображении смотрим здесь
http://blogs.mail.ru/mail/tiotia-tania/7B70D5382394BD71.html
Вот что получилось.
![](http://radikal.ua/data/upload/69fda/05615/c3ffade15e.jpg)
А если Вы захотите сделать блестящюю надпись,то смотрите здесь
http://blogs.mail.ru/mail/tiotia-tania/6F498105EA1C44C1.html
Получится типа вот этого
![](http://radikal.ua/data/upload/fb1a9/69fda/119d2fc4d4.gif)
Еще хотелось бы "оживить" как-нибудь баннерочек.Смотрим урок здесь http://blogs.mail.ru/mail/tiotia-tania/AEE4CF1D374743A.html Вот что может получиться.Не нравится.Буду добавлять другой эффект.
![](http://radikal.ua/data/upload/69fda/69fda/fc74fed347.gif)
Жмем, после загрузки фото, на Effects,затем на Add Animated Mask.Спускаемся чуть пониже по странице и кликаем на нужный эффект.Смотрим что получается.Вот примеры.
Мне больше всего понравился вот такой баннер.
![](http://radikal.ua/data/upload/6895e/4fa6c/63f5fe58f1.gif)
СОБИРАЕМ БАННЕР
Идем на этот сайт-Радикал http://www.radikal.ru/ .
Загружаем свою картинку и копируем 1 строку.Смотрим и запоминаем ширину и высоту фото
![]()
Переходим на сайт,где можно без проблем собрать баннер.
Вот сюда http://reginochka-design.narod.ru/delaembanner.html
Вставляем код из 1 строки Радикала в графу № 2.В графу №1 вставляем адрес своего блога.Берем его на первой странице блога,в сааамом верху.
![](http://radikal.ua/data/upload/6895e/4fa6c/448201263c.jpg)
В графу №3 пишем слова,которые будут появляться при наведении курсора на баннер.
В графу №4 записываем ширину картинки,в графу №5 высоту.
Нажимаем на ПОЛУЧИТЬ КОД(№6),а в окошке №7 копируем код баннера.
![](http://radikal.ua/data/upload/4efc3/4efc3/a29db797c0.jpg)
И вот баннер уже готов!
![Всегда рада гостям!](//s59.radikal.ru/i166/0912/0d/9d711921d7f8.gif)
Чтобы его можно было взять другим пользователям,надо вставить код баннера в специальное окошечко.
|
|
|
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-