Создание анимации для Webузла JCT

Создание анимации для Web-узла JCT   В данной главе рассказывается, как создать два ролика для Web-узла JCT и как с помощью Flash MX создать особые кнопки, которые воспроизводят рол...

Привлекающий экран   Яркий экран, созданный на основе Flash-технологии, — это очень эффектное маркетинговое средство. Посетитель получает привлекательный обзор Web-узла, и при этом соз...

Создание танцующего человечка В пакете Studio MX есть несколько очень полезных свойств, в том числе возможность создавать Flash-анимацию из рисунков, сделанных с помощью Fireworks MX. Эт...

Рисунок 16.1. Когда вы выделяете рисунок в Fireworks, вокруг него появляется синяя рамка с маркерами по углам...

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

Рисунок 16.3. Все белые области вокруг рисунка выделены...

Замечание Когда все рирунки, будут вставлены в свои кадры, проверьте последовательность, воспроизведя кадр окажется не на месте, то при воспроизведении это будет заметно. Поставьте...

Создание танцора во Flash MX Для того чтобы создать танцующего человечка, необходимо освоить новый трюк. Вам нужно преобразовать линии рисунка в векторы, а потом оживить танцора, устроив...

Замечание Словом rotoscoping называют процесс создания иллюзии движения с помощью смены серии неподвижных рисунков. Чтобы создать силуэты, сделайте следующее. 1. Откройте Flash MX, создайте сц...

Рисунок 16.4. Последовательность кадров Fireworks может быть экспортирована в файл SWF...

Рисунок 16.5. Разгруппировав объект, вы можете добраться до растрового рисунка 4. Выберите инструмент Lasso на панели инструментов. В нижней части панели, в разделе Options, появятся новые вариа...

Рисунок 16.6. Танцор преобразован в векторную фигуру, залитую черным цветом...

Замечание Когда вы выбираете инструмент Eraser, то состав панели инструментов меняется в соответствии с этим, а именно: в нижней части появляются две кнопки и список. Верхняя левая кнопка, Eraser...

Совет Для того чтобы сохранить пропорции рисунка при изменении его размера, удерживайте нажатой клавишу <Shift>. Если вы хотите выполнить преобразование с высокой точностью, можно задать ег...

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

Рисунок 16.7. Функция Onion Skin во Flash MX работает точно так же, как и в Fireworks MX...

Анимация танца Теперь, когда у вас есть подготовленные силуэты танцора, можно заняться созданием ролика, в котором все это будет двигаться. Для этого воспользуемся языком Actionscript и с его пом...

Совет Если вы работаете в режиме Expert, а не в Normal, то можете набрать в области программ Stop():...

Настройка клипа Dancer Сейчас вам нужно создать управляющую часть, или контроллер, и разместить ее на шкале времени. Этот контроллер содержит символ клипа Dancing Dude и программу, которая управл...

Замечание Имена экземпляров, созданные в шагах 5 и б, важны для нас, потому что мы будем ссылаться на них в программе на Actionscript. Если у вас есть несколько экземпляров, запишите их имена в б...

