Как создать баннер

banner

 

 

 

А вы знаете как сделать баннер? Оказывается все гениальное, просто. Делаем баннер своими руками.

Всем привет! Как Вы знаете, я  веду свой блог, более года. Но если говорить честноbanner, даже не знал о том, как сделать баннер. А Вы знаете? Если да, то можете не читать. Для остальных, расскажу и покажу, как я сделал вот этот симпатичный баннер, своими руками. Оказывается все гениальное, просто. Если готовы, то начнем.

Как сделать баннер

Поверьте нам не потребуется каких либо специальных знаний. Нам просто нужна будет одна маленькая программка и фотошоп. При этом его(фотошоп) и ее(программку) не надо устанавливать к себе на комп. Есть фотошоп онлайн, где все намного проще чем в самой программе фотошопа, в которой если честно, то я до сих пор еще не разобрался. Ладно хватит прелюдий, приступаем. Для начала, давайте обратимся к Википедии, и узнаем что же такое баннер.

Баннер (англ. banner — флаг, транспарант) — графическое изображение рекламного характера. Баннеры размещают для привлечения клиентов, для информирования или для создания позитивного имиджа. В старину под баннером подразумевалось главное знамя какого-либо войска (в этом смысле это название применялось у индо-германских народов; в феодальную эпоху так называлась главная государственная хоругвь, под которой собирались все вассалы государства)

Во как. Ладно переходим к созданию. Первое что необходимо сделать, это рисунок, текст или еще чего не будь. Для этого, я предлагаю воспользоваться фотошопом. Лично я, работаю в фотошопе онлайн. При попадании в программу, первое что Вы увидите,  вот такое меню.

000347Выбираем первый пункт и создаем свое изображение. Для этого, прописываете ширину и высоту, будущего баннера. Я выбрал размер 250*320 пикселей. Вы, конечно же можете прописать свои размеры. Далее,  создаете рисунок, можете один, два или три. Для баннера, думаю оптимально это два, три изображения. Конечно же в одном формате. Как создавать изображения в фотошопе, я объяснять не буду. Потому как статья не про это. Нет, если Вы не знаете как пользоваться программой, то напишите мне и тогда я постараюсь опубликовать статью про Фотошоп который онлайн, потому как профессиональным фотошопом, я и сам пока пользоваться сильно не умею.. Так что если что, буду ждать. А сейчас, я покажу что получилось у меня.

Все гениальное просто

Вот мои изображения:

b1

b2

b3Но к сожалению в фотошопе онлайн, они не сохраняются в формате gif . Вот по этому мне пришлось воспользоваться программой Paint, кто не знает, то эта программа из списка стандартных. У меня она расположена, здесь. Пуск — Стандартные — Paint.

Screenshot_425Нашли? Теперь в  этой проге, открываете свои изображения и Сохраняете их как…

Screenshot_426Все, теперь  остался последний штрих к нашему «портрету». Для этого, скачайте вот эту маленькую программку. Называется она Gif_Animator

Скачивайте, распаковывайте архив, и в нем, запустите вот это приложение GIFView. Находится оно здесь

Screenshot_427А теперь, самое интересное.

Баннер своими руками

Запускаете программу, и открываете в ней последний рисунок

000348Потом, через кнопку Insert, добавляем остальные изображения в обратном порядке.

Screenshot_430Остается, объединить их. Сделать это можно, кликнув по этой кнопке

Screenshot_434и потом, перейти в раздел Animation. Здесь, ставим галочки, и жмем последний пункт Image.

000349Выбираем скорость показа Вашего баннера. Так же, есть возможность протестировать выбранное время прокрутки. Я поставил 250.  Вы можете поэкспериментировать. Это делается вот здесь

Screenshot_433И последнее. Тестируете результат, и если все устраивает, сохраняете к себе на компьютер.

000350Все, баннер готов. Остается загрузить его к себе на хостинг, для получения адреса проживания баннера. А потом, прописать вот этот HTML код, в то место где будет красоваться баннер, сделанный Вами.

<a href="http://Ваш сайт" target=_blank><img src="http://Путь к баннеру" border="0" title="Текст при наведении мышки на баннер" width="250" height="250"></a>

Теперь Вы знаете, как сделать баннер своими руками, не напрягаясь. Пишите комментарии и подписывайтесь на обновления.

Автор блога Андрей Косолапов.

Комментируйте, делитесь с друзьями и подписывайтесь на новые статьи.

Подпишись и не пропусти нового и интересного.

Доктор, Вы помните, когда у меня шалили нервы, Вы мне что посоветовали? — Завести любовника! — Так вот, объясните мужу, что я не бл..дь, а лечусь! 

