Flash анимация



         

Flash анимация

Технология Flash основана на использовании векторной графики в формате Shockwave Flash (SWF). Хотя это далеко не первый векторный формат, создателям SWF удалось найти наиболее удачное сочетание между изобразительными возможностями графики, инструментальными средствами для работы с ней, и механизмом включения результата в Web-страницы. Дополнительным преимуществом SWF является его переносимость, то есть этот формат может использоваться на любой аппаратно-программной платформе (в частности, на компьютерах Macintosh, работающих под управлением операционной системы MacOS, и на компьютерах IBM с ОС Windows). И еще одна особенность SWF: созданные на его основе изображения не только могут быть анимированы, но также дополнены интерактивными элементами и звуковым сопровождением.
Переносимость и возможность создания интерактивных мультимедийных приложений обусловили быстрый рост популярности формата SWF среди Web-дизайнеров. Поэтому почти одновременно с появлением самого формата фирмой Macromedia были созданы встраиваемые компоненты (Plug-In) для двух основных броузеров Сети: Internet Explorer и Netscape Communicator. А это, в свою очередь, способствовало еще более широкому распространению SWF на просторах Всемирной Паутины. В результате разработчики этих броузеров объявили о намерении включить поддержку SWF непосредственно в ядро своих продуктов. Поддержали подобный подход и другие ведущие производители программного обеспечения (в частности, фирма Adobe).
И все-таки повторим еще раз: вряд ли формат SWF завоевал бы так много поклонников, если бы Macromedia не сопроводила его достаточно простыми и удобными инструментами. Необходимо отметить, что в настоящее время существует целый набор таких инструментов.
Одни из них ориентированы на создание мультимедийных презентаций (Macromedia Director Shockwave Studio), другие предназначены для подготовки графических изображений (Macromedia FreeHand и Macromedia Fireworks), третьи обеспечивают создание интерактивных обучающих курсов (Macromedia Authorware и Macromedia CourseBuilder). Однако среди разработчиков Web-публикаций наибольшей популярностью пользуется Macromedia Flash, поскольку именно этот продукт позволяет создавать законченные Web-страницы, которые способны обеспечить популярность любому сайту.

Новые возможности Flash
Простая и понятная нумерация версий Flash вдруг прервалась: очередная версия пакета получила условное наименование MX. Что обозначают сии буквы, можно только догадываться, поскольку даже в пресс-релизе компании Macromedia по этому поводу не сказано ни слова. По всей видимости, аббревиатура должна ассоциироваться у пользователей со словосочетанием Multiextended (дословно — много расширенный). А возможно, и с одним словом — Mixed (смешанный), поскольку разработчики Flash обращают внимание пользователей на то, что интерфейс (рабочая среда) пакета может быть настроен индивидуально для любой категории пользователей: дизайнеров, программистов, проектировщиков и т. д.

Трансформация объектов
Инструмент Free Transform Tool
Позиционирование объектов
Режим позиционирования объекта до пиксела
Настройка цветовой палитры
Формат панели для работы с палитрой
Новые возможности в работе с текстом
Использование полос прокрутки
Текстовое поле с горизонтальной прокруткой
Динамическая замена шрифта

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

Схема создания Flash фильмов
Основные понятия
Последовательность при создании Flash фильма
Графика
Анимация
Интерактивность
Одна из страниц сайта
Пример интерактивного Flash фильма
Звук
Варианты использования фильмов flash

Основы работы с Flash MX
Если вы, уважаемый читатель, уже знакомы с одним из программных средств от фирмы Macromedia (например, с редактором Dreamweaver), то освоение пользовательского интерфейса Flash не потребует от вас значительных усилий. Если же вы решили начать освоение инструментов от Macromedia именно с Flash MX, то некоторые решения могут вам показаться несколько необычными. Например, в большинстве Windows-приложений (в частности, в офисных пакетах) все команды, управляющие составом отображаемых панелей инструментов, входят в меню View (Вид). Разработчики Flash поместили такие команды в меню Window (Окно).

Настройка пользовательского интерфейса
Изменение состава панелей инструментов
Окно для выбора требуемой конфигурации
Сохранение пользовательской конфигурации
Вызов пользовательской конфигурации
Назначение горячих клавиш
Окно назначения горячих клавиш
Назначение нового сочетания горячих клавиш
Настройка параметров работы Flash MX
Вкладка General окна Preferences

