Программная анимация для баннеров. Создание резинового баннера

И еще много-много полезного можно узнать, если скачать себе очень хорошую книжку с примерами о разработке flash-баннеров. Книга в формате pdf + примеры во fla. Выкладываю ссылку на нее здесь с разрешения автора. В книге описаны все этапы, связанные с разработкой баннеров во флеше – от подготовительного этапа (тз, поиск информации и материалов, подготовка графики) до готового продукта. Что интересно, вся анимация для баннера создается программно, без использования твинов (о чем я не писала ранее в посте о создании флеш-баннеров). К книге прилагаются живые примеры, поэтому можно открыть исходник, чтобы все детально посмотреть и потрогать:)

Что еще интересного:

- Использование интерактива в баннерах – взаимодействие пользователя с баннером, такие баннеры сейчас очень популярны.

- Создание разнообразных текстовых эффектов с помощью as2 (в книжке описана более старая версия as2).

- Создание программных фоновых эффектов для баннеров.

- Секреты оптимизации баннера, о которых я писала ранее, но кое-что не упомянула:

1)оказывается, если к растровой картинке применить фильтр blur (размытие), то она весит меньше.

2) каждый шрифт весит по-разному, какие шрифты самые легкие.

3) версия плеера влияет на исходный вес баннера. Чтобы баннер был легче – нужно использовать более старую версию.

Ну и, конечно же, будет полезным научиться делать баннера-растяжки (в народе - резиновый баннер).

Комментарии
Аватар пользователя Игорь

Скажите, а с помощью какой программы проще всего рисовать и создавать баннеры? И если есть где скачать если не сложно киньте ссылку буду очень благодарен!

Аватар пользователя Marriam

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

Аватар пользователя Head

Marriam пишет:
о синтаксической ошибке.
Еще один повод почувствовать себя ущербной... ((((((

Из-за пары запятых? Оглядитесь, люди такие глупости творят, и ничего Smile

Аватар пользователя Marriam

К сожалению, мои знания в программировании кончаются на изображении разных зверюшек в q-basic методом заполнения строк "сплошным" символом и рисовании ёлочки из линий...
Я просто не знаю, что я делаю не так...

Аватар пользователя Согдиана

Скачала книгу Creating flash banners с примерами. Очень понравились баннеры в папке banners. Мне бы тоже поскорей научиться такие изумительные флеш баннеры.
Пока не успела изучить книгу. Сначала хотела поблагодарить вас и потом взяться за изучение и практику. Спасибо.

Аватар пользователя Согдиана

Попробовала открыть файлы .fla в примерах, но у меня они не открываются на Adobe Flash CS3 version 9.0. Может причина в версии программного обеспечения?

Аватар пользователя LeeTovetz

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

моя радость тут ))) http://leetovetz.deviantart.com/gallery/

Аватар пользователя Согдиана

Попробовала скачать 6 версию, но из-за медленной скорости не смогла скачать программу Adobe Flash.
Сегодня купила диск Adobe Creative Suite 5.5 Design Premium, в комплектации которого есть Flash Professional CS 5.5.
Эта версия тоже подходит для создания профессиональных флеш анимаций и баннеров или заказать у ребят 6 версию? Спасибо.

Аватар пользователя LeeTovetz

Нет. не надо. Отлично. это тоже хорошо.

моя радость тут ))) http://leetovetz.deviantart.com/gallery/

Аватар пользователя Согдиана

Понятно. Спасибо, LeeTovetz.
Вы не против, если я буду обращаться к вам с вопросами о флеш?

Аватар пользователя LeeTovetz

Лучше на форуме создайте тему. А там посмотрим.
Лучше сначала спросите гугл. Так больше пользы будет. Пока будете искать ответ на свой вопрос найдете много чего интересного и нужного.

моя радость тут ))) http://leetovetz.deviantart.com/gallery/

Аватар пользователя Согдиана

Хорошо. Спасибо за ваши советы и поддержку.

Аватар пользователя nikkin

Оксана, огромное спасибо за ваш сайт- на котором просто НЕТ непонятных и ненужных вещей, и отдельное спасибо за книгу! ))))

Аватар пользователя Leetovetz

