Лекции по курсу Macromedia Flash

Лекционный  материал дисциплины “Macromedia Flash” 

    Лекция  №1.

    Тема: Введение. Сущность программного продукта “Macromedia Flash”.

    Цель: Ознакомиться с основами технологии Flash, изучить терминологию.

    Содержание:

          1. Введение в технологию Flash.

          2. Основные понятия и терминология Flash. 

    1. Технология Flash основана на использовании  векторной графики в формате  Shockwave Flash (SWF). Хотя это далеко не  первый векторный формат, создателям SWF удалось найти наиболее удачное  сочетание между изобразительными возможностями графики, инструментальными средствами для работы с ней, и механизмом включения результата в Web-страницы. Дополнительным преимуществом SWF является его переносимость, то есть этот формат может использоваться на любой аппаратно-программной платформе (в частности, на компьютерах Macintosh, работающих под управлением операционной системы MacOS, и на компьютерах IBM с ОС Windows). И еще одна особенность SWF: созданные на его основе изображения не только могут быть анимированы, но также дополнены интерактивными элементами и звуковым сопровождением.

    Одни  из них ориентированы на создание мультимедийных презентаций (Macromedia Director Shockwave Studio), другие предназначены для  подготовки графических изображений (Macromedia FreeHand и Macromedia Fireworks), третьи обеспечивают создание интерактивных обучающих курсов (Macromedia Authorware и Macromedia CourseBuilder). Однако среди разработчиков Web-публикаций наибольшей популярностью пользуется Macromedia Flash, поскольку именно этот продукт позволяет создавать законченные Web-страницы, которые способны обеспечить популярность любому сайту. Видимо, благодаря этому формат SWF все чаще стали называть просто Flash. Итак, составляющими Flash-технологии являются:

• векторная графика;
• поддержка нескольких видов анимации;
• возможность создания интерактивных элементов интерфейса;
• поддержка взаимодействия с импортируемыми графическими форматами (в том числе растровыми);
• возможность включения синхронного звукового сопровождения;
• обеспечение экспорта Flash-фильмов в формат HTML, а также в любой из графических форматов, используемых в Интернете;
• платформная независимость;
• возможность просмотра Flash-фильмов как в автономном режиме, так и посредством Web-броузера;
• наличие инструментов визуальной разработки, избавляющих со-здателя Flash-фильмов от многих рутинных операций, а также от детального изучения технических аспектов реализации Flash-технологии.

    2. Несмотря на то, что редактор  Flash предназначен в первую очередь для создания Web-страниц, при работе с ним вам очень редко придется сталкиваться с такими терминами, как, например, тэг, атрибут, страница и т. д. Технология создания фильмов Flash основана на применении совсем других понятий и категорий. Поэтому для успешного освоения Flash необходимо сначала разобраться с применяемой в нем терминологией.

    При построении любого Flash-фильма используется объектно-ориентированный подход. Это означает, что все элементы фильма интерпретируются как объекты того или другого типа, для каждого из которых заданы некоторые свойства и определен набор допустимых операций. Например, для объекта «Текст» должен быть установлен размер символов, способ начертания, цвет и т. д. Текст можно определенным образом редактировать, вырезать; копировать, создавать на его основе текстовые гиперссылки и т. п. То же самое можно сказать о графических изображениях и о звуке. Тем не менее, при работе с Flash вместо понятия «объект» чаще используется термин символ (Symbol). Основное различие между ними состоит в следующем.

    Символ  представляет собой своеобразный шаблон объекта с определенным набором свойств. Символ хранится в специальной библиотеке символов (Library) и может быть многократно использован как в одном и том же фильме, так и в нескольких фильмах. Каждая новая копия символа, помещенная в фильм, называется экземпляром символа (Instance). Экземпляр наследует все свойства самого символа, и между ними устанавливается связь: при изменении свойств символа соответствующие изменения автоматически применяются ко всем его экземплярам. Кроме того, механизм символов позволяет сократить и размер фильма: если в нем используется несколько экземпляров символа, то информация о его свойствах не дублируется.

    Как правило, динамика в Flash-фильмах обеспечивается за счет того, что в течение некоторого интервала времени изменяются те или иные свойства экземпляра (например, координаты, цвет, размер, прозрачность и т. д.), то есть изменяется состояние экземпляра. С каждым состоянием экземпляра связан отдельный кадр фильма (Frame). Кадр, соответствующий изменению состояния экземпляра, называется ключевым кадром (Keyframe). Ключевой кадр сам рассматривается как объект соответствующего типа, свойства которого пользователь может изменять.

    Динамика  смены кадров фильма описывается  с помощью временной диаграммы (Timeline). В качестве параметров временной диаграммы можно указывать частоту смены кадров, моменты начала и завершения движения объектов и т. д.

    В фильме может использоваться несколько  различных объектов. Состояние каждого  из них может изменяться независимо от других, либо вообще оставаться неизменным (если, например, некоторый объект используется в качестве фона). Чтобы упростить описание поведения различных элементов фильма, каждый из них помещается, как правило, на отдельный слой (Layer). Разработчики Flash для пояснения роли слоев в фильме сравнивают их с листами прозрачной кальки. Собрав воедино «стопку» таких листов, вы можете получить некую сцену, на которой действуют различные «персонажи». Кстати о сценах. Сцена (Scene) - это еще один термин, используемый при работе с Flash. Каждая сцена представляет собой определенное сочетание слоев. В простейшем случае сцены фильма выполняются последовательно, в соответствии с их порядковыми номерами. Для более сложного построения фильма используются средства языка ActionScript.

    При создании сложных фильмов достаточно важную роль играет еще одно понятие  — клип (Clip, или Movie clip). Клип — это  специальный тип символа. Он представляет собой как бы мини-фильм, для которого создается собственная временная  диаграмма и устанавливаются собственные параметры (например, частота смены кадров). Клип, как и любой другой элемент фильма, может быть включен в библиотеку символов для многократного использования в фильме. Каждому экземпляру клипа может быть назначено собственное имя.

    Любой элемент фильма может быть использован  и внутри клипа. Разрешается также  создавать «вложенные» клипы. Если требуется описать некоторые  дополнительные условия активизации  клипа внутри фильма, то для этого  могут быть использованы средства языка ActionScript. В состав клипа могут включаться также интерактивные элементы (например, кнопки).  
 

    Лекция  №2.

    Тема: Графика. Принципы рисования во Flash. Импорт графики.

    Цель: Изучить виды поддерживаемой Flash графики, ознакомиться с работой со шрифтами, научиться импортировать графику, познакомиться с другими графическими программами фирмы Macromedia.

    Содержание:

          1. Графика

          2. Рисование. Поддержка шрифтов  во Flash.

          3. Импорт графики

          4. Особенности поддержки графических  форматов 

    1. В настоящее время лидирующее положение в оформлении Web-страниц занимает растровая графика. Растровыми форматами являются GIF (Graphics Interchange Format, графический формат для обмена данны ми), JPEG (Join Photographic Experts Group - Объединенная группа экспертов по изображениям) и PNG (Portable Network Graphics — переносимый графический формат).

    При использовании растровой графики  изображение описывается как  совокупность точек (пикселов — pixel). Поскольку  эти точки никак не связаны  друг с другом, то для каждой из них требуется указать цвет и координаты. В простейшем случае, когда используется двухцветное изображение (например, черно-белое) для описания цвета каждого пиксела достаточно одного двоичного разряда: О — черный, 1 — белый. Для 256-цветного рисунка таких разрядов требуется уже 8 на каждый пиксел (256=2⁸). Наиболее сложные, фотореалистичные цветные изображения требуют до 24 разрядов на пиксел. Вследствие этого размер файлов с растровыми изображениями очень быстро возрастает при увеличении глубины цвета изображения.

    Еще один недостаток растровых изображений  состоит в том, что качество изображения (его четкость, прорисовка деталей) существенно зависит от размера  пиксела, который, в свою очередь, определяется разрешающей способностью монитора. Поэтому рисунок, который на одном мониторе выглядит весьма привлекательно, на другом мониторе может оказаться «смазанным». И это еще не все. Изменить размер растрового изображения — тоже дело очень непростое. Ведь увеличение такого изображения означает увеличение числа пикселов. А какие именно добавлять на границе между разными цветами? Специалистами в области компьютерной графики разработаны весьма сложные алгоритмы «размножения» пикселов растровых изображений (или удаления, если рисунок требуется уменьшить), но и они далеко не всегда справляются с этой трудной задачей.

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

