она любит sitko.ru,
а ты?

Баннер — это маленькая жизнь.

Константин Шафиков Константин Шафиков Дизайнер
Сентябрь 09, 2009

Баннером принято считать анимационный блок на сайте, рекламного или информационного характера. Бывают, конечно, и статичные, но об этом писали лет десять назад.

1. Техническое задание.

Как и над любым другим проектом, работа над баннером начинается с обсуждения технического задания. В нём клиент указывает технические характеристики (размеры, вес, типы ссылок и пр.), желаемый сценарий, тексты, цветовую гамму, персонажей, которых бы он хотел видеть.

2. Раскадровка.

Схематично отрисовывается переработанный сценарий клиента. В данном примере убраны “сотни летающих автокресел вокруг мамы и папы”.

06

3. Проработка персонажей.

К рисованной графике обычно прибегают для экономии бюджетов и времени, фотосъёмка обойдётся гораздо дороже. К тому же векторные иллюстрации сэкономят вес баннера и дадут больше пространства для реализации идей и сделают баннер более эксклюзивным.
Жизнь персонажа начинается на бумаге. Иногда он рождается сразу, иногда со второго-третьего раза.

01

02

031

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

04

05

Отрисованные и утверждённые персонажи начинают готовиться к выходу в реальный мир — трансляции на тысячах мониторов. :)

07

4. Анимация и оптимизация.

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

08

Если есть вопросы, задавайте. ;)

 

Похожие записи

Нам пишут

  1. Сергей Назаров Сергей Назаров:
    9/09/2009 в 14:00

    сколько чистого рабочего времени отнял этот баннер, интересно?

  2. костя молодец, профи, ваабще круто

  3. Костя да, молодец )

  4. Костя действительно может мегабаннеры отрисовывать и анимировать=) Молодец!

  5. Сергей:
    9/09/2009 в 14:58

    Да, Костик развивает свой стиль. Очень узнаваемый. Помню его старые рисунки красками :)
    А сейчас разбавлю бочечку ворчаньем:
    1. Подача иллюстраций на развороте книжки. Намек на скетчбук? Обычный лист бумаги выглядел бы естественнее, а лучше — окно на рабочем поле шопа или прямо на вакоме :)
    2. Разочарованное лицо мамы (особенно без рук) странно смотрится с вопросом «Розовое?» в пузыре. Такое впечатление, что ее пытали розовым цветом. Задумчиво-мечтательное было бы уместнее, имхо.
    3. Выделяя «автокресло / малышу», логично было бы выделить и «детское» в другом кадре. Или это два варианта?
    4. По самому баннеру: после таких лаконичных кадров пэкшот выглядит перегруженным и скучным.

  6. 2 Сергей Назаров
    Часов 10-15, учитывая невероятную переписку с клиентом. :)

    2 Андрей, Виталий, Иван
    Спасибо. :)

    2 Сергей
    #1 Название поста, Баннер — это маленькая жизнь, натолкнуло меня на мысль сделать презентацию в виде книги, как маленькую историю.
    #2 Это выражение утверждено клиентом, оно ему понравилось. Она растеряна и не знает, что выбрать. такой у нее видимо характер, неромантичный :)
    #3 Это фраза: Какое автокресло выбрать малышу?
    #4 Пэкшот скомпанован клиентом, его таймлайн в 2-3 раза продолжительнее остальной анимации. :)

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

    Радует внимание к мелочам (на мой скромный взгляд), и одушевлённость всех персонажей, каждый с характером.

  8. Спасибо, Олег :)

  9. Константин великолепен,,, хобби влил в работу! и наверно работать ему в кайф =)

  10. супер ваще, клева!!!

  11. молодец зай))))

Оставить ответ

Ctrl+Enter

©2000—2012 Sitko.Ru - 12 лет в Интернете

Информация и фотографии, представленные на данном сайте не могут быть использованы в целях публичного воспроизведения без письменного разрешения авторов.