Очень очень очень нужна профессиональная помощь. Вроде бы вопрос и простой, но не получается. Суть в следующем есть ролик. Когда он играет работает музыка. На сцене есть кнопка, которая отключает этоту музыку. Но когда включаю кнопкой опять музыка, то музыка начинает работать сначала. Потом ролик заканчивается и начинает работать снова, а музыка не останавливается, а начинает накладываться заново на предыдущую.
Решил музыку все таки на таймлинию выложить, а не подгружать. И вот даже нашел как одной кнопкой его отключать http://lokator-studio.ru/projects/our-proj/priklyucheniya-kotenka/item/3...
но у меня не получается.
Нужен ответ на следующий вопрос. Как сделать так, что бы музыка в ролике отключалась, но потом при нажатии включалась и работала не с начала, а по ходу происходящего на сцене. И когда ролик будет повторяться чтобы не было накладывания музыки.
Идеальный вариант. Музыка на таймлинии и кнопка на сцене, которая отключает музыку и включает ее по ходу движения головки (т.е. не сначала).
Пожалуйста, люди добрый помогите. Глупый я. Уже два дня мучаюсь. И AS 2 образцы нашел, и в AS 3, но когда ролик повторяется, то и музыка накладывается, АААААА. Если на таймлинию выложить, то с музыкой все ок. но тогда не знаю как ее отключить. АААА.

Аватар пользователя Nikolai Pankin

Для реализации таких ф-ций программисты сохраняют ссылку на обьект SoundChannel который возвращает метод play класса Sound и уже работаю с ней Smile

Аватар пользователя Head

Громкость в ноль?

Аватар пользователя Leetovetz

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

Аватар пользователя Head

Я сталкивался с этой проблемой, но допилить до вменяемого решения не успел - заказчику в итоге понадобилось _без_звука_. А так всё хорошо начиналось - состояние вкл/выкл в куки сохранял, дабы не напрягать людей, всего-то и оставалось решить проблему наложения.

Аватар пользователя Leetovetz

http://lokator-studio.ru/projects/our-proj/priklyucheniya-kotenka/item/3...
вот этот пример бы решил мою проблему. кнопка, которая выключает весь звук. если ты с кодом дружишь можешь его глянуть. что бы он заработал. а? ))

Аватар пользователя Head

Покопайтесь вот тут http://flash-creations.com/notes/actionscript_controlsound.php. Правда это опять-таки AS2, но может удастся найти аналог для 3-го.

Аватар пользователя Leetovetz

Спасибочки

Аватар пользователя Head

С кодом у нас дружит автор книги Wink Но с AS2, я так понимаю, хотя могу и ошибаться. У меня этот фокус не получался тоже, только я по-моему брал инфо из другого источника.

Аватар пользователя Максим
Вот, я почитал книгу и вначале автор пишет, что людям предназначается кто знает где и как писать play и stop, а потом как давай в первом же примере загружать читателя старонними плаигнами и т.д. )))) Лично мне так все очень нравится. А вот начинающему  будет тяжко.
Аватар пользователя Head

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

Аватар пользователя Oksana

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

Аватар пользователя Head

Ух, спасибо! Автора книги тоже не забуду, как баннер оплатят.
Варианты "до" и "после" скину в мыло, как отпишетесь. Посмеёмся вместе над обоими Smile
И еще - сделайте и "да" валидным вариантом в капче, раз уж пишете "или", а то будут ныть любители спама Smile)

Аватар пользователя Yuriy

«Варианты "до" и "после" скину в мыло, как отпишетесь. Посмеёмся вместе над обоими :)»
Это мне адресовано? )

Аватар пользователя Head

О, неужели автор? Жму пять! Могу и вам. Намылить? Smile

Аватар пользователя Oksana

любители спама нам не друзья:)

Аватар пользователя Head

А мне пришлось дважды жать "Отправить" из-за этого. Эх-х.

Аватар пользователя multik

Один из главных минусов премодерации новых комментариев - это не способность вести нормальную дискуссию, т.к. каждый пост проходит длительную премодерацию. Я бы рекомендовал убрать её, т.к. она не уместна для блогов. Только представьте хабр, в котором каждый коммент должен получить одобрение модератора прежде, чем он опубликуется. Это жесть, имхо.

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

Аватар пользователя Oksana

подумаю над этим вопросом, спасибо, я не знала, что это критично. вам повезло, я сегодня на месте и все ваши замечания публикую со скоростью звука, я думала, вы оцените это:) но если по делу: когда у блога было посещение 10-20 человек, был такой наплыв спама, что защиту меняли несколько раз. на хабре, наверное, регистрация есть и поэтому посты не проверяются (я, признаюсь, не знаю, как там устроено).

Аватар пользователя multik

если от комментариев не требуется каких-то наворотов, то я бы посоветовал рассмотреть вариант http://disqus.com/for-websites/highlights Это что-то вроде плагина для вашего сайта. Встраивается и берёт на себя все вопросы по комментированию и нагрузке. Попробуйте где-нибудь, чтобы оценить нужно ли это вам. Либо можно использовать стандартные модули/настройки вашей CMS.

В любом случае от премодерации стоит уходить, в блогах в большинстве случаев это не уместно. Единственное пожелание - не стоит вводить обязательную регистрацию пользователей, оставьте возможность комментирования анонимам. Регистрация - это барьер, о который разбивается бОльшая часть аудитории сайтов.

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

Аватар пользователя Oksana

