ДЕЛАЕМ БАНЕР от А до Я

Воскресенье, 03 Апреля 2011 г. 01:51 + в цитатник

Цитата сообщения СА-МАРА

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

ДЕЛАЕМ БАНЕР от А до Я

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

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

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

Идем вот на этот сайт 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 - Здесь собраны уроки по Photoshop от многих мастеров.
...
Часть 12 - Онлайн сервисы обработки изображений
Часть 13 - Наглядная бродилочка по Урокам №2 РИСУЕМ,СОЗДАЕМ
Часть 14 - ДЕЛАЕМ БАНЕР от А до Я
Часть 15 - Урок с применением ножниц в gimp
Часть 16 - Уроки фотошопа
Часть 17 - Советы по работе с фотошоп!
Часть 18 - Уроки по фотошопу
Часть 19 - 97 Видеоуроков по Adobe Photoshop от Игоря Ульмана

Метки: фотошоп

<a href="https://www.liveinternet.ru/users/for-elka/post159570562/">Р”Р•Р›РђР•Рњ  Р‘РђРќР•Р   РѕС‚ Рђ  РґРѕ  РЇ</a><br/>Р”Р•Р›РђР•Рњ  Р‘РђРќР•Р   РѕС‚ Рђ  РґРѕ  РЇ

Р”РµР»Р°РµРј Р±Р°РЅРЅРµСЂ РѕС‚... Рё РґРѕ...

РњРЅРѕРіРёРµ С…РѕС‚СЏС‚ СЃРґРµР»Р°С‚СЊ РёРЅС‚РµСЂРµСЃРЅС‹Р№,Р¶РµР»Р°С‚РµР»СЊРЅРѕ Р°РЅРёРјРёСЂРѕРІР°РЅРЅС‹Р№ Р±Р°РЅРЅРµСЂ.
РќРѕ РЅРµ Сѓ РІСЃРµС… РµСЃС‚СЊ РЅСѓР¶РЅС‹Рµ РїСЂРѕРіСЂР°РјРјС‹ РґР»СЏ СЃРѕР·РґР°РЅРёСЏ СЌС„С„РµРєС‚РѕРІ РЅР° С„РѕС‚Рѕ.
РўРѕРіРґР° РЅР° РїРѕРјРѕС‰СЊ РїСЂРёРґСѓС‚ СЂРµРґР°РєС‚РѕСЂС‹-РѕРЅР»Р°Р№РЅ.РќР° С‚Р°РєРёС… СЃР°Р№С‚Р°С… РјРѕР¶РЅРѕ
СЃРґРµР»Р°С‚СЊ РїСѓСЃС‚СЊ РЅРµ С€РёРєР°СЂРЅС‹Рµ,РЅРѕ Р±РѕР»РµРµ-РјРµРЅРµРµ СЃРёРјРїР°С‚РёС‡РЅС‹Рµ Р±Р°РЅРЅРµСЂС‹.
РўР°РєРёС… СЂРµРґР°РєС‚РѕСЂРѕРІ РјРЅРѕРіРѕ.
РЇ РїРѕРїСЂРѕР±СѓСЋ СЃРґРµР»Р°С‚СЊ Р±Р°РЅРЅРµСЂ Рё РїРѕРєР°Р·Р°С‚СЊ РІР°Рј,С‡С‚Рѕ РјРѕР¶РµС‚ РїРѕР»СѓС‡РёС‚СЊСЃСЏ.

РЎРћР—Р”РђР•Рњ РљРђР РўРРќРљРЈ Р”Р›РЇ Р‘РђРќРќР•Р Рђ
Р’С‹Р±РёСЂР°РµРј РЅСѓР¶РЅСѓСЋ РєР°СЂС‚РёРЅРєСѓ.РќР° РјРѕР№ РІР·РіР»СЏРґ С„РѕС‚Рѕ Р±РѕР»СЊС€РѕРµ РґР»СЏ Р±Р°РЅРЅРµСЂР°.Р‘СѓРґСѓ СѓРјРµРЅСЊС€Р°С‚СЊ.

РРґРµРј РІРѕС‚ РЅР° СЌС‚РѕС‚ СЃР°Р№С‚ http://www.freeonlinephotoeditor.com/i... <a href="https://www.liveinternet.ru/users/for-elka/post159570562/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Метки

-Рубрики

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

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

-Интересы

-Друзья

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

-Сообщества

-Статистика

ДЕЛАЕМ БАНЕР от А до Я