Практика создания динамических Web-узлов

home-docktor.ru лодочные моторы

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


Создание анимации для Webузла JCT
Создание анимации для Web-узла JCT   В данной главе рассказывается, как создать два ролика для Web-узла JCT и как с помощью Flash MX создать особые кнопки, которые воспроизводят рол...
Привлекающий экран
Привлекающий экран   Яркий экран, созданный на основе Flash-технологии, — это очень эффектное маркетинговое средство. Посетитель получает привлекательный обзор Web-узла, и при этом соз...
Создание танцующего человечка
Создание танцующего человечка В пакете Studio MX есть несколько очень полезных свойств, в том числе возможность создавать Flash-анимацию из рисунков, сделанных с помощью Fireworks MX. Эт...
Когда вы выделяете рисунок в Fireworks
Рисунок 16.1. Когда вы выделяете рисунок в Fireworks, вокруг него появляется синяя рамка с маркерами по углам...
Предупреждение о том что разрешения
Рисунок 16.2. Предупреждение о том, что разрешения вставляемого рисунка и холста не совпадают. Не пересчитывайте разрешение, если работаете с фотографией 6. Вам нужно удалить белую область, чтоб...
Все белые области вокруг рисунка выделены
Рисунок 16.3. Все белые области вокруг рисунка выделены...
Замечание
Замечание Когда все рирунки, будут вставлены в свои кадры, проверьте последовательность, воспроизведя кадр окажется не на месте, то при воспроизведении это будет заметно. Поставьте...
Создание танцора во Flash MX
Создание танцора во Flash MX Для того чтобы создать танцующего человечка, необходимо освоить новый трюк. Вам нужно преобразовать линии рисунка в векторы, а потом оживить танцора, устроив...
Замечание
Замечание Словом rotoscoping называют процесс создания иллюзии движения с помощью смены серии неподвижных рисунков. Чтобы создать силуэты, сделайте следующее. 1. Откройте Flash MX, создайте сц...
Последовательность кадров Fireworks
Рисунок 16.4. Последовательность кадров Fireworks может быть экспортирована в файл SWF...
Разгруппировав объект вы можете
Рисунок 16.5. Разгруппировав объект, вы можете добраться до растрового рисунка 4. Выберите инструмент Lasso на панели инструментов. В нижней части панели, в разделе Options, появятся новые вариа...
Танцор преобразован в векторную фигуру залитую черным цветом
Рисунок 16.6. Танцор преобразован в векторную фигуру, залитую черным цветом...
Замечание
Замечание Когда вы выбираете инструмент Eraser, то состав панели инструментов меняется в соответствии с этим, а именно: в нижней части появляются две кнопки и список. Верхняя левая кнопка, Eraser...
Совет
Совет Для того чтобы сохранить пропорции рисунка при изменении его размера, удерживайте нажатой клавишу <Shift>. Если вы хотите выполнить преобразование с высокой точностью, можно задать ег...
Совет
Совет Для того чтобы посмотреть, правильно ли вы размещаете фигуры в отдельных кадрах, воспользуйтесь средством Onion Skin. При этом вы увидите несколько соседних кадров одновременно и сможете оц...
Функция Onion Skin во Flash MX
Рисунок 16.7. Функция Onion Skin во Flash MX работает точно так же, как и в Fireworks MX...
Анимация танца
Анимация танца Теперь, когда у вас есть подготовленные силуэты танцора, можно заняться созданием ролика, в котором все это будет двигаться. Для этого воспользуемся языком Actionscript и с его пом...
Совет
Совет Если вы работаете в режиме Expert, а не в Normal, то можете набрать в области программ Stop():...
Настройка клипа Dancer
Настройка клипа Dancer Сейчас вам нужно создать управляющую часть, или контроллер, и разместить ее на шкале времени. Этот контроллер содержит символ клипа Dancing Dude и программу, которая управл...
Замечание
Замечание Имена экземпляров, созданные в шагах 5 и б, важны для нас, потому что мы будем ссылаться на них в программе на Actionscript. Если у вас есть несколько экземпляров, запишите их имена в б...
Экземпляр клипа Dancing Dude Controller
Рисунок 16.8. Экземпляр клипа Dancing Dude Controller получил имя в окне свойств 1. Откройте панель Actions, выбрав в меню Window=>Actions. В верхней части окна вы увидите действия танцора (Da...
Введенный вами текст будет применен
Рисунок 16.9. Введенный вами текст будет применен к объекту dude, который находится внутри объекта Dancing Dude Добавление музыки Танцор без музыки — это несерьезно. Пришло время заняться звуком....
Звук импортирован Его свойства
Рисунок 16.10. Звук импортирован. Его свойства Synch и Loop установлены в окне свойств 3. Выделите звук на шкале времени и установите его свойства в окне свойств: Synch — start; Loop — ю. Это о...
Создание эффекта стробоскопа
Создание эффекта стробоскопа Стробоскоп — это лампа, создающая короткие яркие вспышки света. Она часто используется на дискотеках для создания настроения, мы же сделаем это для имитации стиля &qu...
Затенение и проявление образцов товаров
Затенение и проявление образцов товаров В описании эскиза сказано, что образцы товаров должны проявляться и затеняться во время воспроизведения ролика. Для того чтобы создать затенение и проявлени...
Шляпа добавлена в 40й кадр главной шкалы времени
Рисунок 16.11. Шляпа добавлена в 40-й кадр главной шкалы времени 5. Выберите на панели инструментов инструмент Direct Selection. Нажав клавишу <Shift>, щелкните на шляпе и на ее надписи. П...
Замечание
Замечание Может показаться странным, что мы предлагаем устанавливать значение Alpha, равное 99%, а не 100%. Но дело в том, что установка 100% создает некоторые непонятные проблемы советом, а при...
Шкала времени с образцами товаров
Рисунок 16.12. Шкала времени с образцами товаров...
Управление задержкой времени
Управление задержкой времени Сейчас мы отрегулируем время так, что образцы товаров будут оставаться на экране подольше, но при этом нам не нужно создавать лишние кадры. Чтобы создать задержку врем...
Эффектное завершение
Эффектное завершение Каждое шоу должно иметь эффектное завершение. Мы сделаем так, чтобы логотип ярко высвечивался, а фигура танцора заменялась стандартным талисманом. Чтобы создать эффектное зав...
Создание маски
Создание маски Создание маски во Flash MX на первый взгляд кажется непростым делом. Вы создаете маскирующий объект, преобразуете его в маскирующий слой, и все слои под маскирующим просвечивают ск...
Изменение свойства звука Flash
Рисунок 16.13. Изменение свойства звука Flash Dancer Loop в последнем кадре остановит воспроизведение...
Ключевые кадры добавлены в конец ролика
Рисунок 16.14. Ключевые кадры добавлены в конец ролика...
Все элементы на месте текст отформатирован
Рисунок 16.15. Все элементы на месте, текст отформатирован Чтобы создать маску, выполните следующее. 1. Выделите новый ключевой кадр на слое Rainbow и нарисуйте прямоугольник, немного больший по...
Градиенты в слоях настроены так что они двигаются синхронно
Рисунок 16.16. Градиенты в слоях настроены так, что они двигаются синхронно 9. Добавьте новый слой Actions и вставьте ключевой кадр в 96-й кадр слоя Actions. 10. Откройте редактор Actionscript...
Диалоговое окно Layer Properties
Рисунок 16.17. Диалоговое окно Layer Properties 17. Откройте панель Actions и введите следующее: Stop(); Это делается для того, чтобы прервать циклическое воспроизведение. 18. Сохраните...
Создание загрузчика
Создание загрузчика Во Flash загрузчики бывают двух типов. В первом типе используется полоса выполнения, которая показывает, какая часть файла уже загружена в броузер. Второй тип ничего не сообща...
Диалоговое окна для редактирования
Рисунок 16.18. Диалоговое окна для редактирования звука. В списке Effect можно выбрать один из стандартных эффектов...
Создание клипа и загрузчика
Создание клипа и загрузчика Когда все объекты созданы и расставлены по местам, пришло время заняться программированием. Мы поступим аналогично тому, что делали раньше, для того чтобы замедлить во...
Создание анимированного GIFрисунка для страниц товаров
Создание анимированного GIF-рисунка для страниц товаров Вместо того чтобы создавать анимацию с помощью Flash, мы решили создать анимированный GIF-рисунок, привлекающий внимание посетите...
В этом окне можно ввести значение
Рисунок 16.19. В этом окне можно ввести значение для изменения масштаба рисунка 8. Перетащите текст под тень логотипа. 9. Выделите слой Words и установите для него прозрачность (Transparency),...
August 4
August 4 Blading Demo...
By J C Verde
By J.C. Verde Flick Gardens...
Woodville VA
Woodville, VA 11. Выберите инструмент Text в слое Location и примените такое форматирование:...
Font — Times New Roman;
Font — Times New Roman; Weight —Bold;...
Size —12;
Size —12; Color —000000;...
Kerning — 0;
Kerning — 0; Leading —130%;...
Alignment — Left
Alignment — Left. 12. Выделите слова Blading Demo и установите в окне свойств для параметра Leading значение 160%. Это сдвинет строку вниз. Выделите слова Flick Gardens и установите в окне свойст...
Анимирование по кадрам и слоям
Анимирование по кадрам и слоям Использование кадров и слоев при создании анимации в Fireworks MX позволяет получить некоторые интересные эффекты. Как вы узнали в главе 14, с помощью панели Layers...
Открыв обе панели вы получаете
Рисунок 16.20. Открыв обе панели, вы получаете доступ ко всем необходимым функциям и свойствам 4. Выделите 2-й кадр и установите прозрачность слоя Words 65%. Продублируйте 2-й кадр. 5. Выделит...
Состояние панели Layers
Рисунок 16.21. Состояние панели Layers 17. Выберите в меню File=>Export Preview. Откроется диалоговое окно. Перейдите к папке, в которой собираетесь сохранить свой ролик, и установите такие па...
Создание анимированных рисунков во Flash MX
Создание анимированных рисунков во Flash MX До выхода на рынок последней версии Flash MX для включения цифрового видео во Flash-ролики использовалась техника rotoscoping, описанная выше...
Захват кадров из видео
Захват кадров из видео Для выполнения захвата кадров вам понадобится программа для редактирования видео. Хотя мы предпочитаем для этой цели пользоваться программами Adobe Premier и Adobe After Ef...
Выделенный фрагмент и его длительность
Рисунок 16.22. Выделенный фрагмент и его длительность определяются положением ползунков In и Out...
Для экспортирования видео в виде
Рисунок 16.33. Для экспортирования видео в виде последовательности рисунков нужно выбрать Movie to Image Sequence в списке Export...
Пакетная обработка файлов в Fireworks MX
Пакетная обработка файлов в Fireworks MX Теперь у вас есть последовательность кадров в виде png-рисунков. Каждый из них имеет размер 320x240 пикселей, что явно слишком много для создания кнопки....
После щелчка на кнопке Add All
Рисунок 16.24. После щелчка на кнопке Add All отобразится список всех файлов, содержащихся в данной папке 3. Щелкните на кнопке Next, и откроется следующее диалоговое окно. Выберите Scale в спис...
При пакетной обработке файлов
Рисунок 16.25. При пакетной обработке файлов масштаб рисунков уменьшен до 20%...
Совет
Совет Всегда сохраняйте обработанные файлы не в той папке, в которой хранятся оригиналы. Таким образом, вы не запутаетесь в файлах с одинаковыми именами и не потеряете исходные файлы....
Создание кнопки во Flash MX
Создание кнопки во Flash MX Импортировав рисунки из QuickTime Pro и изменив их размеры с помощью Fireworks MX, вы можете теперь сделать из них видеокнопку с помощью Flash MX. Обратите внимание на...
Предупреждение об импорте последовательности
Рисунок 16.26. Предупреждение об импорте последовательности нумерованных файлов 4. Создайте символ кнопки и назовите его Vid Button. Когда откроется шкала времени кнопки, откройте панель Library...
Видеокнопка создана В ее состоянии
Рисунок 16.27. Видеокнопка создана. В ее состоянии Up используется статический рисунок, а в состоянии Over — когтя клипа Vid...
Резюме
Резюме   Это была довольно сложная глава, и главная причина в том, что создание эффектной анимации — дело непростое. В начале главы мы говорили о том, что перед тем как приступать к...








- Начало -    


Книжный магазин