1. математические формулы, описывающие векторное изображение, занимают намного меньше места в памяти компьютера, чем описание пикселов растрового изображения;
2. возможность практически неограниченного масштабирования изображения (или отдельных его фрагментов) без потери его качества;
3. совершенно «безболезненный» перенос векторного изображения с одной платформы на другую.

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

    2. Векторное графическое изображение  состоит из графических примитивов: простейших составных частей, каждая  из которых может быть описана  особой формулой. К графическим  примитивам относятся прямые  и кривые линии, простейшие  геометрические фигуры (эллипсы,  прямоугольники и пр.), текстовые надписи и импортированные растровые изображения. (Формально, если векторное изображение содержит в своем составе достаточно большое количество растровых изображений, говорят о гибридной графике) Для каждого примитива в графическом файле сохраняются его тип и параметры описывающей его формулы: местоположение, размеры, цвет, кривизна, радиусы и т. п. Графическая программа, считав с диска такой файл, подставляет в соответствующие формулы нужные параметры, получается на экране или принтере исходное изображение. Процесс преобразования векторной графики в растровую называется растеризацией. В частности, программа векторного графического редактора выполняет растеризацию всякий раз, когда выводит векторное изображение на экран или принтер — стройства изначально растровые. Обратный процесс — преобразование растровой графики в векторный вид — называется векторизацией. Векторизация растрового изображения чревата большими потерями в качестве, особенно плохо векторизуется высококачественное полутоновое фотографическое изображение.

    Поддержка шрифтов во Flash

    Для создания текстовых блоков Flash позволяет использовать только векторные шрифты, т. е. шрифты формата TrueType и Adobe Туре 1. Любые растровые шрифты, даже если они и установлены в системе (а они наверняка установлены, ведь большинство системных шрифтов Windows — растровые), игнорируются и не показываются в списке шрифтов редактора свойств.

    Когда вы экспортируете готовое изображение  в формат Shockwave/Flash, то Flash фактически сохраняет в результирующем SWF-файле все использованные в изображении шрифты. Этот процесс называется внедрением шрифтов. Благодаря этому проигрыватель Flash сможет вывести текст, набранный этими шрифтами, даже если они не установлены на компьютере пользователя. Таким образом, не нужно ограничивать себя небольшим набором стандартных шрифтов или распространять недостающие шрифты отдельно, чтобы пользователь увидел ваше изображение в первозданном виде.