Подписка на новые статьи здесь. Просто нажми. 

11940_1000

28 комментариев: Как создать баннер

  • Круто! И правда просто. Но вот надо же еще и кртинки красиво нарисовать, а это уже потрудней.
    В любом случае, спасибо за инструкцию. Я как раз сейчас пытаюсь создать анимированный баннер (ну ты знаешь) Так перепробывал несколько сервисов, но он выходит не совсем как мне хочется. Так что испробую твой вариант также.

  • Галина говорит:

    Я сделала в той же проге Онлайн фотошоп картинку с надписью ( это на вторую кнопку в меню нужно нажать, я там всегда картинки сжимаю, кстати.

    Баннер сделаю, попробую завтра, но у меня вопрос: чтобы ссылку получить, нужно обязательно на хостинг к себе загружать? И куда на хостинг?

    Можно другой вариант, где ссылку взять?

    • andrey говорит:

      Галя, загружать надо по любому. Иначе как ты возьмешь ссылку. Я там тебе написал в скайпе, так что если что, звони, помогу.

  • Ну почему же Андрей? Не обязательно на свой хостинг заливать картинку! Существует очень много бесплатных онлайн хостингов, где можно загрузить картинку даже без регистрации

    • andrey говорит:

      Игорь, может ты и прав, но мне лучше когда мой баннер у меня под рукой. Мало ли, друг сервис хакнут и нет баннера А так он всегда при тебе.

      • В этом ты абсолютно прав! Несомненно это является очень большим минусом таких хостингов, но я имел ввиду то, что в принципе такая возможность существует

        • andrey говорит:

          Так я и не спорю. Ты кстати клипы смотрел? Просто прикинь, не успел опубликовать статью, про киностудию, как тут же начали спамить разные полудурки. Какая прелесть что это вордпресс и есть возможность контролировать комментарии

  • Создать баннер технически несложно. Можно и по твоей инструкции. Гораздо сложнее нарисовать для него достойную картинку. А не просто лишь бы анимация была. А вот это уже дано не каждому… Мне, например, не дано…

    • andrey говорит:

      Саша, привет! Если знать куды жать, то не сложно. А на счет картинок, так их полон интернет, выбирай любую. Так что если тебе нужен баннер, обращайся, сделаем в лучшем виде. 

      • Спасибо, Андрей, но пока баннер не нужен. да и делал я их в своё время… Ты-же знаешь, что мне всё интересно самому попробовать… cheeky

        Натягать картинок-то несложно, я имею в виду создать что-то действительно своё… Было время для корпоративного сайта делал и gif-ки анимированные, и флеш-анимацию… Вот где приходилось изобретать и дизайнерить самому… Вроде что-то получалось. Потом, правда всё это убрал через пол-годика.

  • Наверно соглашусь с Александром. Проблема создать достойную картинку. А я кстати, делал гиф анимацию для своего баннера с помощью программы Easy GIF Animator Pro. Не знаю конечно, лучше ли она твоей, но по моему очень неплохая программка. У меня даже статья есть про неё

    • andrey говорит:

      Игорь, привет! Помню я твою статью. на счет лучше или нет, так это кто к чему привык. Но а на счет картинки, тут согласен. Найти нужную проблема. А создавать, еще и морока.

  • Евгения говорит:

    Здравствуйте, Андрей) Поздравляю с праздничком! Счастья вам, здоровья и успехов во всем! 

    А мне с мужем повезло, он во всем, что связано с картинками разными очень хорошо разбирается. Так что у меня есть свой личный баннермейкер))

    • andrey говорит:

      Евгения, здравствуйте! Это классно, когда под боком есть личный баннермейкер. У меня вот под боком личный копирайтер имеется, правда я редко обращаюсь, потому как блог мой, хоть порой и с ошибками. Я имею ввиду запятые, вот не дружу я с ними, ставлю где надо и не надо.  

      Эх, ладно. Да, спасибо за поздравления.  Вашего баннермейкере так же с праздником!

  • Олег говорит:

    Увлекательная статья! Все доступно и понятно! Удачи Вам в обучении нас )))

    • andrey говорит:

      Олег, спасибо конечно, но ссылка не пройдет. Для этого есть сайдбар.

    • andrey говорит:

      Удачи в ковырянии. Если что, пишите, поможем поковыряться, не вопрос.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по блогу
People group
Рубрики блога
Курсы Евгения Попова

Контекстная реклама, за сатошики при чем платит реально

Подписная страничка за 5 минут

Подписка на обновления

Подписка на новые статьи здесь. Просто нажми. 

11940_1000
Группы Субскрайба

Хочу Всё Знать. Полезные Советы

Мой Ютуб
Старые записи