спасибо, отдам человеку, который занимается техвопросами сайта, я в этих делах, увы:( Регистрации не будет, но в скором времени планирую запустить форум, и там регистрация будет. И будет раздел "замечания по работе сайта" - было бы замечательно, чтобы люди писали туда, что им не нравится, а то я живу в неведении, что не так с сайтом, что надо улучшить и т.д.

Аватар пользователя Anyoneelselikeyou

Вот блин... Форум?! А может не надо? Моё мнение такое: Ваш блог Оксана, и отличается от остальных тем, что он такой потрясающе простой и уютный, графика не напрягает (олень - ух!), рубрики чудесные, обновляется достаточно часто (притом что все понимают, - работа, учёба (ну или самообразование - технологии то развиваются)). Захожу сюда - просто отдохнуть. Есть же флэшер, демиарт кому надо (правда, последнее время уж совсем никакой).
"И будет раздел "замечания по работе сайта" - было бы замечательно, чтобы люди писали туда, что им не нравится, а то я живу в неведении, что не так с сайтом, что надо улучшить и т.д." - прям паника какая-то, блин, - да классно ВСЁ!!
P.S. Может, разве что темку, что-то вроде "О чем вы бы хотели знать, да стесняетесь спросить (у флэш-гуру и общественности). Ну как вариант, не настаиваю...
P.P.S Присоединюсь к мнению, что ну нету у флэшеров в рунете своего хабра, но не взваливайте это на свои, хрупкиетаксказать, плечи - талантливый человек должен продолжать развиваться в творчестве, а простые смертные, начинающие осваивать флэш, вполне обойдуться комбинацией сайтов добавленых у Вас в друзьях

Аватар пользователя Oksana

Блог так и останется блогом, форум - всего-лишь дополнение. (расширение функционала сайта, если по-умному:) Зато форум дает новые возможности обмена информацией - в том числе, и создавать темки с вопросами (многие часто стесняются спрашивать, ошибочно полагая, что своим вопросом нарушат гармонию во вселенной:)

Аватар пользователя Leetovetz

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

Аватар пользователя Oksana

ответила чуть выше.

Аватар пользователя Anyoneelselikeyou

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

Аватар пользователя Oksana

это упущение дизайнера, форум еще не готов к запуску, а уже засветился на главной:) спасибо, что подсказали, спрятали и будем дорабатывать.

Аватар пользователя Head

Предлагаю запустить голосование на тему "нужен ли Вам, уважаемая, форум" Wink

Аватар пользователя Oksana

очень нужен, очень!)

Аватар пользователя Anyoneelselikeyou

Коментарий выше был опубликован без одобрения администрации - шикарно! С апгрейдом нас всех!

Аватар пользователя Oksana

специально убрала постмодерацию, разве так не удобней?

Аватар пользователя multik

Просто подкину идею, может не вы, но кто-то из читающих проникнется. Проблема в том, что в России и странах СНГ флэшеры как-то раздроблены, очень не хватает аналога хабра, но для флэшеров. Чтобы всех объединить под одним крылом и где публиковались бы переводы зарубежных новостей и статей по флэшу (анимация, игродев, флэш под мобильные устройства, as3, flex и т.д.), а также статьи от текущих спецов, видео с конференций и всё это сопровождалось объёмными комментариями.

Аватар пользователя komarVadim

А чем flasher.ru не подходит на это? Там большое сообщество, достаточно много статьей, публикаций, новостей. Ну и на demiart.ru тоже ветка неплохая. Ну и по игроделу есть парочка, там тоже новости обсуждаются. А организовывать что-то на подобие хабра мне кажется этого не нужно.

Аватар пользователя multik

C 3 пунктом не согласен. Ради интереса открыл сейчас один из баннеров и сохранил его сначала под 8-ю версию, а потом под 10.2 - во втором случае баннер стал весить легче на 2 КБ. Может быть вы не так поняли утверждение в книге? Можете привести абзац из книги, где говорится, что компиляция под старые версии плеера даёт выигрыш в весе по сравнению с новыми?

Аватар пользователя Yuriy

Снижение именно с 8 версии под 6 или 7.

Аватар пользователя multik

компиляция под:
6 - 38,3КБ (за счёт того, что куча эффектов не вошла в swf, т.к. не поддерживается)
7 - 38,3КБ (аналогично)
8 - 39,7КБ
9 - 37,7КБ
10 - 36,9КБ

Аватар пользователя Yuriy

Спасибо. Хотя не всегда уменьшается.
Я больше привык с 8 работать. Площадки ограничивают.

  • Страницы:
  • 1
  • 2
Пожалуйста, оставьте ваш комментарий. Спасибо!
Содержимое этого поля является приватным и не будет отображаться публично.
CAPTCHA
Вопрос для проверки
Заполните поле проверки