Работа с отдельными объектами
Во Flash термин объект используется для обозначения любого элемента фильма, находящегося на столе. Используя инструменты Flash, вы можете перемещать, копировать, удалять, трансформировать объекты, размещать их один за или перед другим в глубину экрана, выравнивать их относительно друг друга и группировать. Вы можете также связать объект с некоторым URL (то есть использовать его в качестве гиперссылки). Однако при выполнении манипуляций над объектами следует иметь в виду, что изменения одного объекта могут повлечь изменения другого. Это относится в первую очередь к графике.

Поворот объекта
Отражение объекта
Результат применения к исходному
Отражение объекта - Free Transform
Наклон объекта по горизонтали
Наклон объекта по вертикали
Наклон объекта с помощью панели Transform
Выбор одного объекта или его части
Выбор объекта с помощью инструмента Arrow
Выбор контура объекта - Arrow

Рисование
Изложенное в предыдущей главе свидетельствует о том, что при работе с графическими объектами можно использовать Flash как обычный графический редактор типа MS Paint или Paint Shop Pro. Тем не менее, при описании возможностей Flash MX по созданию и модификации изображений мы будем исходить из того, что они (изображения) рано или поздно должны стать элементами Flash-фильма.

Инструменты рисования
Инструменты рисования
Диалоговое окно для установки
Инспектор свойств инструмента Rectangle
Диалоговое окно для установки
Расширенный формат инспектора свойств
Ломаная нарисованная инструментом Pen Tool
Рисование кривых с помощью пера
Добавление сегмента
Росчерк пера

Работа с цветом
Для закрашивания линий и контуров могут использоваться только базовые цвета; вместе с тем, при выборе цвета контура или отдельной линии вы можете дополнительно выбрать стиль и толщину линии. Для заливки может быть использован базовый (однотонный) цвет, градиент, или растровое изображение. Чтобы применить для закрашивания растровое изображение, вы должны импортировать его в файл фильма. Flash MX поддерживает возможность применения прозрачного (невидимого) цвета для закрашивания линий и заливок. Это позволяет создавать, например, только контур объекта без заливки, или, наоборот, закрашенный объект без контура. Кроме того, Flash MX поддерживает достаточно широкие возможности по управлению цветовой схемой текстовых символов.

Инструменты для работы с цветом
Панель Color Swatches
Панель Color Swatches
Использование импортированных изображений
Импорт растровых изображений
Результат импорта растрового изображения
Представление в библиотеке GIFфайла
Диалоговое окно Bitmap Properties
Представление результатов сжатия изображения
Редактирование растровых изображений

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

Автоматическая замена шрифта
Создание и редактирование текста
Маркеры текстового блока
Состав команд меню Text
Статический текст
Инспектор свойств статического текста
Меню для изменения ориентации текста
Варианты расположения вертикальной
Диалоговое окно Format Option
Динамический текст

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

Автоматическая анимация, трансформации
Пример трансформации объекта
Создание tweenedанимации трансформации
Пример промежуточного кадра при
Вид временной диаграммы при анимировании
Параметры анимации трансформирования
Пример трансформации без расстановки
Контекстное меню узловой точки

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

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

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

Преобразование в символ существующего объекта
Диалоговое окно установки параметров символа
Диалоговое окно установки параметров шрифта
Создание нового символа
Вид окна Flash в режиме редактирования символа
Создание кнопок
Формат панели временной диаграммы
Вид окна редактора после создания кадра Up
Вид окна редактора после создания кадра Hit
Создание экземпляра кнопки

Создание интерактивных фильмов
Интерактивность Flash-фильма обеспечивается за счет включения в него так называемых сценариев, которые представляют собой набор инструкций на языке ActionScript. Каждая инструкция инициируется при наступления определенного связанного с'ней события. События могут быть самые разнообразные: достижение считывающей головкой определенного кадра, нажатие пользователем клавиши на клавиатуре, щелчок кнопкой мыши и т.д.

Создание сценария для кнопки
Пример применения кнопок в фильме
Окно фильма после добавления кнопок
Панель Actions после назначения действия stop
Переход по заданному URL
После назначения действия getURL
Загрузка дополнительных фильмов
После назначения действия loadMovie
Фильм нулевого уровня
Вид окна Flash плеера после загрузки фильма

