Создание виоролика во FLASH (стр. 4 из 5)
Импорт графики осуществляется с помощью команды меню Файл/Выведение/Выведение на студию. Также можно импортировать графику через буфер обмена, скопировав нужное изображение во внешнем редакторе и вставив его во Macromedia Flash MX. Однако результаты при этом бывают некорректны.
Из растровых форматов Macromedia Flash MX работает с GIF, PNG, JPEG и BMP. Важно помнить, что хотя возможно редактировать и изменять размеры растровых изображений во Flash, swf – файл всегда будет содержать информацию об оригинальном растровом изображении. Чтобы уменьшить размеры конечного файла, пользователю следует заранее привести импортируемое растровое изображение к тому размеру, в котором он желает его экспортировать.
Macromedia Flash MX позволяет преобразовать растровые изображения в объекты векторной графики. Для этого необходимо выполнить команду меню Преобразовать/Растр/Трассировка растрового изображения, предварительно выделив изображение на рабочем столе. Откроется одноименное диалоговое окно. В окне Трассировка растрового изображения доступны следующие настройки:
- Угловой порог. Этот параметр определяет число острых углов и
сглаживаемых контуров;
- Точность линий. Этот параметр определяет, насколько точными и
гладкими будут контуры векторизуемого изображения;
- Минимальная область. Это параметр определяет число соседних пикселей,
учитываемых при назначении цвета конкретной области векторизуемого
изображения. Вводится число пикселей от 1 до 1000;
- Порог цвета. Если разница в значении составляющих кодировки цвета RGB
для двух пикселей меньше цветового порога, то цвета этих пикселей считаются одинаковыми. Пользователь может вводить в соответствующее поле значения от 1 до 500. Чем выше значение, тем меньше число цветов, используемых для отображения векторной фигуры.
1.13Панель Actions
В версии MX объекты интегрированы более тесно. Теперь кнопки представляют собой истинные объекты, свойствами которых можно управлять посредством ActionScript, а видеоклипы могут получать события кнопок. Панель Actions изображена на рисунке 4.
Будучи программой, базирующейся на событиях, Flash исполняет код в ответ на какие-либо события. Во Flash 5 обработчики событий ActionScript, сигнализирующие о выполнении кода, оставались за пределами экземпляров символов, к которым осуществлялся доступ, и их нельзя было непосредственно изменить или отключить при воспроизведении фильма. В версии MX обработчики событий являются свойствами символов. Их можно даже поместить внутрь символов, так что пользователь в любое время сможет изменить обработчики событий.
Рисунок 4 - Панель Actions
ActionScript — это язык программирования, посредством которого во Flash осуществляется отправка команд и запросов о временных зависимостях, видеоклипах, кнопках и других объектах. Очень часто с помощью ActionScript можно легко достичь целей, которые в противном случае представляли бы собой труднодостижимую или, вообще, невозможную задачу. Без ActionScript можно реализовать только малую часть возможностей Flash. Например, ActionScript необходим для реализации любого рода интерактивности, например, отклика после щелчка пользователем кнопкой мыши или нажатия клавиши на клавиатуре. Кроме того, ActionScript является единственным способом реализации перехода к определенному кадру временной шкалы либо начала или остановки воспроизведения видеоклипа. Однако эти простые примеры не раскрывают богатство, гибкость и бесконечность возможностей, которые ActionScript открывает перед разработчиками, использующими среду Flash. Как правило, при использовании ActionScript удается получить SWF-файлы меньших размеров и с лучшим качеством, чем при создании промежуточных отображений. Еще одним преимуществом является то, что различные задачи удается выполнять с большей точностью, например перемещать видеоклип в точно заданное место рабочей области. Возможности языка ActionScript безграничны, а использовать его очень легко. Знакомство с ActionScript лучше всего начать с панели Actions (Действия).
1.14Доступ к панели Actions
Чтобы открыть или развернуть панель Actions, необходимо выполнить одно из следующих действий:
• из меню Window (Окно) выбрать пункт Actions (Действия);
• нажать клавишу <F9>.
После этого на экране появится или будет развернута панель Actions. Если эта панель была открыта, но скрыта другим окном, она переместится на передний план. При заданной по умолчанию компоновке панель Actions связана с панелью инспектора свойств. (Если вы хотите восстановить компоновку, заданную по умолчанию, выполните команду Window - Panel Sets - Default Layout (Окно - Наборы панелей - Размещение по умолчанию)).
Панель Actions является встроенным во Flash редактором ActionScript. При соответствующем использовании суффиксов экземпляров объектов (например, суффикс _тс для видеоклипов) в ней будет открываться вспомогательное окно с советами по применению кода.
Воспользовавшись кнопкой Pin current script (Прикрепить текущий сценарий), можно "закрепить" текущий сценарий, т.е. сохранить его на панели Actions.
1.15Использование панели Actions
Весь код на языке ActionScript вводится на панели Actions. Щелкните в кадре, на кнопке или видеоклипе, к которому требуется присоединить код ActionScript, а затем перейдите к панели Actions и в ее правой части введите код соответствующего действия.
2 Создание видео – ролика «Химический элемент хлор» с помощью
программы Macromedia Flash
Для запуска программы выполнить команду Пуск – Программы – Macromedia- Macromedia Flash 8
2.1 Создание сцены «Представление работы»
Для создания данной сцены требуется выполнить следующие действия:
а) выполнить команду Файл – Создать документ Flash;
б) на временной линейке выделить первый кадр первого слоя, предварительно переименовав слой;
в) щелкнуть левой кнопкой мыши на рабочей области в низу экрана пояаиться панель свойств Properties;
г) на данной панели будет располеженно пиктограмма Background щелкнуть по ней левой кнопкой мыши и выбрать цвет фона;
д) вставить слой командой контекстного меню, переименовав его в «текст». В первом кадре выбрать инструмент Text Tool, расположить его на рабочей области и написать «Химический элемент»
ж)сделать последний кадр данного слоя ключевым, нажав клавишу F6;
и) выделить любой кадр слоя, вызвать контекстное меню и выбрать команду Создать промежуточное отбражение (Create Motion Tween);
к) вставить новый слой. В первом кадре выбрать инструмент Text Tool, расположить его на рабочей области и написать «Хлор»
л) сделать последний кадр данного слоя ключевым, нажав клавишу F6, в панели свойсв Properties, на этой панели распологается открывающийся список Tween, в данном списке выбрать Shape;
м) на панели Tools выбрать элемент Color и выбрать цвет;
н) выделить любой кадр слоя, вызвать контекстное меню и выбрать команду Создать промежуточное отбражение (Create Motion Tween);
п) вставиь новый слой и перейти на него;
р) выполнить команду File – Import – Import to Stage, в открывшимся диалоговом окне выбрать анимированный рисунок и нажать кнопку вставить;
с) вставить новый слой. выбрать инструмент Text Tool, расположить его на рабочей области и написать «Вперед». Открыть панель свойств Actions (меню Control – Fnable Simple Frame Actions), в открывшимся окне написать скрипт:
on (release) {
gotoAndPlay("Scene 2", 1);
}
Для создания данной сцены требуется выполнить следующие действия:
а) работа с фоном аналогично пункта 2.1;
б) Создание кнопки «Далее» аналогично пункта 2.1;
в) вставить слой «Таблица Менделеева», выполнить команду меню File – Import – Import Stage, в открывшимся окне импорта выбрать папку с отсконированными изображениями. В ней выделить файл и нажать кнопку открыть;
г) вставить слой «хлор», выделить последний кадр нажать клавишу F6, на последнем кадре с помощью инструмента Gradient Transform Tool, который распологается на панели инструментов Tools, трансформировать объект (т.е. размер и положение). Выполнить команду контектсного меню Создать промежуточное отбражение (Create Motion Tween).
2.3 Создание сцены «Меню»
Для создания данной сцены требуется выполнить следующие действия:
а) работа с фоном анологично пункта 2.1;
б) создание кнопок анологично созданию кнопки «Вперед».
2.4 Создание сцены « Получение хлора в лабороторных условиях»
Для создания данной сцены требуется выполнить следующие действия:
а) работа с фоном анологично пункта 2.1;
б) создание кнопки «Далее» аналогично пункта 2.1;
в) вставить слой «Колбы», выделить последний кадр и нажать клавишу F6;
г) нарисовать в колбе дым с помощью панели инструментов Tools, выделить последний кадр, нажать клавишу F6, на последнем кадре изменить положение, выполнить команду контекстного меню Создать промежуточное отбражение (Create Motion Tween);
д) вставить слой «трубка», нарисовать трубку которая соеденяет две колбы, выделить последний слой, нажать клавишу F6 и сделать заливку трубки зеленным цветом на панели свойств Properties;
е) на данной панели будет располеженно пиктограмма Background щелкнуть по ней левой кнопкой мыши и выбрать цвет заливки;
ж)вставить слой «дым в колбе», выделить последний нажать клавишу F6, на последнем кадре поменять положение дыма;
з) вставить новый слой. В первом кадре нарисоватьобъект, который будет имитировать (метилоаранж) расположить его на рабочей области;
и) сделать последний кадр данного слоя ключевым, нажав клавишу F6, в панели свойсв Properties, на этой панели распологается открывающийся список Tween, в данном списке выбрать Shape;