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

Воскресенье, 13 Ноября 2011 г. 06:41 + в цитатник

Цитата сообщения Ludmila5929

Прочитать целиком В свой цитатник или сообщество!

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

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

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

СОЗДАЕМ КАРТИНКУ ДЛЯ БАННЕРА
Выбираем нужную картинку.На мой взгляд фото большое для баннера.Буду уменьшать.

Идем вот на этот сайт 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 копируем код баннера.

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

Чтобы его можно было взять другим пользователям,надо вставить код баннера в специальное окошечко.

Из окошка ниже скопируйте код окошечка для кода.Вместо слов КОД БАННЕРА,вставьте код своего баннера,а само окошечко выставьте под баннером.

Еще один урок по созданию баннера здесь
http://blogs.mail.ru/mail/tiotia-tania/5E71E0C2CB479E37.html

Надеюсь,что у вас все получится!

Еще УРОКИ здесь

Серия сообщений "для блога":
Часть 1 - Обои для рабочего стола. Цветы на деревьях и на воде
Часть 2 - Куколки, феи - идеальный аватар и украшение блога
...
Часть 17 - Как сделать самую простую кликабельную кнопку с надписью
Часть 18 - Дополнительные команды поисковой машине Google
Часть 19 - Делаем банер. От и До.
Часть 20 - Учебник ЛиРу.
Часть 21 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
...
Часть 23 - Как написать красиво текст без программ, за несколько секунд
Часть 24 - Как сделать красивую, кликабельную подпись
Часть 25 - Полезная бродилка

<a href="https://www.liveinternet.ru/users/ginger12/post192656211/">Р”РµР»Р°РµРј Р±Р°РЅРµСЂ. РћС‚ Рё Р”Рѕ.</a><br/>Р”РµР»Р°РµРј Р±Р°РЅРµСЂ. РћС‚ Рё Р”Рѕ.

Р”РµР»Р°РµРј Р±Р°РЅРЅРµСЂ РѕС‚ Рё РґРѕ...  РњРЅРѕРіРёРµ С…РѕС‚СЏС‚ СЃРґРµР»Р°С‚СЊ РёРЅС‚РµСЂРµСЃРЅС‹Р№,Р¶РµР»Р°С‚РµР»СЊРЅРѕ Р°РЅРёРјРёСЂРѕРІР°РЅРЅС‹Р№ Р±Р°РЅРЅРµСЂ.РќРѕ РЅРµ Сѓ РІСЃРµС… РµСЃС‚СЊ РЅСѓР¶РЅС‹Рµ РїСЂРѕРіСЂР°РјРјС‹ РґР»СЏ СЃРѕР·РґР°РЅРёСЏ СЌС„С„РµРєС‚РѕРІ РЅР° С„РѕС‚Рѕ.РўРѕРіРґР° РЅР° РїРѕРјРѕС‰СЊ РїСЂРёРґСѓС‚ СЂРµРґР°РєС‚РѕСЂС‹-РѕРЅР»Р°Р№РЅ.РќР° С‚Р°РєРёС… СЃР°Р№С‚Р°С… РјРѕР¶РЅРѕСЃРґРµР»Р°С‚СЊ РїСѓСЃС‚СЊ РЅРµ С€РёРєР°СЂРЅС‹Рµ,РЅРѕ Р±РѕР»РµРµ-РјРµРЅРµРµ СЃРёРјРїР°С‚РёС‡РЅС‹Рµ Р±Р°РЅРЅРµСЂС‹.РўР°РєРёС… СЂРµРґР°РєС‚РѕСЂРѕРІ РјРЅРѕРіРѕ.РЇ РїРѕРїСЂРѕР±СѓСЋ СЃРґРµР»Р°С‚СЊ Р±Р°РЅРЅРµСЂ Рё РїРѕРєР°Р·Р°С‚СЊ РІР°Рј,С‡С‚Рѕ РјРѕР¶РµС‚ РїРѕР»СѓС‡РёС‚СЊСЃСЏ.РЎРћР—Р”РђР•Рњ РљРђР РўРРќРљРЈ Р”Р›РЇ Р‘РђРќРќР•Р РђР’С‹Р±РёСЂР°РµРј РЅСѓР¶РЅСѓСЋ РєР°СЂС‚РёРЅРєСѓ.РќР° РјРѕР№ РІР·РіР»СЏРґ С„РѕС‚Рѕ Р±РѕР»СЊС€РѕРµ РґР»СЏ Р±Р°РЅРЅРµСЂР°.Р‘СѓРґСѓ СѓРјРµРЅСЊС€Р°С‚СЊ.РРґРµРј РІРѕС‚ РЅР° СЌС‚РѕС‚ СЃР°Р№С‚ http://www.freeonlinephotoeditor.com/index.phpРќР°Р¶РёРјР°РµРј РћР‘Р—РћР ,РІС‹Р±РёСЂР°РµРј  С„РѕС‚Рѕ ... <a href="https://www.liveinternet.ru/users/ginger12/post192656211/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Всегда под рукой

-Рубрики

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Статистика

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