этот выпуск содержит элемент flash (aka Shockwave).
Надеюсь, плагин для вашего браузера уже установлен.
Что дает Flash? Малый размер анимационных роликов, навигационных менюшек, простой графики, звукового сопровождения и пр. при отличном качестве. Т.е. сайт, созданный с помощью технологии Flash будет куда меньше размером, чем такой же, но созданный стандартным методом - с обычной графикой. Разумеется, выигрыш идет за счет передачи по сети только правил работы ролика - никакие картинки (в общем случае) не передаются - все в векторном виде. И правила эти обрабатывает уже плейер, встроенный в браузер. Минусы: по умолчанию во многих браузерах не встроена поддержка
flash. Flash это не HTML - возникает разрозненность: страница сделана на языке
html, в которую включено нечто, ничего общего с html, в общем-то, не
имеющее. А без html обойтись нельзя (например, когда много текста) - flash больше
полезен для multimedia и навигации. Хотя, с другой стороны, <IMG SRC>
- это тоже, получается, посторонее включение... Описывать такой пакет как Flash - занятие явно не на один номер. Да что там, не задумываясь, сайт можно создавать отдельный - только по описанию пакета и обучению. Здесь я постараюсь рассказать хотя бы о простейших манипуляциях с программой и основы создания "мультиков". Хотя, "мультиков" - это не то выражение... ладно, об этом позже. Пусть будут "ролики". Сначала основное. Программу Macromedia Flash для создания векторной анимации для web я коротко буду называть Flash (с большой буквы), а еще есть формат плагина для броузера: flash, чтобы не путать, я буду называть готовый плагин альтернативно - по расширению готового файла - .swf. Итак, swf - это уже готовый ролик, который получается после обработки
правил, заданных в редакторе Flash. Его и прицепляем к страничке и выкладываем
в сеть. Пример, как надо прописывать на страничке плагин я подготовил здесь.
С помощью редактора Dreamweaver 2 это делается одним нажатием мышки. Причем,
в редакторе же, можно посмотреть на ходу работу ролика. Четвертый Flash макромедия анонсировала еще в июне. В него добавлена поддержка звукового формата .mp3. Все звуки упаковываются с нужным битрейтом и размер красивой кнопки со звуковым сопровождением может быть совсем небольшим - от 2kb. Без звука - порядка 700-800 байт. Резонный вопрос: а если встроить обычную картинку (к примеру, jpg) в ролик? Очень просто - вот каким размером был jpg, таким будет и ролик (swf), ну может чуть больше (на 500 байт) из-за служебной информации. Зато! Буквально в десятке байт могут уместиться правила... ну например, можно покрутить картинку, помасштабировать, сделать красивую анимацию и т.д. Понятное дело, программа же будет работать только с одной копией картинки, в отличие от какого-нибудь GIF-аниматора. О самой программе Flash: каков принцип? Имеется слой (по аналогии с фотошопом, например), в котором содержатся элементы ролика (звук, картинки, какие-то правила и т.п.), вернее, будут содержаться - ведь туда еще надо чего-то поместить. У каждого слоя (Layer) имеется своя тайм-линия (Timeline), состоящая из фреймов (frame). В них будут отображаться состояния слоя в данный момент. Изначально, как только вы запустили программу, у вас будет чистое поле и один
слой. И один фрейм. Т.е. ваш ролик, если вы его прокрутите (Ctrl-Enter) будет
состоять из чистого пустого квадрата и одного фрейма. Я обозвал их так, чтобы было понятно, что в них будет находиться. Вот в каждый слой и поместим, то чего в них написано. Как рисовать что-то я рассказывать здесь не буду - это тема очень большая. Лучше всего почитать и посмотреть готовые фирменные уроки, ссылки на которые можно найти в разделе Help->Lessons. После того, как все нарисовано, ролик состоит из одного фрейма, который показывает состояние всех видимых рабочих слоев: Очевидно, для того, чтобы ролик чего-то там крутил, необходимо какое-то количество
фреймов для показа. В каждом фрейме объект должен изменять свои свойства по
определенным правилам. После того, как ключевой фрейм установлен, автоматически вставятся пустые фреймы
для слоя "круг". Теперь весь ролик занимает 15 фреймов. Прокручивая
его, вы заметите, что в первом фрейме мелькнули и исчезли текст и квадрат, и
остальной мультик состоит только из круга. Естественно, ведь мы не определяли
фреймы для других слоев, поэтому они и не показываются.
Вообще, "символы" во Flash - это объекты, которые могут использоваться еще где-то, ну примерно, как переменная, которая доступна всем, этакий global. Созданный символ автоматом заносится в локальную библиотеку символов, откуда его копия может быть вытащена и помещена на сцену в любом месте. Все, после этого, становитесь на любой фрейм между ключевыми фреймами, и можете создавать Motion Tween. Должна появиться стрелка от первого keyframe к последнему. Просмотрите ролик - круг должен двигаться. Разумеется, можно вставлять и промежуточные keyframe для того, чтобы подправить траекторю движения как вам хочется. Обязательно загляните в Properties - в разделе Tweening можно найти много чего интересного. Например, во время движения повращать объект заданное число раз. Так же, можно прикрепить траекторию к произвольно нарисованной вами линии. Траектория рисуется в отдельном специальном слое, который будет принадлежать конкретно тому слою, на котором он был создан. Подобным образом задаем правила перемещения для прямоугольника и текста. С анимацией вроде разобрались. Теперь можно перейти к управляющим элементам. Как вы могли заметить, когда переводили графический объект в символ (symbol), в меню есть кнопка "Buttom"(кнопка). После того, как вы преобразуете объект в символ "кнопка", перейдите к его редактированию (Ctrl-E или Edit->Edit symbols), там вы увидите вполне логичные кадры состояния для кнопки. Это просто разные виды кнопки ("мышка сверху", "кнопка нажата" и т.п.). Вставляя новый Keyframe, вы автоматически переносите образ кнопки для его редактирования в этом состоянии. После всех манипуляций вернитесь обратно в редактирование ролика (Ctrl-E). Теперь неплохо бы определить действия, которые эта кнопка будет инициировать при проигрывании ролика. Modify->Instance покажет свойства объекта, где в разделе Actions можно определить действия, руководствуясь несложным внутренним языком с готовым набором операндов. Ну, в принципе, самый простейший ролик готов. Теперь его надо
экспортировать в swf и вставить на него ссылки в страничку.
ссылки:
Где брать сам редактор Flash 4? Можно на сервере Macromedia.
Можно у меня на ftp (9.8Mb - разбито на 7 кусков
по 1.4Mb). Серийные номера - на выбор: |
|
|
Еще один из множества серверов о времени и дате. Так и называется - www.timeanddate.com.
Очень большой сервис по тайм-зонам. Практически по каждому городу можно посмотреть
_его_ локальное
время. Ну и, куча всяких скриптов, апплетов, программ и т.п. линк прислал micha |
ссылку прислал Oleg |
линк прислал Mario |
[ Архив+поиск ]-[ все комментарии ]-[ Жизнь ТАМ ] |
|