Категория: баннеры
Я покажу в этом видео, как это сделать, ничего сложного нет, но нужно правильно понять, где нужно копировать правильный код и куда его нужно вставить.
Допустим, у вас есть баннер, сделанный в adobe edge animate, при клике на него открывается нужный landing page, он в формате edge animate и сохраненный в папке с исходником и Java-скриптами. Открываем его в любом текстовом редакторе, вы можете пользоваться любыми тестовыми редакторами, например: блокнот и т.д.
Далее я хочу вставить на сайт данный баннер. Что нужно сделать? Нужно скачать файл index, потом открываем его также в текстовом редакторе, копируем код adobe edge и в конце добавляем сюда код перед «head», далее перед заголовком того места, куда мы будем добавлять наш баннер, перед div. Для более точного выполнения есть инструкция, которая поможет вам: https://docs.google.com/document/d/1-kTj3QhCbzT47-dReqpgVCBN_YuPy3hqxAMp94KcnZ0/edit. После сохраняем и переходим в FTP — сервис, у меня filezilla, находим место хранения вашего сайта и копируем index-папку в ваш файл, который находится на сервере, заменяя текущие файлы. Далее загружаем все Java-скрипты и обновляем сайт. Все готово – анимация работает, и вкладка с landing page тоже открывается.
Так происходит загрузка html5 баннера, который сделан в adobe edge animate, который можно добавить в любую html-страничку. Это совсем не сложно, следуйте согласно инструкции!
Если вам интересны такие уроки, подписывайтесь на мой канал, т.к. в ближайшее время будет много новых роликов – http://www.youtube.com/user/danilfimushkin?sub_confirmation=1
00:32 – допустим, у вас есть баннер, сделанный в adobe edge animate
01:30 – добавляем баннер на сайт
02:09 – добавляем код перед тегом «head»
02:50 – инструкция добавления баннера на сайт
03:31 – загружаем файлы на сервер
05:29 – обновляем сайт и все готово!
Ссылка на исходник баннера https://www.dropbox.com/sh/cwg6bzn7tassgpn/AAAw2EDW7lLYGinKa_nYJ3MBa
Присоединяйтесь и задавайте вопросы:
Скачайте три бесплатных шаблона Muse: http://fimushkin.com/free-landing.html
http://vk.com/adobeedgeanimate
Я вконтакте: http://vk.com/danilfimushkin
Ссылка на это видео: http://youtu.be/c_i1vyuTDm4
Начинайте смотреть с 5:45. Я обрезал видео на ютубе, но оно еще обрабатывается. Там вначале настройка оборудования.
Спасибо огромное за вебинар – было очень полезно. Главное что я вынес – что основы анимации для веб вполне реально освоить за небольшое время. Это иногда даже полезнее, чем прикладной навык, который я, кстати, тоже вынес – даже сейчас, после двух примеров, мне есть с чего начать. Уже есть пара идей для воплощения, сделаю – обязательно дам ссылку на тебя). По касту – хорошая трансляция, задержка не чуствовалась (если даже была) и качество звука падало буквально пару раз не несколько секунд. Несмотря на простуду, ты хорошо вел, без заметных слов паразитов или частого “эканья” (было заметно буквально пару раз). Обьясняешь живо и не занудно – я ни на минуту не терял нить обьяснений. Еще раз спасибо.
Илья www.wtfstudio.net
Отличный вебинар, ничего лишнего, получил исключительно полезную информацию, понял основы принципа работы в программе, теперь буду изучать все подробно на воркшопе, автор молодец, большое спасибо!
Сергей Шашков
Здравствуйте Данила!
Спасибо огромное за прекрасный веббинар! Успела правда под конец и узнала про прогу в гугле. Считаю очень полезными и интересными ваши уроки! Пока орудую в html, но азы флеша проходила в институте.
При много благодарна буду если пришлёте целый видео урок!
С уважением Ксения!
Данил, спасибо, отличный вебинар, узнал о существовании таких полезных программ, как An и Google web designer, все доступно и понятно ))) Респект продолжай учить народ)))
Вячеслав Серегин
Спасибо за отличный вебинар. Узнала, что делать баннеры мне вполне по силам (раньше это знание казалось недосягаемым =))
—
Наталья Пирожкова
Очень понравился вебинар Adobe Edge! Все доступно и понятно, интересно. Нравится подача этакая “несерьезная”, то есть как будто рядом сидишь и как друг объясняешь. Уже перекусив, думаю буду пробовать что-то и выпендриваться перед некоторыми коллегами =)
Спасибо за вебинар!
Павел Семченко
Все понравилось, оч. доходчиво и интересно, спасибо)
Дмитрий Знатнов
Здравствуйте!
Спасибо за вебинар. К сожалению, не стала ничего писать в чате, так как надоели всякие регистрации:))))), а чат их требовал. ))))
Все доступно, понятно.
Очень буду благодарна за видео, чтобы со своими, подготовленными послойно файлами, сделать что-то похожее.
Спасибо!
Наталия
Все очень понравилось) хочу зарабатывать на фрилансе с помощью создание банеров) жду записи веббинара,хочу заново все посмотреть и еще раз попробовать)
Владислав Олейник
Вы научитесь создавать интерактивную анимацию, которая одинаково хорошо будет выглядеть на компьютерах, планшетах и телефонах. Это HTML5, но без занудства и кода. Adobe Edge Animate СС это удобный интерфейс и вся мощь современных технологий. Это будущее, которое вытесняет с рынка Flash. Воркшоп может быть полезен дизайнерам, которые ещё работают на флеш, или веб-дизайнерам, которые хотят привнести в свои макеты немного изюма и начать их продавать по цене автомобиля. Будьте первым кто научится этой технологии.
Воркшоп уже прошёл. Зато стал доступен расширенный курс по этой теме.
Читать подробнее →
Файл из видео
Добрый день, дорогие друзья! Меня зовут Даниил Фимушкин, в этом видео я расскажу о том, что нужно знать о заказчике, который заказывает flash-, gif- и jpg-баннеры.
Итак, первое и самое важное – это, конечно же, его контактные данные: как зовут клиента, обязательно его е-мейл и какое-нибудь средство для быстрой связи (это может быть Skype, Google Talk, ICQ или что-либо другое). Если человек живет в вашем городе, то спросите у него телефон и общайтесь с ним по телефону. И результат работы всегда подтверждайте е-мейл письмом.
Что еще важно – это форматы баннеров: Flash, GIF или JPG. Если человек не знает, объясните ему, что Flash – это супернавороченный формат, в котором возможна анимация, его возможно сделать интерактивным, это может быть даже игровой баннер, но он самый дорогой. GIF – это формат баннеров, с какими-то несложными анимациями, перемещением текста, картинки и т.д. JPG – это статичный баннер-картинка.
Также предлагайте всегда сразу сделать Flash, GIF и JPG или Flash и GIF, обосновывая это тем, что если устройство не поддерживает Flash, то будет показываться GIF-заглушка. Таким образом вы можете вместо того, чтобы получить одну «деньгу» за Flash, получить полторы «деньги» и за Flash, и еще за GIF с одинаковым креативом.
Количество баннеров – часто, если это рекламное агентство, они просят сразу несколько различных баннеров, и тогда можно предлагать ресайз. Ресайз – это изменение размера баннера под различные форматы.
Я перечислил основные форматы веба, вы можете получить этот файл по ссылке внизу и детально ознакомиться с ним.
И еще, самый главный момент – это техническое задание. Нужно спросить:
- какая цель баннеров и цель рекламной кампании;
- в чем уникальность предложения, которое рекламируется;
- какая целевая аудитория (чтобы понять, какую лучше графику им показывать, например, для бабушек нельзя показывать то же самое, что для подростков);
- что должно обязательно присутствовать в баннере (обычно есть какие-то требования, например, логотип или еще что-то);
- какие слоганы, логотипы и т.д. могут быть использованы;
- и др. вопросы, которые можете прочитать в этом файле.
И еще важны технические требования к баннерам. Часто нужно сделать ограничение по весу баннеров: это может быть 25, 30 или 50 Кб. И какие ссылки нужно прописывать в баннерах, т.е. куда должен вести клик на баннер. О том, как прописывать ссылки в баннерах, будет в следующем уроке.
И если человек не знает требования к flash-баннерам, то попросите у него ссылки на площадки, где будет размещен баннер. Например, если это Яндекс, то у Яндекса есть свои требования, вы можете туда зайти и прочитать, там все подробно и понятно расписано.
И самое интересное – это предпочтительный способ оплаты:
- WebMoney;
- Яндекс.Деньги;
- перевод на карту;
- безналичный расчет на ИП или даже ООО, если оно у вас есть.
О том, как принимать оплату от заказчиков, тоже будет отдельный урок. На этом все, ссылка на этот файл ниже, всего доброго, до встречи в следующих уроках, меня зовут Даниил Фимушкин, пока!
Меня зовут Даниил Фимушкин, и этот урок о том, сколько можно зарабатывать баннермейкеру, разрабатывая flash-, gif- и jpg-баннеры, работая на фрилансе.
Итак, заходим на fl.ru и смотрим категории фрилансеров. Дизайн сайтов – 3 812 человек, баннеры – 883 человека. Это говорит о том, что если вы начинающий, если вы новичок, то вам лучше идти туда, где меньше людей, – естественно, это баннеры.
Я опросил под видом заказчика топовых баннермейкеров с этого сайта, и разработка дизайна у них колеблется от 3 до 12 тысяч рублей за один flash-баннер размером 200х400 пикселей.
Также, если посмотреть цены студии, например, bannermaker.ru или flashboom.su, то здесь есть уровни категорий. Третья категория – самая сложная, и у них 240х400 стоит от 1000 до 1600 рублей.
Если возьмем flash-banners.ru (очень симпатичные баннеры, сделанные для многих знаменитых брендов), здесь стоимость будет начинаться от 12 тысяч рублей, и за ресайз – 2-4 тысячи рублей.
Таким образом, стоимость баннеров на фрилансе может колебаться от тысячи рублей и заканчивая 12-15 тысячами рублей, если вы не суперпрофи.
Давайте тогда посчитаем. Если вы будете работать 20 дней в неделю и баннер у вас будет стоить 3 тысячи рублей, то вы будете зарабатывать 60 тысяч рублей. Т.е. один день за 8 часов вы создаете всего лишь 1 баннер и работаете с выходными в субботу и воскресенье. И вы зарабатываете уже 60 тысяч рублей. Если же к этой сумме вы начинаете, например, предлагать ресайзы или, например, заглушки, то вы можете легко начать зарабатывать до 100 тысяч рублей, работая за компьютером у себя дома и создавая flash-баннеры.
Вот такая простая математика от Даниила Фимушкина, и следующий урок будет о том, что нужно обязательно спросить у заказчика, чтобы не ошибиться при создании flash-баннера. Всего доброго, хорошего дня, пока!
Добрый день, дорогие друзья, меня зовут Даниил Фимушкин, и я расскажу, сколько может зарабатывать баннермейкер, работая в офисе. Заходим на headhunter.ru и пишем «баннермейкер». Смотрим поисковую выдачу: flash-дизайнер/баннермейкер – от 40 до 50 тысяч рублей; flash-дизайнер/баннермейкер – от 45 до 85 тысяч рублей и т.д.
Таким образом, работая в компании, вы можете зарабатывать в среднем от 45 до 100 тысяч рублей, разрабатывая flash и gif-баннеры. Для этого вам нужно наработать небольшое портфолио, скажем, из 10 хороших баннеров.
Хороший пример – баннер «Тинькофф». Кстати говоря, в компании «Тинькофф» есть партнер, который называется «Tinkoff Digital», и там в свое время требовался баннермейкер, который, наверное, сейчас разрабатывает эти баннеры, и там зарплата была – 100 тысяч рублей.
О том, как и сколько зарабатывать на фрилансе, разрабатывая баннеры, в следующий раз!