Теоретические основы создания сайта с использованием Macromedia Flash. Введение Macromedia Flash, Что такое Flash? - Составление анимации в web-сайте с применением Macromedia Flash-технологии

Что такое Flash?

Flash (от англ. Flash - "вспышка", произносится "флэш") Flash - это технология веб-мультипликации и создания интерактивного контента от компании Macromedia, получившая широкое распространение. Применяется при создании анимационных заставок, веб-игр, интерактивных элементов сайта и т. п. В принципе, возможно, создать веб-сайт целиком на технологии Flash, но на практике это случается крайне редко. Технология Flash возникла относительно недавно (первая версия была выпущена в 1996 году), но широкое распространение получила лишь в самые последние годы.

Flash относится к программам создания двухмерной векторной анимации.

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

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

Пакеты векторной или иллюстративной графики всегда основывались на объектно-ориентированном подходе, позволяющем рисовать контуры объектов, а затем закрашивать их или заполнять узорами.

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

Подобные изображения обычно занимают значительно меньший объем, и их намного легче редактировать. Любой элемент картинки может быть изменен отдельно от других. Изображение можно масштабировать, не боясь, что оно утратит четкость, оно более пластично, что позволяет качественно отображать его на устройствах с различным разрешением.

О применяемой во Flash-технологии анимации нужно сказать особо. Обычные компьютерные видеоролики состоят из набора растровых изображений, последовательно сменяющих друг друга с частотой несколько десятков кадров в секунду. Для хранения таких видеозаписей требуются огромные объемы памяти, а для передачи в реальном времени через интернет нужны сверхскоростные каналы связи. Хотя существующие алгоритмы позволяют сжимать видеозапись в десятки и даже сотни раз, это все равно решает проблему лишь отчасти, поскольку хранить и передавать приходится каждый кадр фильма.

Итак, анимация. Во Flash это последовательность сменяющихся изображений (кадров), в результате чего возникает иллюзия движения. Для Macromedia Flash Professional существует два принципиально разных способа анимировать что-либо. Первый - Прорисовывать Каждый Кадр самому, используя Flash только в качестве средства, позволяющего быстро пролистывать ваши изображения, и второй - Заставить Flash Автоматически Просчитывать Промежуточные Кадры.

Второй способ анимации осуществляется с помощью промежуточных отображений (tweening animation). В этом случае задаются ключевые кадры (keyframes), а промежуточные Flash просчитывает автоматически. Понадобится задать только 2 кадра: начальный и конечный. По умолчанию Flash рассчитает промежуточные кадры по линейному закону, но можно задать возрастающую или затухающую экспоненту. Это нужно, чтобы отразить какие-нибудь процессы, происходящие в реальном мире. Например, движения мяча.

Кадры, слои, символы, временная шкала

Базовыми понятиями являются кадры (frames), символы (symbols), слои (layers) и временная шкала (timeline).

Временная шкала

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

Ее основные возможности:

- Шкала кадров - поле, где можно добавлять и удалять простые и ключевые кадры. Если вызвать контекстное меню (нажать на правую клавишу мыши) на каком-либо кадре, появится перечень действий, которые можно совершить. На шкале отображается информация о кадрах, которые являются ключевыми (такие кадры помечаются черными кружочками), содержат действия (буковка "а" над кружочком) или метку (красный флажок, после которого идет название метки). Цвет тоже говорит о типе кадров. Серый цвет - это кадры, которые в точности повторяют ключевой кадр (keyframe). Синеватая или зеленоватая подсветка говорит о том, что кадры сгенерированы Flash. И, наконец, белое или "пустое" полосатое пространство: на этих кадрах ничего нет.

Слои

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

Во Flash есть пара особенных типов слоев: слои, содержащие траектории движения и слои - маски. Есть достаточно большое количество приемов, в которых используются слои, но во Flash без них просто нельзя обойтись по одной важной причине: в один момент времени для каждого объекта анимации нужен отдельный слой. Объектом анимации считается фигура (shape) или символ (symbol). Каждая линейка кадров принадлежит конкретному слою. От того, на каком слое находится объект, зависит, будет ли он виден на первом плане или находится позади других объектов. Используя слои, можно без труда создать ощущение многоплановости сцены. Слои могут быть не только носителями линейки кадров: направляющие слои служат для задания траекторий и параметров анимации, маскирующие слои позволяют задать маску, ограничивающую видимую часть изображения подчиненных слоев, слои кнопки описывают состояния чувствительных к щелчкам мыши областей. Многослойная модель позволяет довольно простыми способами получать очень красивые зрительные эффекты.

Кадры

Анимация состоит из последовательности кадров. Кадр может быть как составленным вручную, так и сгенерированным Flash. Это относится к кадрам одного слоя. Так как сцены Flash состоят обычно из нескольких слоев, то итоговые "многослойные" кадры, могут содержать, как сгенерированные, так и "самодельные" слои.

В компьютерной анимации существует понятие - ключевые кадры (keyframes). Это кадры, которые Flash не вправе изменять в процессе создания анимации. Задаются ключевые кадры, а промежуточные между ними выстраивает Flash.

Элементарные операции с кадрами:

Вставить пустой ключевой кадр - Insert->Blank keyframe, F7 Ключевой кадр, повторяющий содержание предыдущего - Insert->Keyframe, F6Очистить ключевой кадр - Insert->Clear keyframe, Shift-F6 Вставить обычный кадр - Insert->Frame, F5 Удалить кадр - Insert->Remove Frames, Shift-F5

Символы

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

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

Существует три вида символов: анимация (movie clip), кнопка (button) и изображение (graphic):

    - Изображение (graphic), представляет собой символ, состоящий из единственного кадра. Отсюда следует его статичное название. Если символ действительно представляет собой статичный (не анимирующийся) объект, лучше сделать его изображением (graphic). - Кнопка (button). Во Flash есть специально приспособленный под функции кнопки вид символа. В нем имеется 4 кадра: Up, Over, Down, Hit, которые содержат следующие состояния кнопок:
      - Up - обычное состояние кнопки. Over - когда курсор мышки находится над кнопкой. Down - когда курсор находится над кнопкой и нажата клавиша мыши. Hit - обычное состояние, для кнопки, содержащей ссылку, которую пользователь уже посещал.
    - Анимация (movie clip). Это самый "полноценный" тип символа. В нем может быть любое количество кадров. Символ этого типа может восприниматься как объект типа Movie в ActionScript (это встроенный язык Flash).Символы могут быть вложенными вне зависимости от типа. Это является самым главным их достоинством. Например, можно сделать кнопку, которая начнет двигаться, когда над ней будет "пролетать" курсор мыши, просто поместив в кадр Over символ - анимацию. Или (парадокс!) на изображение поместить бегущую кошку.

Символы можно создавать как "с нуля" (Insert->New Symbol, Ctrl+F8), так и используя текущее выделение, поместив его сразу в символ (Insert->Convert to Symbol, F8). Второй прием используется гораздо чаще, чем первое, т. к. в этом случае отпадает надобность его позиционировать и изменять под нужный размер.

Для управления символами используется так называемая библиотека (Library). Окно библиотеки находится по адресу Window->Library (или Ctrl-L).

Похожие статьи




Теоретические основы создания сайта с использованием Macromedia Flash. Введение Macromedia Flash, Что такое Flash? - Составление анимации в web-сайте с применением Macromedia Flash-технологии

Предыдущая | Следующая