Рисунок 16.8. Экземпляр клипа Dancing Dude Controller получил имя в окне свойств 1. Откройте панель Actions, выбрав в меню Window=>Actions. В верхней части окна вы увидите действия танцора (Da...

Рисунок 16.9. Введенный вами текст будет применен к объекту dude, который находится внутри объекта Dancing Dude Добавление музыки Танцор без музыки — это несерьезно. Пришло время заняться звуком....

Рисунок 16.10. Звук импортирован. Его свойства Synch и Loop установлены в окне свойств 3. Выделите звук на шкале времени и установите его свойства в окне свойств: Synch — start; Loop — ю. Это о...

Создание эффекта стробоскопа Стробоскоп — это лампа, создающая короткие яркие вспышки света. Она часто используется на дискотеках для создания настроения, мы же сделаем это для имитации стиля &qu...

Затенение и проявление образцов товаров В описании эскиза сказано, что образцы товаров должны проявляться и затеняться во время воспроизведения ролика. Для того чтобы создать затенение и проявлени...

Рисунок 16.11. Шляпа добавлена в 40-й кадр главной шкалы времени 5. Выберите на панели инструментов инструмент Direct Selection. Нажав клавишу <Shift>, щелкните на шляпе и на ее надписи. П...

Замечание Может показаться странным, что мы предлагаем устанавливать значение Alpha, равное 99%, а не 100%. Но дело в том, что установка 100% создает некоторые непонятные проблемы советом, а при...

Рисунок 16.12. Шкала времени с образцами товаров...

Управление задержкой времени Сейчас мы отрегулируем время так, что образцы товаров будут оставаться на экране подольше, но при этом нам не нужно создавать лишние кадры. Чтобы создать задержку врем...

Эффектное завершение Каждое шоу должно иметь эффектное завершение. Мы сделаем так, чтобы логотип ярко высвечивался, а фигура танцора заменялась стандартным талисманом. Чтобы создать эффектное зав...

Создание маски Создание маски во Flash MX на первый взгляд кажется непростым делом. Вы создаете маскирующий объект, преобразуете его в маскирующий слой, и все слои под маскирующим просвечивают ск...

Рисунок 16.13. Изменение свойства звука Flash Dancer Loop в последнем кадре остановит воспроизведение...

Рисунок 16.14. Ключевые кадры добавлены в конец ролика...

Рисунок 16.15. Все элементы на месте, текст отформатирован Чтобы создать маску, выполните следующее. 1. Выделите новый ключевой кадр на слое Rainbow и нарисуйте прямоугольник, немного больший по...

Рисунок 16.16. Градиенты в слоях настроены так, что они двигаются синхронно 9. Добавьте новый слой Actions и вставьте ключевой кадр в 96-й кадр слоя Actions. 10. Откройте редактор Actionscript...

Рисунок 16.17. Диалоговое окно Layer Properties 17. Откройте панель Actions и введите следующее: Stop(); Это делается для того, чтобы прервать циклическое воспроизведение. 18. Сохраните...

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

Рисунок 16.18. Диалоговое окна для редактирования звука. В списке Effect можно выбрать один из стандартных эффектов...

Создание клипа и загрузчика Когда все объекты созданы и расставлены по местам, пришло время заняться программированием. Мы поступим аналогично тому, что делали раньше, для того чтобы замедлить во...

Создание анимированного GIF-рисунка для страниц товаров Вместо того чтобы создавать анимацию с помощью Flash, мы решили создать анимированный GIF-рисунок, привлекающий внимание посетите...

Рисунок 16.19. В этом окне можно ввести значение для изменения масштаба рисунка 8. Перетащите текст под тень логотипа. 9. Выделите слой Words и установите для него прозрачность (Transparency),...

August 4 Blading Demo...

By J.C. Verde Flick Gardens...

Woodville, VA 11. Выберите инструмент Text в слое Location и примените такое форматирование:...

Font — Times New Roman; Weight —Bold;...

Size —12; Color —000000;...

Kerning — 0; Leading —130%;...

Alignment — Left. 12. Выделите слова Blading Demo и установите в окне свойств для параметра Leading значение 160%. Это сдвинет строку вниз. Выделите слова Flick Gardens и установите в окне свойст...

Анимирование по кадрам и слоям Использование кадров и слоев при создании анимации в Fireworks MX позволяет получить некоторые интересные эффекты. Как вы узнали в главе 14, с помощью панели Layers...

Рисунок 16.20. Открыв обе панели, вы получаете доступ ко всем необходимым функциям и свойствам 4. Выделите 2-й кадр и установите прозрачность слоя Words 65%. Продублируйте 2-й кадр. 5. Выделит...

Рисунок 16.21. Состояние панели Layers 17. Выберите в меню File=>Export Preview. Откроется диалоговое окно. Перейдите к папке, в которой собираетесь сохранить свой ролик, и установите такие па...

Создание анимированных рисунков во Flash MX До выхода на рынок последней версии Flash MX для включения цифрового видео во Flash-ролики использовалась техника rotoscoping, описанная выше...

Захват кадров из видео Для выполнения захвата кадров вам понадобится программа для редактирования видео. Хотя мы предпочитаем для этой цели пользоваться программами Adobe Premier и Adobe After Ef...

Рисунок 16.22. Выделенный фрагмент и его длительность определяются положением ползунков In и Out...

Рисунок 16.33. Для экспортирования видео в виде последовательности рисунков нужно выбрать Movie to Image Sequence в списке Export...

Пакетная обработка файлов в Fireworks MX Теперь у вас есть последовательность кадров в виде png-рисунков. Каждый из них имеет размер 320x240 пикселей, что явно слишком много для создания кнопки....

Рисунок 16.24. После щелчка на кнопке Add All отобразится список всех файлов, содержащихся в данной папке 3. Щелкните на кнопке Next, и откроется следующее диалоговое окно. Выберите Scale в спис...

Рисунок 16.25. При пакетной обработке файлов масштаб рисунков уменьшен до 20%...

Совет Всегда сохраняйте обработанные файлы не в той папке, в которой хранятся оригиналы. Таким образом, вы не запутаетесь в файлах с одинаковыми именами и не потеряете исходные файлы....

Создание кнопки во Flash MX Импортировав рисунки из QuickTime Pro и изменив их размеры с помощью Fireworks MX, вы можете теперь сделать из них видеокнопку с помощью Flash MX. Обратите внимание на...

Рисунок 16.26. Предупреждение об импорте последовательности нумерованных файлов 4. Создайте символ кнопки и назовите его Vid Button. Когда откроется шкала времени кнопки, откройте панель Library...

Рисунок 16.27. Видеокнопка создана. В ее состоянии Up используется статический рисунок, а в состоянии Over — когтя клипа Vid...

Резюме   Это была довольно сложная глава, и главная причина в том, что создание эффектной анимации — дело непростое. В начале главы мы говорили о том, что перед тем как приступать к...