Как создать баннер за 5 минут?

Всем привет!

Наверное, многие пытались создать баннер, чтобы опубликовать его на своей страничке или сайте. В этой статье рассмотрим, как создать баннер за 5 минут, при помощи всего 2-х программ, и полного отсутствия опыта в этом деле!

Необходимые программы:

1)      Adobe Photoshop или Paint (если уж совсем простой баннер собираетесь делать)

2)      Ulead GIF Animator 5 (скачать Ulead GIF Animator 5)

Теперь начнем непосредственно создавать баннер.

Открываете понравившуюся картинку в программе Adobe Photoshop (я покажу на ее примере).

Как создать баннер за 5 минутДалее необходимо определиться с размером нашего баннера, например, я буду в этой статье создавать баннер размером 200х200 пикселей.

Создаем в Adobe Photoshop 2-3 картинки, размером 200х200.

Как создать баннер за 5 минут

Как создать баннер за 5 минутЗатем просто переносим нашу первую картинку на эти 3 области размером 200х200, в итоге должно получиться, что то, как на картинке ниже.

Как создать баннер за 5 минут

Теперь можно написать ваш текст, который будет меняться. Более наглядно показано на скриншоте ниже. Сохраняете эти 3 картинки.

Как создать баннер за 5 минут

Пришла очередь создавать баннер программе Ulead GIF Animator 5. При запуске программа вам предложит выбрать мастер анимации. После его запуска необходимо будет указать размер вашего баннера (в нашем примере 200х200).

Как создать баннер за 5 минут 5

Как создать баннер за 5 минут

Далее нужно открыть наши картинки, подготовленные в программе Adobe Photoshop.

Как создать баннер за 5 минут

Как создать баннер за 5 минут

Ulead GIF Animator 5 предложит указать скорость смены картинок, здесь можно поэкспериментировать перед сохранением. А дальше стандартно, нажимаете “сохранить как”  и …. Ваш баннер готов!

Наш баннер

После создания баннера осталось только его разместить в нужном месте. Небольшой код в помощь:

<a href=»Ссылка_куда_перейдет_при_клике»><img src=»ссылка_на_картинку»></a>

Код думаю должен быть понятен.

Вот, в общем, то и все. Несмотря на кажущуюся простоту, этим способом можно создать баннер довольно неплохого качества, правда, конечно, не за 5 минут, хотя…. бог его знает.

Теги: ,

Другие материалы:

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

  • ogogo:

    ух ты оно как! А я и не знала! Спасиб большое.

  • Nienors:

    Автор, статья рассчитана на новичков в этом деле *MACHO*

  • Инесса:

    Уважаемый автор, слово «Нравится» в контексте вашего банера пишетЬся без мягкого знака так как отвечает на вопрос ЧТО ДЕЛАЕТ - НРАВИТСЯ, а не ЧТО ДЕЛАТЬ – НРАВИТЬСЯ.
    Это же не чат и не комментарий где в следствие быстроты набора допустимы ошибки и описки.

  • Инесса:

    И ещё. Коли «Хотите купить», то видимо и «Жмите сюда»

  • Практик:

    Создаем в Adobe Photoshop 2-3 картинки, размером 200х200. А как?

  • ALted ALted:

    Инесса спс за замечание, впредь постараюсь такого не допускать! Кстати, баннер не обязательно должен быть правильным с орфографической точки зрения, главная его цель – заставить обратить пользователя на себя, заинтересовать, ну и уговорить нажать на себя=)

    Практик, жмешь файл/новый (или cntrl+n) – дальше только выбираешь размер и готого =)

  • Николай:

    Мне понравилось! Попробую изготовить! Спасибо Большое! *THUMBS UP*

  • @ Nienors:
    *CRAZY* А сайт для кого, сударыня? Ну, а «крутые», пусть гуляют к «крутым». ИМХО!

  • :P @ Инесса:
    :P А поизвращаться с собственной грамотностью -»ОБЯЗАОВКА»?

  • @ Практик:
    =) Очень просто. Открываете Шоп. Сtrl + N. Или – Файл-создать. В выпадающем окне – название-размер 200х200-фон-прозрачный. И всё. По ОК – «ТЫЦ!» и готов новый прозрачный лист. Сделать это три раза, И БУДЕТ ВАМ УДАЧА!

  • Николай:

    Ни чего у меня не получилось :( @ Николай:

  • Kenga:

    Все получилось, только хочется баннер посложнее)

  • Практик:

    Спасибо. СОЗДАЛ. А теперь – «просто переносим?..»

  • ALted ALted:

    затем просто вставляем код в нужное место, и добавляем пару ссылок; одна на баннер, другая туда – куда перейдешь после клика

  • Maxxius:

    А в paint как сделать такой баннер? =-O

  • Ivan:

    А как оптимизировать гифку?
    у меня получилась весом 72 кб

  • ALted ALted:

    Хм, не знаю, как вариант сохранять картинку в более низком качестве, пока не достигнешь баланса качество/вес.

  • Роман:

    http://radugastudio.ru Сделали на ура, все профессионально и цены отличные.

  • Alex:

    Я все свои банеры на http://www.aeroion.ru делал без фотошопа
    одной лишь Ulead GIF Animator 5, но так действительно проще.
    а есть ещё: Bannershop GIF Animator

  • Alex:

    Ivan Говорит, что:

    А как оптимизировать гифку?
    у меня получилась весом 72 кб

    Попробуй в Ulead GIF Animator 5 изменить время задержки кадра. да и всякие эффекты без которых можно обойтись,
    используйте фото 64.
    Кстати данный пример с 18 кб снизил до 11 без потерь

  • Как по мне статья очень полезная) Сама этим занималась)) нашла несколько интересных урок в сети если интересно заходите ко мне на стр., буду рада поделиться опытом)))

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