Публикация фильма
Основным форматом Flash-фильма, который обеспечивает его просмотр с помощью Flash-плеера (либо автономно, либо через окно Web-броузера), является формат SWF. Это единственный формат, который поддерживает все интерактивные возможности фильма. Тем не менее, во многих случаях при размещении Flash-фильма на сервере SWF-файл должен быть дополнен и другими файлами. Прежде всего это файл HTML-документа, посредством которого производится загрузка SWF-файла в броузер: сначала в броузер загружается HTML-файл, содержащий вызов Flash-плеера, а тот, в свою очередь, уже открывает SWF-файл. Кроме того, необходимо предусмотреть ситуацию, когда у посетителей вашего файла отсутствует Flash-плеер.

Оптимизация и тестирование фильма
Формат окна плеера после выполнения
Окно профилировщика времени загрузки фильма
Окно профилировщика при установке
Установка параметров публикации
Окно установки параметров публикации
Вкладка Flash
Вкладка HTML
Состав меню Publish Prewiev при
Дополнительные вкладки для публикации

Анри Картье-Брессон

Фотография сама по себе меня не интересует. Я просто хочу захватить кусочек реальности. Я не хочу ничего доказывать, ничего подчеркивать. Вещи и люди говорят сами за себя. Я не занимаюсь "кухней". Работа в лаборатории или в студии у меня вызывает тошноту. Ненавижу манипулировать - ни во время съемки, ни после, в темной комнате. Хороший глаз всегда заметит такие манипуляции... Единственный момент творчества - это одна двадцать пятая доля секунды, когда щелкает затвор, в камере мелькает свет и движение останавливается

Продолжение

Самоучитель по Computer music

В результате колебания какого-нибудь упругого тела, например струны, металлического листа, деревянной пластины и т. п., возникает волнообразное распространение продольных колебаний воздушной среды, которые называются звуковыми волнами. Звуковые волны распространяются во всех направлениях и с одинаковой скоростью. Эти звуковые волны (колебания) улавливаются нашим слуховым аппаратом и передаются по нервной системе в головной мозг, возбуждая ощущения звука.
Человек воспринимает достаточно большой звуковой спектр. Этот спектр можно разделить на два вида: звуки шумовой природы и музыкальные звуки, хотя это разделение несколько условно, т. к. в современной музыке равноправно используются и те и другие.
Характер звука определяется четырьмя основными свойствами: высота, громкость, тембр, длительность.
Высота звука зависит от частоты колеблющегося тела (источника звука): чем чаще колебания, тем выше звук, и наоборот. Громкость зависит от размаха колебательных движений источника звука: чем больше размах колебаний (амплитуда), тем громче звук, и наоборот.
Длительность звука зависит от продолжительности колебаний источника.

Основы гармонии и теории музыки
Строение музыкальной вертикали
Программа аранжировки для любителей и профессионалов
Основные положения
Импорт и экспорт MIDI-файлов
Cubase VST
Модуль Stereolmager+ Bit
Приложение
Музыкальный материал для освоения работы в редакторе Band-in-a-Box
Аранжировка разными оркестровыми средствами

Освобождение голоса

Вот упрощенная схема, демонстрирующая механизм работы голоса:
1. Соответствующий импульс попадает в двигательные части головного мозга.
2. Импульс побуждает тело совершить вдох и выдох.
3. В процессе дыхания голосовые складки соприкасаются, coздавая колебания.
4. Колебания вызывают вибрации в дыхательном потоке.
5. Вибрации усиливаются резонаторами.
6. Звук в результате артикуляции губ и языка формируется в слова.

Как работает голос
Комплекс упражнений


Cамоучитель по Perl
ADOBE ILLUSTRATOR 7.0
Иллюстрированный самоучитель по AdobePhotoshopCS8
Первое знакомство с CorelXARA 2
Вопросы и ответы по программам Adobe
Самоучитель по Adobe Questions And Answers
Lotus
Программное обеспечение Lotus
Технология Microsoft ADO .NET
Методология структурного проектирования SADT
Самоучитель по Adobe Golive
Пакет Adobe Acrobat
Язык AHDL
Уроки по Delphi
Межсетевой экран Aker
Акунин Борис - Pstd
Александрова Наталья - Наследники Остапа Бендера
Интерфейсы для MySQL
Oracle для профессионалов
Литьё пластмасс под давлением