Применение эффектов для Flash видео

Краткое содержание главы:

• различные Способы маскирования виДео Материала;

Управление Параметрами Клипов — такими, как Вращение, альфа — фактор, А также применение необычных эффектов к виДео матери­алу;

Использование этих возможностей Для повышения четкости изоб­ражения.

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

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

Нестандартные приемы маскирования

Теперь, с Macromedia Flash MX, мы более не обязаны отображать видео в отдельном окне традиционной прямоугольной формы. Видео может быть встроено в интерфейс, уютно устроившись среди других элемен­тов оформления веб-страницы. Существует два способа такой интегра­ции видео: при помощи продуманного применения Слоев И при помощи Масок.

Прежде, чем мы рассмотрим примеры, хочу немного порассуждать о том, что необходимо принимать во внимание при использовании любо­го из этих методов. Прежде всего, не закрывайте слишком большую часть изображения вашего видеоролика! Ну вот, скажете вы, сначала было столько разговоров о том, что маски — это хорошо, а теперь… Но поду­майте сами: какой смысл маскировать изображение там, где его можно просто обрезать — еще до импортирования? Заранее обрезав «ненуж­ную» часть кадра, мы уменьшим размер конечного файла!

ЗДесь важно упомянуть, что использование во Flash масок (особенно анимированных масок) отнимает не так уж мало вычислительных ре­сурсов компьютера, — сами понимаете, при показе видео разбрасываться нежелательно. Лучше всего было бы протестировать эффект маски на нескольких машинах, дабы убедиться в том, что при воспроизведении не возникает заметных задержек.

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

…а затем имитируем «широкий экран», поместив два черных прямоу­гольника в слое, расположенном на монтажном столе выше слоя видео:

…то мы поплатимся за это — размером файла И неоправданной загруз­кой вычислительных мощностей пользователя, ведь те области видео изображения, которые мы закрыли, тем не менее, содержатся в файле и обрабатываются процессором. Если вам нужен эффект широкого экра­на или нечто подобное, гораздо лучше будет обрезать изображение еще до импортирования, в видео редакторе (например, опция маскирования в QuickTime — хорошо и быстро). Другой вариант — экспортирование в фильм — с широкоэкранным соотношением сторон (16:9). Ауже пос­ле обрезки или изменения соотношения можно сделать имитацию во Flash, просто добавив два черных прямоугольника.

Ну, а теперь давайте рассмотрим несколько примеров нестандартно­го, творческого использования масок для видео. Все исходные FLA-фай­лы для этой главы имеются на сайте Www. friendsofed. com.

Текст в качестве маски

Используя текст как маску, можно, например, быстро «оживить» скуч­ный логотип, но эта техника требует продуманного подхода. Текст зани­мает на экране очень мало реального пространства, поэтому вполне воз­можно, что большая часть маскированного видео изображения будет «растрачена» впустую. Это изображение будет содержаться в файле и обрабатываться, но пользователь его не увидит. Чтобы применение этой техники стало оправданным, необходимо найти сбалансированное ре­шение, такое, чтобы видео достаточно хорошо просматривалось сквозь маскирующий текст.

Давайте рассмотрим пример (если хотите детально рассмотреть этот эффект, исходный файл называется masking_with_text. fla).

Неплохой баланс, на экране много видео, сквозь текст достаточно хорошо просматриваются детали:

Маска состоит из центрального прямоугольника и текста над и под ним; текст я преобразовал в графические примитивы:

Как видите, создать такой эффект несложно, а выглядит очень здо­рово, объединяя видео и логотип. Ценнее всего то, что видео-элемент действительно очень оживит веб-страницу — статичная JPEG-картинка вряд ли создала бы столь же приятное впечатление.

Текстуры

Не существует каких-либо правил и ограничений, которым нужно сле­довать при создании масок. Мой совет — выбрав инструмент Кисть (Brush), намалюйте что-нибудь через всю сцену, а затем протестируйте фильм. Порой результаты небольшой импровизации бывают совершен­но неожиданными.

В следующем примере (masking_texture. fla)для создания маски была нарисована одна-единственная линия, которая затем была преобразо­вана в графический символ и многократно продублирована — в итоге линии покрыли весь видеоклип:

Illlll….

IiiiiiiluiiiiiiiiiiiiiI

Нечего и говорить, что во Flash вы не создадите маску, используя штриховые изображения (вроде линий, начерченных с помощью инст­рументов Карандаш (Pencil) и Линия (Line), или штриховых очертаний кругов и прямоугольников). Однако это ограничение можно обойти, преобразовав штриховые фигуры в «заполненные» — при помощи ко­манды Изменить > Форма > Преобразовать линии в заполнения (Modify > Shape > Convert Lines to Fills). Если нужно создать маску из линий, нарисованных от руки (свободным перемещением указателя), можете воспользоваться этим советом, хотя проще рисовать с помощью инст­румента Кисть (Brush), поскольку он рисует заполнения, а не штрихи.

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

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

• для чего вы используете видео?

• является ли видео значимой составляющей вашего сайта или вы ис­пользуете его только ради интересного эффекта?

• какое впечатление должно создавать видео у пользователя?

Следующий эффект маски (masking_texture_edges. fla) слегка напо­минает вид необрезанной фотографии. Устраняя отвратительно ровные края, он придает клипу этакую «шероховатость», что превосходно под­ходит для моего ВМХ-материала:

Эту маску можно анимировать, создав несколько кадров с различны­ми каракулями по краям; тогда маска будет «работать» вместе с матери­алом, усиливая характерность эффекта. Очевидное отличие от преды­дущего примера в том, что здесь маска — лишь способ подачи материала, он тонко подчеркивает содержание, а не скрывает его, не заглушает эффектом самим по себе.

Эта маска сделана просто: я изобразил прямоугольник, полностью закрывающий видеоклип, а затем как попало «повозил» по его краям ластиком — инструментом Стирание (Eraser):

Множественные маски

ЕСЛИ у вас достанет терпения, вы можете комбинировать различные маски и видеоклипы — вариантов здесь бесконечное множество. Прав­да, такие комбинации применяются гораздо реже, чем маски из преды­дущих примеров; тем не менее, их стоит рассмотреть.

В первом примере (multiple_mask_skew. fla) использованы два оди­наковых видеоклипа, скошенные в разные стороны. Две маски прида­ют изображению подобие раскрытой книги:

Здесь нужно потрудиться побольше, чем в предыдущих примерах, однако ничего сложного нет. Оба видеоклипа сначала отцентрированы, а затем скошены на 30 и -30 градусов соответственно. Маски сформиро­ваны из прямоугольников, которые уменьшены наполовину по ширине, и затем скошены. Вот эти два клипа и соответствующие им маски:

a>i3□ 
¾k2 ' г .-.лад
■ .ep ⅛j⅞o2'. . * • s ¾¾¾^ 1 p
∣⅛!s0∣⅛⅛.i .-.-.-k-

Помните: вы можете проверить, как выгляДит эффект маски, еще До тестирования фильма — просто заблокировав маску и маскируемые слои.

Если вы заинтересовались масками и созданием различных эффек­тов на их основе, вы можете почерпнуть некоторые идеи у Lifaros’a — Www. friendsofed. com/fmc/lifaros.

Итак, мы бегло познакомились с эффектами маскирования, а теперь давайте обратимся к свойствам видеоклипа-символа, при помощи кото­рых можно манипулировать видео во Flash.

Параметры видеоклипа

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

Сейчас мы рассмотрим по отдельности каждый из параметров и для каждого выполним мини-упражнение. Наверняка с большинством этих параметр ов вы разо брались бы и без пояснений, но, поскольку в данном случае речь идет о видео, возможно, вы все же узнаете что-то новое.

В качестве отправной точки для всех последующих упражнений ис­пользуется файл properties_base. fla; если вы хотите следовать нашим примерам в точности, можете, как обычно, взять его на сайте Www. friendsofed. com.

Рассматриваемые здесь параметры не требуют привлечения скриптов (расслабимся после предыдущей главы). Но, если вы заинтересовались использованием ActionScript для управления видео и фильмами Flash во­обще, об этом будет подробно рассказано в главе 11.

Давайте начнем с физических параметров (что, кстати, как раз под­ходит ко всем этим трюкам с велосипедами).

Различные вращения

Наверное, каждому когда-нибудь приходилось смотреть телевизор вверх ногами. Правда, как следует насладиться новизной не удается — кровь приливает к голове. Так вот, если вам захотелось вспомнить молодость и посмотреть видео вверх тормашками, вы можете сделать это во Flash (и голова при этом не заболит).

1. Импортируйте видео во Flash или скачайте и откройте файл properties_base. fla.

2. Создайте новый фильм-символ с названием «video» и перетащите копию вашего вставленного видеоклипа из Библиотеки на монтаж­ный стол. Задайте фильму центральную регистрационную точку и отцентрируйте видеоклип в точке (0, 0),

3. Вернувшись на основной монтажный стол, перетащите в рабочую область четыре копии вашего фильма-символа. Расположите их ря­дом, вот так:

Сейчас мы перевернем два из них на 180 градусов, чтобы получить некий таинственный эффект.

4. Выберите левый верхний клип и откройте панель Трансформация (Transform) (команда Окно > Трансформация (Window > Transform). В поле Вращать (Rotate) введите значение «180» и нажмите Enter.

5. Повторите то же самое с правым нижним клипом — поворот на 180 градусов:

• Качество (Quality): здесь нет особой детализации.

• Интервал ключевого кадра (Keyframe interval): подвижность уме­ренная.

• Масштаб (Scale): оригинал слишком велик для модема 56k.

• Соотношение кадров: мне совсем не обязательно оставлять все кадры.

• Импорт аудио (Import audio): в моем клипе нет звука.

В конечном итоге у меня получился фильм размером 85 килобайт — из 22,2 мегабайтного несжатого DV-PAL фильма QuickTime. Такой результат достигнут, главным образом, благодаря пропуску каждого второго кадра, компрессии, а также уменьшению размера изображе­ния.

Напоминаю, что вы можете переимпортировать клип или просто по­смотреть его параметры, дважды щелкнув на клипе в Библиотеке (Library):

6. Запустите тест фильма и, откинувшись на спинку, понаблюдайте. Мы всего лишь перевернули два из четырех клипов, а впечатление такое, будто все гораздо сложнее.

Чтобы повернуть клип, не обязательно вводить числовые значения, можно вращать вручную, при помощи инструмента Свободная транс­формация (Free Transform). Также можно щелкнуть на клипе правой кнопкой и выбрать из контекстного меню команду Вращение и скос (Rotate and Skew). В обеих функциях, если вы будете при вращении удерживать нажатой клавишу SHIFT, угол поворота будет увеличи­ваться строго на 45 градусов.

Вот еще маленький пример того, как при помощи вращения можно уютно устроить видео материал на веб-странице, здесь я использовал пару видеоклипов, повернутых на 30 и -150градусов (смотри rotation2.fla).

скос
как и вращение, скос бывает полезен нечасто. пример такой ситуации — интерфейс типа «галереи», в которой видеоклипы «развешаны на сте

не». Для создания впечатления перспективы нужно будет не просто по­вернуть, а перекосить изображение. При скашивании могут возникать довольно причудливые искажения; стоит «поиграть» с этой опцией, по­смотреть, что можно из нее выжать.

Кубик

Страница всемирно известного (кхм) сайта ВМХ Cube (для скачивания — файл cubic. fla) выглядит так, как показано вверху следующей страницы.

Как видите, боковые грани куба — это скошенные видеоклипы. Да­вайте посмотрим, как это делается.

1. Откройте файл propert. ies_base. fla или импортируйте собственные видеоклипы в новый фильм.

2. Как всегда, создайте новый фильм-символ и перетащите в него из Библиотеки копию вставленного видео. Отцентрируйте видео в точ­ке фильма-символа (0,0).

3. На основной монтажный стол перетащите две копии фильма-симво­ла. Чтобы дать больше места для ВМХ-блогов на верхней грани куба, увеличьте оба клипа по ширине до 130% — при помощи панели Транс­формация (Transform), при этом нужно будет снять флажок Сохра­нять пропорции (Constrain).

4. Выделите левый клип и в той же панели Трансформация установите скос по вертикали на 45 градусов. Для этого сначала нужно включить опцию Наклон (Skew).

5. Выделив правый клип, установите для него наклон по вертикали на -45 градусов. У вас должно получиться два клипа, скошенных к центру:

6. С помощью панели Выровнять (Align) подравняйте клипы по ниж­ней кромке. Затем сдвиньте их так, чтобы они соприкасались верти­кальными кромками. Двигая один клип к другому, удерживайте на­жатой клавишу Shift, чтобы он не смещался по горизонтали. Придвинув их достаточно близко, воспользуйтесь увеличением, а за­тем — стрелками на клавиатуре для перемещения по пикселям.

7. Сдвинув клипы вместе, выберите оба и сгруппируйте их командой Изменить > Группировать (Modify > Group).

8. Отцентрируйте сгруппированные клипы по горизонтали с помощью панели Выровнять (Align). Теперь боковины нашего куба готовы, нуж­но изобразить верх.

9. Создайте новый слой под названием «cube» и выберите инструмент Прямоугольник (Rectangle). Подберите подходящий цвет, в инспек­торе Параметры (Property) установите толщину штриха 2.

10. Выше сгруппированных клипов нарисуйте прямоугольник. Пока что не заботьтесь о его размере и положении.

11. Выделите, прямоугольник и щелкните на инструменте Свободная трансформация (Free Transform). Удерживая нажатой клавишу Shift, поверните прямоугольник на 45 градусов.

12. Не снимая выделения с прямоугольника, клавишами-стрелками вы­ровняйте его по верхним кромкам видеоклипов. Наконец, с помощью инструмента свободной трансформации растяните прямоугольник, чтобы получился ровный квадрат, формирующий верхнюю грань куба:

Все, что осталось сделать — добавить, если угодно, несколько тексто­вых элементов и протестировать фильм.

При желании можете заменить «крышку» еще одним видеоклипом

(повернутым и растянутым) — я это пробовал, но решил оставить цвет­ной ромб… иногда хорошего все же бывает слишком много! Зеркальное отражение

ЕСЛИ вы столкнулись с изображением, которое плохо вписывается в об­щую композицию, делу может помочь обычный переворот, или, вернее, зеркальное отражение картинки по горизонтали (даже если при этом возникнут некоторые несообразности). То же самое и с видео — если плохо вписывается, попробуйте перевернуть. Сложности могут возник­нуть лишь в тех случаях, когда видео изображение содержит какие-то важные знаки или ориентиры, либо, наоборот, изъяны, которые делают зеркальное отражение невозможным.

С обратной стороны

1. Откройте файл properties_base. fla или импортируйте собственный ви­деоклип в новый фильм. Как и в предыдущих упражнениях, создайте новый фильм-символ и перетащите в него из Библиотеки копию видео.

2. На основной монтажный стол перетащите четыре копии фильма-сим­вола. Расположите их четким прямоугольником, так, чтобы они со­прикасались краями, и между ними не выло заметных промежутков:

3. Поочередно выбирая клипы, примените к ним — с помощью коман­ды Изменить > Трансформация > Отразить по горизонтали (Modify > Transform > Flip Horizontal) или Отразить по вертикали (Flip Vertical) — соответствующее зеркальное отражение, как показано здесь:

без отражений отражение,по горизонтали,отражение отражение по вертикали
по вертикали и горизонтали

4. Покончив с этим делом, протестируйте фильм — и совершите путе­шествие в прошлое, во времена расцвета подобных видеоэффектов, примерно 1972 год.

Комбинации поворотов и отражений могут порой приводить к совер­шенно потрясающим результатам.

Яркость

Если материал, с которым вы работаете, оказался темным или тусклым, мы рады предложить вам возможность сделать его ярче во Flash. Опция Brightness (яркость) позволяет осветлить или затемнить видео. По умол­чанию значение равно нулю, его можно увеличить или уменьшить на 100%.

Чтобы изменить параметр яркости фильма или символа, выделите символ в рабочей области, а затем из списка Цвет (Color) в инспекторе Параметры (Property) выберите Brightness:

Тонирование

Если предыдущие параметры вам показались прикольными, приготовьтесь выпасть в осадок от опции Tint (тонирование) Если как следует поработать с этим параметром, можно сделать из клипа такую цветомузыку!

Свойство Tint состоит из двух изменяемых параметров: цвет (значе­ния RGB) и альфа-фактор. Любой цветовой оттенок представляет собой смесь в определенной пропорции красного, зеленого и синего (red, green, blue — RGB). На иллюстрации представлен чистый красный цвет при значении альфа-фактора 36%:

: r—:—sac ss :-у;, ,

TyTiT JJ ¾" 36κ *J

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

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

Убийственный танцпол

Давайте проведем испытание, выполнив упражнение.

1. Откройте файл properties_base. fla или, создав новый фильм, импор­тируйте в него собственный видеоклип. Создайте новый фильм-сим­вол и перетащите в него видео из Библиотеки.

2. Вернувшись к основному монтажному столу, перетащите в рабочую область шесть копий вашего фильма-символа. Расположите их в виде сетки 3×2:

3. Выделив верхний левый клип, выберите Tint из списка Цвет (Color) в инспекторе Параметры (Property).

Мы не станем подбирать вычурные цветовые оттенки, достаточно цветов радуги: красный, оранжевый, желтый, зеленый, синий и фио­летовый (голубой цвет придется вычеркнуть из списка!).

4. Выбрав красный цвет, установите значение альфа-фактора 40%.

5. Двигаясь по часовой стрелке, поочередно выбирайте остальные кли­пы и применяйте к ним тонирование оранжевым, желтым, зеленым, синим и фиолетовым цветами. Альфа во всех случаях — 40%

Старайтесь при этом выбирать оттенки цветов так, чтобы клип стал ярче, а не бледнее. Мы ведь хотим изобразить радугу, чтобы порадо­вать народ!

6. Получив в конце концов достаточно привлекательный результат, со­храните фильм под именем tint 1.fIa и протестируйте его. Как видите, установленное нами значение альфа-фактора вполне достаточно — хотя цвет тонирования преобладает, оригинальные цвета также раз­личимы. Впрочем, если вам кажется, что тонирующих цветов черес­чур много (или мало), подрегулируйте альфа-фактор самостоятельно.

Если вы установите слишком большое значение, то получится нечто в стиле альбомов «The Smits» The Queen Is Dead» — хороший при­мер); впрочем, возможно, такой эффект вам и нужен.

Что ж, это, конечно, не совсем дискотечный танцпол, который я обе­щал, но нечто вроде шоу Лайонела Ричи году так в 1986, если смот­реть с потолка. Впрочем, при помощи скоса вы можете получить изо­метрическую проекцию того самого танцпола. Черт побери! Наш Pixel Boy сбежал с соревнований и заявился собственной персоной на ви­део-дискотеку (скачайте-ка файл tint2.fla и полюбуйтесь):

Альфа-фактор

Параметр Alpha — одно из наиболее часто используемых свойств во всех эффектах Flash, от простого перемещения по направляющей до анима­ций под управлением ActioScript. Причина проста — этот параметр по­зволяет создать эффект появления «из ничего» какого-либо объекта на вашем сайте или в фильме. На самом деле, трюк с проявляющимся и увеличивающимся текстом стал уже банальным, но мы можем приме­нить этот фокус к видео и тем самым дать ему новую жизнь.

Как и маскирование, альфа-эффект требует Дополнительных вычисли­тельных мощностей, поэтомупоДумайте как слеДует, стоит ли исполь­зовать его в своем фильме.

Проявление и растворение

Сейчас мы воспользуемся параметром Alpha для создания во Flash пе­рехода с взаимным растворением. Мы создадим последовательность из двух разных видеоклипов, а затем, манипулируя альфа-фактором каж­дого клипа, создадим переход между ними. Если захотите сравнить свои результаты с нашими, найдете их в файле fade_in_fade_out. fla.

1. Скачайте и откройте файл alpha_base. fla либо подберите два соб­ственных видеоклипа и импортируйте их в новый Flash-фильм.

2. Создайте новый фильм-символ под названием «clip 1». Перетащите в него копию одного из видеоклипов. Получив запрос об увеличении числа кадров, запомните длину клипа, затем нажмите ОК. Отцентри­руйте видеоклип в символе:

3. Вставьте новый слой с именем «actions» на монтажный стол клипа — символа. Найдите конец видеоклипа и вставьте над ним, в слое actions, ключевой кадр (F6). Добавьте в этот последний кадр (в нашем приме­ре — кадр 206) действие stop:

4. Дважды щелкните на символе clip 1 в Библиотеке и измените его имя — добавьте к нему число кадров (продолжительность видео):

5. Повторите три последних шага для второго видеоклипа из Библиоте­ки, сначала поместив его в символ под названием «clip2», затем доба­вив действие stop в последний кадр на монтажном столе, и переиме­новав символ.

Теперь у вас в Библиотеке должно быть два фильма-символа, к име­нам которых добавлено число кадров в клипе:

6. Вернитесь на основной монтажный стол и вставьте два новых слоя. Переименуйте слои, сверху вниз: «actions», «сКр2», «clipl»:

7. Теперь нужно расположить наши клипы в рабочей области. Перета­щите копию символа clip2 в слой clip2, копию символа clip 1 в слой clipl. Расположите оба по центру сцены.

8. Мы должны увеличить длину монтажного стола, чтобы она соответ­ствовала продолжительности клипов. Так, если вы используете наш исходный файл, в слое dip t должно быть 206 кадров, а в слое clip2 — 89 кадров. Если вы используете свои видеоклипы, эти значения бу­дут другими.

9. Вставьте ключевые кадры (F6) в последний кадр каждого клипа.

Поскольку мой clip2 гораздо короче другого клипа (89 кадров против 206), я решил поместить его первым в последовательности. Более ко­роткому клипу мы позволим запускаться сразу, а другой клип нужно будет сместить дальше по монтажному столу.

Приняв во внимание длину моих клипов и немного поэксперименти­ровав, я решил использовать 30-кадровое наложение, что соответству­ет (при частоте 25 fps) примерно одной секунде.

10. Выделите клип, который вы хотите поместить вторым в последова­тельности (в моем файле — clip 1), и перетащите его по монтажному столу так, чтобы его начало находилось за 30 кадров до конца другого клипа (в моем файле — в кадре 59).

Теперь нужно создать эффекты фединга — «проявления» и «исчез­новения». Давайте начнем с исчезновения.

1 !.Вставьте ключевой кадр (F6) в кадр 59 слоя clip2 (или того слоя, кото­рый содержит первый клип в вашей последовательности).

12. В том же слое выберите ключевой кадр 89, а затем выделите видео­клип в рабочей области. В инспекторе Параметры (Property) выбери­те Alpha из списка Цвет (Color). Установите значение 0%.

13. Выберите любой кадр между двумя ключевыми и в инспекторе Па­раметры укажите направляющую движения — Motion из списка Пара (Tween). Ваш монтажный стол должен выглядеть примерно так:

Если теперь вы протащите указатель воспроизведения по кадрам, со­держащим направляющую, вы увидите, как первый клип постепен­но растворяется и из-под него становится виден клип из нижнего слоя.

14. Чтобы получить правильный переход, нужно добавить фединг в clip 1. Скройте и заблокируйте слой clip2, чтобы нечаянно не изменить его. Вставьте ключевой кадр в кадр 89 слоя clip 1 (или в кадр, соответству­ющий окончанию направляющей фединга другого клипа).

15. Выделите видео в ключевом кадре 59 слоя clipl и установите альфа — фактор на 0%. Теперь выберите любой кадр между 59 и 88 и вставьте направляющую движения. Теперь наш clipl постепенно проявляет­ся между кадрами 59 и 89:

16. Итак, визуальные элементы фильма закончены. Последнее, что оста­лось сделать — предотвратить зацикливание последовательности. Добавьте ключевой кадр в слой actions, в последний кадр последова­тельности (в исходном файле — кадр 264). Добавьте в этот кадр дей­ствие stop.

17. Теперь протестируйте фильм, и вы увидите аккуратный переход.

И все это благодаря параметру Alpha. Безусловно, эффект альфа-фе­динга не является чем-то сверх-оригинальным, он используется очень часто, благодаря простоте создания и отличным результатам. Необя­зательно всегда комбинировать его с направляющей, как мы делали только что; его можно использовать, например, для создания неярко­го видео фона или для наложения двух различных видео объектов.

Расширенные эффекты

Последняя опция в списке Цвет (Color) — это Advanced Effect (расши­ренные эффекты). Это, по существу, комбинация опций Tint и Alpha, представленная отдельным диалоговым окном, дающим возможность точно настроить значения параметров.

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

Повышение резкости видео изображения

1. Откройте файл properties_base. fla. Как обычно, поместите видео в фильм-символ, позволив добавить кадры, и отцентрируйте в точке (0,0). На основном монтажном столе переименуйте имеющийся слой в «test» и добавьте новый слой под названием «control».

2. Перетащите две копии фильма-символа video из Библиотеки, помес­тив по одной в каждый слой. Поместите клип, находящийся в слое control справа от центра рабочей области, а клип в слое test — слева. Тот видеоклип, что справа, мы будем использовать как контрольный, для сравнения с левым, к которому будем применять эффект. Забло­кируйте слой control, чтобы случайно не изменить его содержимое.

Первое, что мы сделаем — слегка повысим резкость изображения ви­деоклипа, немного добавив яркости и изменив контрастность.

3. Выделив левый клип, выберите Advanced из списка Цвет (Color) в инспекторе Параметры (Property). Нажмите кнопку Настройки (Settings) и измените значения в диалоговом окне Расширенные эф­фекты (Advanced Effect) в соответствии с иллюстрацией:

Расширенные эффекты

Красный»] 100⅛ ∙J XR)<-37 »’

Зеленый= 100⅜ ∙J XG)*F27 J

A∣∣t∙Φa= p"θr⅛ ^ ∙j х Aj + Jθ —

4. Нажмите ОК, чтобы применить настройки. Сохраните фильм под име­нем advanced_sharpen. Па, а затем протестируйте. Как видите, изобра­жение стало более четким и чистым, чем в контрольном клипе:

Единственный негативный эффект — то, что тестовый клип требует больше ресурсов из-за повышения яркости, и об этом следует помнить, применяя этот метод.

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

Инверсия цвета

Поскольку цветовые переменные в окне Расширенных эффектов могут принимать и отрицательные значения, мы можем полностью «выкачать» какой-либо цвет из изображения (снизив до 0%), а затем и инвертиро­вать, сделав меньше нуля.

1. Фильм, сохранившийся от предыдущего упражнения, сохраните под именем advanced_color_inversionl.∩a. Как и в прошлом упражнении, этот файл содержит единственный видеоклип и ничего больше.

2. На основном монтажном столе выделите тестовый клип и примените к нему следующие настройки в диалоговом окне Расширенные эф­фекты (Advanced effect):

«й ×i ⅛⅛⅝⅛ jsj
расширенные эффекты

Красный-1100* —J XR2S5 —J

= <∙255 —J

IJ⅛⅛⅛IjLOO* ‘■ —J Jβ)^255 —If

____ ^ ___________ ‘ ‘

Л’Альфа — 1θ0^ —I >I⅛*∙θ

: ;; Справка | Отмена I

■: J.⅛,; ~

3. Протестируйте фильм, и вы увидите, что черное стало белым, и на­оборот:

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

Что ж, давайте попробуем еще один эффект и на этом закончим. На этот раз мы «вырежем» все цвета, кроме черного и красного.

4. Закройте окно проверки фильма; вернитесь обратно на основной монтажный стол и сохраните фильм как advanced_color_inversion. fla. Выделите тестовый клип и измените настройки в диалоговом окне Расширенные эффекты (Advanced effect) следующим образом:

расширенные,я q)>∣255,расширенные эффекты,справка | отмена |

5. Протестируйте фильм, и увидите, что он стал одноцветным, красно­черным. Все потому, что мы полностью убрали зеленый и синий. Если в значении параметра зеленого цвета (-255) изменить знак обратно на плюс, вы увидите, что вместо черного цвета появился зеленый — не очень-то приятная картинка! Зато теперь вы увидели, как сильна тварь по имени Расширенные эффекты, и, наверное, поняли, что с ней стоит серьезно поэкспериментировать.

Конечно же, настройки Расширенных эффектов можно изменять плавно, при помощи направляющей, — как и прочие параметры филь­ма-символа. Можно, например, плавно затемнить фильм до черноты (отключив все, кроме альфы) или создать переход от реальности к психоделическим грезам.

Заключение

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

Главное преимущество манипулирования материалом внутри Flash — в том, что эффект можно немедленно протестировать (не требуется пред­варительной обработки, рендеринга) и не нужно нести дополнительные издержки, приобретая специальную программу для редактирования (по­добную Adobe After Effects). В то же время возможность управлять ма­териалом во Flash, например, цветовой гаммой видео, оставляет возмож­ность импортировать несколько различающихся видеоклипов для специфических случаев.

До сего момента, говоря о видео во Flash, мы уделяли львиную долю времени визуальным аспектам. Пришла пора обратить внимание на дру­гую, не менее важную составляющую — звук…

6 — Flash MX Video

глава

Звук

Краткое содержание главы:

Использование программ редактирования Звука Для со

Звуком вне Flash;

Импортирование Звуковых файлов во Flash;

Различные способы внедрения звука во Flash-фильмы;

Настройка Параметров Звука в итерфейсе Flash.

До сих пор мы игнорировали все, что связано со звуковым сопровожде­нием видео, чтобы сосредоточиться на том, как работает видео и не увяз­нуть в болоте звуковых проблем. Следующие две главы мы посвятим рассказу о ♦ ом, как работать со звуком в Macromedia Flash MX, как ком­бинировать звук и видео.

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

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

Для начала давайте поговорим о том, как подготовить звуковые фай­лы к импорту во Flash, пользуясь сторонним программным обеспечени­ем для Редактирования звукозаписей.

Звуковые редакторы

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

Рассмотрим две программы для редактирования звука: Sonic Foundry Sound Forge 5.0 для Windows, а для пользователей Mac — Sound Studio 2.0 от Felt Tip Software. Наше описание не является всеобъемлющим, поскольку каждая из этих программ достойна отдельной книги! Мы со­средоточимся на основных навыках, которые понадобятся вам, чтобы подготовить звуковые файлы для Flash.

Для следующего упражнения пользователям PC придется скачать до­вольно много (23,1 мегабайта пробной версии Sound Forge 5), пользовате­лям Mac — гораздо меньше (Sound Studio 2 — всего лишь 1,2 MB). Если вам уже приходилось пользоваться какими-либо звуковыми редактора­ми, и вы чувствуете себя в этом вопросе уверенно, можете сэкономить время и сразу перейти к разделу, озаглавленному «Звук во Flash». Если же хотите получить сведения и об этих приложениях, читайте дальше!

Если вас это интересует, звуковой файл, используемый в данном уп­ражнении — это запись старого доброго голоса «Макинтоша» из пане­ли управления Speech:

Голос был записан при помощи Snapz Pro (от Ambrosia Software), при включенной опции Record Mac Audio. Сохранен с CD-качеством (44 кГц).

Прежде всего — об очистке и фильтрации звука.

Фильтрация звука

Обе программы, о которых пойдет речь, содержат множество инстру­ментов для исправления недостатков звукозаписи, но сотворить чудо они не могут! Если вы попытаетесь записать интервью с человеком, стоящим посреди автострады, немного вы сможете сохранить из его драгоцен­ных слов — даже в цифровой записи. К сожалению, «Photoshop для зву­ка» пока не существует, но все же звуковые приложения прошли длин­ный путь, стараясь искоренить всевозможные посторонние хлопки, гу­дение и свист. Вот наиболее распространенные инструменты, которые помогут вам в этом деле.

• Нормализация применяется для повышения общего уровня звука в аудио файле. Принцип работы таков: выделенная порция аудиозапи­си сканируется для определения наивысшего уровня, затем в соот-

6′

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

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

• Компрессия применяется для снижения громкости отдельных зву­ков, превышающей заданный уровень, так что общий уровень гром­кости становится более «гладким», без резких скачков. Будет полез­но, например, в ситуации: вы ведете запись при помощи неподвижного микрофона, при этом говорящий то приближается к микрофону, то удаляется (или говорит то громче, то тише). Компрес­сия приведет к выравниванию общего уровня громкости.

А теперь приступим к работе с аудио редактором Sound Forge 5 для

Windows. Пользователи Mac могут перелистать несколько страниц — до следующего раздела, озаглавленного «Sound Studio 2 для Macintosh». Sound Forge для Windows

Sonic Foundry’s Sound Forge — пожалуй, наиболее популярная програм­ма для редактирования звука под Windows. Это практически всеобъем­лющее приложение, возможности которого удовлетворят любого люби­теля звукотехники. Помимо полной версии, существует более дешевая урезанная версия Studio — всего за $60. Ну, ну, не впадайте в панику — вы можете взять бесплатную пробную версию (без возможности сохра­нения файлов) с Www. soundforge. com/download, чтобы попользоваться ей в этом упражнении и решить, устраивает ли она вас!

Кроме этого, мы будем использовать исходный файл counting. mp3 — его можно скачать на сайте Www. friendsofed. com.

Работаем в «Кузнице звука»

1. Откройте свою версию Sound Forge и выполните команду File > Open.

Выберите исходный файл counting. mp3.

Вы увидите следующее:

Два слоя представляют два аудио канала (левый и правый), темные фигуры — звуковые волны: визуальное представление звука. Каж­дая отдельная группа представляет произносимое число, от 1 до 10, четкие промежутки между ними позволяют легко различить их визу­ально.

2. Нажмите кнопку Play Normal, расположенную в левом нижнем углу активного окна. Ваш файл будет воспроизведен один раз от начала до конца и остановлен:

При прослушивании вы заметите, что отсчет несколько странный — начинается с 3, доходит до 10, и заканчивается на 2! Числа были пере­путаны сознательно, чтобы мы смогли попрактиковаться и переста­вить звуки в правильном порядке. Итак, первое, что нам предстоит сделать — сдвинуть числа 1 и 2 в начало файла.

3. Щелкните слева от второй с конца волновой формы и тащите мышь вправо, выделяя два последних числа (две последние волновые фор­мы), захватив немного свободного пространства в конце:

4. Теперь вырежьте эти числа командой Edit > Cut. Они исчезнут с вре­менной диаграммы и будут помещены в буфер обмена (так же, как это происходит с текстом и изображениями).

5. Установите курсор временной диаграммы перед первым числом и вставьте вырезанный участок звука при помощи Edit > Paste.

6. Хорошо, теперь нажмите кнопку перемотки к началу — Go to Start, и снова воспроизведите последовательность.

На этот раз наши числа произносятся в правильном порядке, однако меду числами 2 и 3 слишком длинная пауза — это досадно. Давайте уберем ее и сделаем последовательность более равномерной. Пер­вым делом, нам нужно измерить продолжительность типичной пау­зы, чтобы знать, какое расстояние оставлять между 2 и 3.

7. Выделите паузу между числами 3 и 4 (это будет проще сделать при небольшом увеличении) и взгляните на информационные поля в пра­вом нижнем углу активного окна:

Два первых поля показывают время начала и конца нашего выделе­ния, а третье — его продолжительность, — отлично, то, что нам нуж­но!

Как видим, между словами у нас приблизительно по 0,4 секунды, это значение мы и используем. Однако прежде надо вырезать тепереш­нюю длинную паузу между числами 2 и 3.

8. Выделите тишину (пустое пространство) между 2 и 3:

Если бы это был реальный проект, вам пришлось бы действовать Го­раздо внимательнее и использовать большее увеличение, чтобы вы­полнить эту операцию как можно аккуратнее, но на этот раз сойдет и грубое приближение.

9. Установив выделение, вырежьте тишину с помощью Edit > Cut.

Теперь наши числа 2 и 3 оказались совсем рядом. Слишком близко! Теперь мы вставим между ними паузу — такую, как мы измерили. К счастью, курсор как раз находится в том месте, где мы только что ре­зали, так что мы можем вставить сюда отрезок тишины.

10. Идем в меню Process > Insert Silence…, и в появившемся окне, в поле Insert устанавливаем продолжительность тишины «0.4»:

11.Теперь нажмите кнопку ОК. Вернувшись в основное окно, мы уви­дим, что теперь наша последовательность в полном порядке — отлич­но! Воспроизведите файл еще раз, послушайте, как он звучит.

,«mow , ,том» , . -

Порядок, наша звукозапись готова. А теперь давайте немного повесе­лимся — используем один из сумасшедших фильтров Sound Forge, Time Stretch (растяжение времени). Наверняка вы его уже слышали — он применяется в Любой электронной музыке. Практически всегда.

12.Первым делом, удалите все паузы от начала до конца, выделяя их и применяя команду Edit > Delete (Clear). Теперь начнем веселиться…

13.Выделите все звуки (Edit > Select All) и воспользуйтесь командой

Меню Process > Time Stretch Вы увидите еще одно унылое серое

Окно, но вы еще не знаете его волшебных способностей!

14.Выберите А09.Speech из списка Mode (это список предустановленных режимов, которые можно изменять) и тащите движок Final Time впра­во. До предела! Ваши настройки должны выглядеть примерно так:

(unlitied)ij3∣a09 speech 3 ifasl)τ⅛ne lθαoαθ4.5α⅛rfecw45,03□>saveas... jlnput∣form⅛
-⅛ftial time hrιro ∙.∙-. percent of .ɔrarɪjl.
ime (hrm∩sc xxx]eoo 00:09.006 ireview5∞.00∣ %cpu ∙ 124-ы processing)sonic foundrv time shetch:j ' ∖ ■ iS

15. Нажмите кнопку Preview, чтобы тут же прослушать полученный эф­фект. Если он вам понравился, нажмите кнопку ОК, если нет — поэк­спериментируйте еще с этим и другими фильтрами и эффектами.

В Sound Forge имеется несколько отличных эффектов и клише, кото­рые так и напрашиваются, чтобы их применили. Но, конечно же, все зависит от того, как с ними обращаться.

Я настоятельно рекомендую вам «поиграть» со всем этим, посмотреть, что как работает. Кое-кто из вас может обнаружить у себя скрытый талант к музыке, ну, а остальные, по крайней мере, порадуются инте­ресным эффектам!

Помимо звуковых эффектов, в Sound Forge имеется еще одна очень полезная вещь — возможность открывать AVI-файлы и визуально ре­дактировать звук в них. Это очень пригодится вам при озвучивании ваших видео-файлов, ведь программы редактирования видео не спо­собны на такую гибкость при работе со звуком.

Ну, вот мы и закончили наше сверхкраткое введение в редактирова­ние звука с Sound Forge. Если хотите, можете пропустить приложение для Мае и перейти сразу к разделу, озаглавленному «Звук во Flash».

Sound Studio 2 для Macintosh

Sound Studio — условно-бесплатное приложение для редактирования звукозаписей, созданное компанией Felt Tip Software для платформы Mac. Версия 2 оптимизирована под Mac OS X, однако будет работать под Mac OS от 8.1 и выше. Вы можете скачать 14-дневную полнофунк­циональную пробную версию для этого упражнения с Www. felttip. com/ ss (1,2мегабайта).

Поработав с Sound Studio, лично я остался верен приложению Macromedia SoundEdit. К сожалению, SoundEdit более не поддержива­ется, и вряд ли будет обновляться. Если вы новичок в редактировании звукозаписей на Мае, я советую начать с чего-нибудь наподобие Sound Studio.

Работаем в «Студии»

1. Откройте Sound Studio и выполните команду File > Import with

QuickTime. Мы будем использовать файл counting. mp3, который мож­но скачать с сайта Www. friendsofed. com.

В окне запроса я оставьте предложенные настройки:

2. нажмите кнопку ок. вас приветствует основной интерфейс:
j, 00.000 ooooo 12.957 z<x>.oβo ∙.'~--o" ∕s⅛
ji *t9 l-⅛jlg≈j atart and ianvift oub r>f⅜ac⅛ vβfcana: o d∙ vʃ

Два слоя представляют два аудио канала (левый и правый), темные фигуры — звуковые волны: визуальное представление звука. Каж­дая отдельная группа представляет произносимое число, от 1 до 10, четкие промежутки между ними позволяют легко различить их визу­ально.

3. Нажмите кнопку Play, чтобы прослушать импортированный файл.

М-да, вы правы — либо у Фреда съехала крыша, либо он считать не умеет! Совершенно идиотская последовательность чисел — от 3 до 10, а потом 1 и 2. На самом деле, числа были перепутаны сознательно, чтобы мы смогли попрактиковаться и переставить звуки в правиль­ном порядке.

4. Выделите два последних числа (две последние волновые формы), щелкнув слева от второй с конца волновой формы и протащив мышь вправо. Вырежьте эту порцию звука клавишами APPLE + X (или ко­мандой Edit >

08.580 10.995 .02.415 :08.580,v⅞t?;

Мы собираемся переставить 1 и 2 на правильную позицию, перед всеми остальными числами. Не бойтесь захватить слишком много тишины вместе с числами, чуть позже мы все обрежем поаккурат­нее.

5. Щелкните левее всех чисел — на временной диаграмме появится мигающий курсор:

Сюда мы вставим наши 1 и 2.

6. Нажмите клавиши Apple + V (или воспользуйтесь командой Edit > Paste), чтобы вставить вырезанные числа. Они будет помещены в на­чале, где им и следует быть — по крайней мере, меня учили считать именно так!

7. Нажмите Play и прослушайте числа в правильной последовательности.

8. Однако меду числами 2 и 3 слишком длинная пауза, давайте попробу­ем ее исправить и сделаем последовательность более равномерной.

Два первых поля показывают время начала и конца нашего выделения, а третье — его продолжительность, — отлично, то, что нам нужно!

Как видим, между словами у нас приблизительно по 0,4 секунды, это значение мы и используем. Однако прежде надо вырезать тепереш­нюю длинную паузу между числами 2 и 3.

9. Выделите промежуток между числами 3 и 4 (это будет проще сделать при небольшом увеличении) и взгляните на информацию о выделе­нии в верхней части окна:

Четвертое информационное поле, length, показывает продолжитель­ность (в секундах) нашего выделения — паузу между произносимы­ми числами. В среднем все паузы в нашей последовательности про­должаются примерно 0,4 секунды, такой промежуток мы и сделаем между 2 и 3. Однако сначала нужно устранить существующий про­межуток.

10. Выделив всю тишину между числами 2 и 3, вырежьте ее клавишей Backspace:

Теперь наши числа 2 и 3 стали близкими друзьями! Печально, но при­дется прекратить их маленькую вечеринку еще до того, как она нач­нется. Заметьте, мигающий курсор как раз находится в том самом месте, где мы только что вырезали тишину, и это отличная позиция для вставки нового, правильного, отрезка тишины:

11. Выполнив команду Insert > Silence, в поле Duration появившегося окна вводим «0.4» секунды:

.______ ⅛∏Acrt SUcncc — .

Duration: F⅜⅛⅛X Geconds

12.Теперь, нажав кнопку ОК и установив такой масштаб, чтобы видеть всю последовательность, мы увидим, что все числа расположены рав­номерно:

aaa,<ountln^mpj,⅛°ι..l...,, ,..t.⅝... æ,ιy....∣ .....i,?.'.. .⅛..,2,■ ⅛1 ..,1 ► tι • ■
i *~ <⅝w⅜ ⅛u.

13.Нажмите кнопку Play, чтобы прослушать реорганизованный файл — видите, Фред снова научился считать.

В качестве завершающего штриха мы придадим его голосу особую окраску с помощью эффекта Flange.

14.Удалите излишнюю тишину в начале и в конце файла.

15.Выделите всю последовательность с помощью Edit > Select All и вы­полните команду Filter > Flanger..,. В появившемся окне из списка Preset выберите Fast Flanger и нажмите кнопку ОК:

preset: f f¾st fla⅜g⅛⅝ . dry mix«,, hanger 
 ' r-∙--,∙
,wetmix,., ^r,j,-, sweep depth .,2.0 ms,y⅜⅛⅛⅛⅝⅝

79.4 % p⅛ss4⅛υ'∙s
63.1 x fmrκjed ∙udio
R— LFO Waveform Shape. S Triangle √W O Sine JΓi

По окончании недолгой обработки нажмите Play и прослушайте эф­фект. Ну как, впечатляет новый голос Фреда?

На этом наше краткое введение в Sound Studio завершено. Как види­те, программа умеет гораздо больше, чем мы рассказали, и мы предлага­ем вам исследовать ее возможности самостоятельно. Здесь вы можете задержаться и поиграть с различными звуковыми эффектами, а можете сразу взяться за следующий раздел, в котором мы начнем работать со звуком во Flash.

Звук во Flash

Существует несколько методов работы со звуком во Flash, и реальность такова, что звук — вещь более гибкая в работе, чем видео. Эта гибкость достигается при управлении звуком при помощи ActionScript (наподо­бие того, как мы управляли видео в главе!). Мы рассмотрим подробно способы манипуляции звуком при посредстве ActionScript в следующей главе.

Прежде, чем обратиться к проблемам звука в соединении с видео, да­вайте сделаем краткий обзор различных случаев использования звука.

Музыка

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

Музыка не только придает дополнительную окраску вашему сайту; стиль музыки может многое сказать как о самом сайте, так и о том, на какую аудиторию он ориентирован. Само собой, это дело вкуса, выби­рать вам. Просто представьте, что некто, приодевшись в свой лучший бархатный костюмчик в стиле неоромантизма, нечаянно входит в хра­нилище записей ценителя кондового панк-рока — ошарашенный удар­ной волной трех аккордов, он тут же захлопнет дверь!

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

• Какое настроение должна создавать музыка и насколько она соот­ветствует содержанию сайта?

• Для загрузки музыки понадобится дополнительное время, стоит ли онатого?

• Не ограничит ли выбранная музыка вашу аудиторию? Хотите ли вы этого?

Если подразумевается, что музыка будет аккомпанементом к видео, бу­дет ли она полезна? Кинематограф доказал, что музыка значительно уси­ливает выразительность и эмоциональное наполнение визуального мате­риала. Если из φi L-M. Mci убрать музыку, все его изъяны немедленно «вылезут» наружу (я сам убедился в этом в университете, когда преподаватели зас­тавляли нас смотреть знаменитые хичкоковские сцены без звука!). Хотя в моем ВМХ-проекте нет какой-либо повествовательной структуры, и ком­ментарий диктора в общем-то не нужен, без подходящей музыки клипы кажутся незавершенными, в них как бы не хватает жизни, энергетики.

Привнести музыку во Flash-фильм можно двумя способами: либо импортировать отдельный звуковой файл (например, МРЗ, WAV или AIFF), либо использовать звук, присоединенный к видеоклипу. Какой же способ лучше?

Если музыка синхронизирована с видео-содержанием или «главную роль» в клипе играет вокал, то лучше импортировать музыку вместе с видеоклипом. Тогда не придется мучаться, пытаясь синхронизировать видео и звук во Flash — чудовищно сложное дело! Если же музыка явля­ется лишь дополнением к видео и не требует точной синхронизации (как в случае с моим ВМХ материалом), стоит подумать об использовании отдельно импортированного звукового сопровождения. Это позволит управлять звуком независимо, потенциально пользователь может полу­чить возможность изменять громкость, заглушить звук или пропустить очередной звуковой трек.

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

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

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

Работа без скриптов

Помимо программного управления при помощи скриптов, можно работать со звуком во Flash и вручную. Одно из преимуществ такого подхода — то, что вы получаете возможность потоковой передачи аудио. Давайте рассмот­рим звуковые возможности Flash, выполнив небольшое упражнение.

1. Откройте новый фильм Flash и переименуйте имеющийся слой в

«audio».

2. Выполните команду Файл > Импорт (File > Import) и найдите доста­точно длинный звуковой файл на своей машине либо воспользуйтесь файлом train_exc. mp3 — он имеется среди файлов, иллюстрирующих данную главу, на Www. friendsofed. com.

3. Нажав кнопку Открыть (Open), импортируйте звуковой файл во Flash.

Помните, во Flash можно импортировать файлы нескольких форма­тов, включая стандартные МРЗ, WAVu AIFF.

4. Выделите на монтажном столе кадр и в инспекторе Параметры (Property) появится опция Звук (Sound). Выберите из этого списка свой звуковой файл:

5. В списке содержатся все звуковые файлы, присутствующие в Биб­лиотеке (Library). Прочие настройки оставьте, как есть, только убе­дитесь, что в опции Синхро (Sync) выставлено Event. Скоро вы пой­мете, для чего.

6. Сняв выделение с кадра 1, вы увидите в нем синий значок-тильду — это наш звуковой файл. Растяните монтажный стол с помощью F5, и вы увидите весь файл в виде волновой формы:

7. Удалите лишние пустые кадры в конце, оставив только те кадры, в которых содержится звук.

8. Протестируйте фильм (Ctrl + Enter).

Те, кто обладает тонким слухом, могут заметить, что звук несколько отличается от исходного. Это из-за того, что Flash применяет к любо­му звуку некое стандартное сжатие, если вы не укажете ему что-либо иное. Эти общие установки находятся в нижней части на вкладке Flash окна Настройки опубликования (Publish Settings) (команда меню Файл > Общие параметры (File > PublishSettings)):

Если вы недовольны сжатием, которое Flash применил к вашей пре­красной музыке, можно выставить индивидуальный вид компрессии для каждого звукового файла. Давайте посмотрим…

9. Откройте Библиотеку (Library) (Fl 1) и двойным щелчком на значке вашего звукового файла откройте окно Настройки звука (Sound Properties):

В верхней части окна — информация об оригинальном файле, внизу — настройки экспорта, и целый набор кнопок справа. Впрочем, в дан­ный момент сведений об экспорте информации почти нет — это по­тому, что используются стандартные настройки, указанные в окне Настройки опубликования (Publish Settings).

10. Раскройте список Сжатие (Compression), и вы увидите несколько типов компрессии:

Вкратце расскажем о двух наиболее значимых кодеках из списка:

• МРЗ: кодек, стремительным натиском покоривший интернет — так сильно он позволяет сжимать файлы. Наилучший выбор для му­зыки;

• Speech: этот кодек лучше всего подходит для речевых звукозапи­сей. Частотный диапазон человеческой речи ограничен, что по­зволяет ограничить максимальную частоту 5 кГц. Этот кодек по­лезен, например, для обучающих сообщений, комментариев.

11 • Выберите кодек, наиболее подходящий для вашего аудио файла. У меня музыка, поэтому я выбираю МРЗ:

Теперь появилось несколько опций, показывающих настройки экс­порта (чтобы их увидеть, вы должны снять флажок Исп. импорт, ка­чество МРЗ (Use imported MP3 quality)), а также полезную информа­цию о размере экспортированного файла. Как видите, в этом примере размер экспортированного файла составляет 28,6% оригинального, это довольно хорошо, но все-таки это целых 139 КВ.

Давайте попробуем изменить настройки, и посмотрим, насколько меньше мы сможем его сделать… а заодно услышим разницу!

12. Раскройте список Битность (Bit Rate) и выберите значение 8 kbps. Сразу видно, как уменьшился размер итогового файла, однако хоро­шо бы сначала прослушать файл с такими настройками.

13. Нажмите кнопку Тест (Test), чтобы прослушать файл с новыми на­стройками. Появится индикатор выполнения, и вам придется немно­го подождать, пока Flash перекодирует файл в формат МРЗ с настрой­ками, которые мы задали.

Как только кодирование завершится, мы услышим звук. Вниматель­но вслушивайтесь, чтобы уловить всякие бульканья и шуршания.

Чтобы добиться столь малого размера файлов, Flash конвертирует оригинальные стерео файлы в моно, а также снижает качество зву­ка. Как вы слышали, музыка при этом получается довольно убогой. Как правило, при сжатии музыки не стоит устанавливать частоту дис­кретизации (bit rate) ниже 20 kbps, чтобы сохранить приемлемое ка­чество; в то же время более низкие значения прекрасно подойдут для звуковых эффектов, таких, как щелчки кнопок и тому подобное.

14. Если качество вас устраивает, нажмите кнопку Обновить (Update), a затем кнопку ОК. Если же оно для вас неприемлемо, повысьте часто­ту дискретизации, и затем нажмите Обновить (Update) и ОК.

15. Сохраните фильм под именем audio_import. fla для дальнейшего ис­пользования в этой главе.

Ну, хорошо, со сжатием немного разобрались, теперь пора рассмот­реть различные способы применения звука во Flash MX.

Потоковая обработка и события

Как и видео, звук во Flash может быть реализован несколькими метода­ми; они называются типами синхронизации. Эти типы — Event (собы­тие), Start (старт), Stop (стоп), и Stream (поток). Выбираются они из спис­ка Синхро (Sync) в звуковых опциях инспектора Параметры (Property);

Поток

Потоковый звук трактуется таким же образом, что и потоковое видео, и тоже буферизуется перед воспроизведением. Однако, в отличие от ви­део, здесь буферизация встроенная, поэтому нет необходимости запол­нять монтажный стол кадрами, чтобы «купить» время на загрузку — зву­ковой поток синхронизирован с монтажным столом.

Стандартное значение времени буферизации во Flash — 5 секунд, но его легко можно изменить при помощи ActionScript — для этого пред­назначен параметр _soundbuftime. Как и для видео, потоковая обработ­ка звука возможна только на главном монтажном столе. Если вам пона­добилось уменьшить буфер, следует вставить в кадр 1 вашего фильма такое действие:

Soundbuftime = 3;

Тем самым вы получите трехсекундный буфер, это значит, что Flash сделает паузу длительностью 3 секунды, прежде чем начнет воспроиз­водить вашу звукозапись. Напоминаю, что _soundbuftime — глобальный параметр, поэтому обычный префикс _root не требуется.

Опция Stream хороша тем, что в фильм загружается только необхо­димая часть файла звукозаписи. Так, если аудио файл немного длиннее, чем ваш монтажный стол, этот излишек будет проигнорирован, сэконо­мив драгоценный размер файла.

Протестируйте ваш поток — при помощи Ctrl + Enter запустите про­верку фильма, а затем выполните команду меню Вид > Показать поток

(View > ShowStreaming).

Событие

Как видно из названия, звук типа Event (Событие) воспроизводится тог­да, когда происходит некоторое событие. Таким событием может быть нажатие на кнопку, окончание игры, музыкальное вступление и тому подобное — любые звуки, связанные с чем-либо.

Звуковые события не могут обрабатываться как поток; подобно филь­му-символу, они должны быть полностью загружены в фильм, прежде чем будут воспроизведены.

Для звуковых событий можно задать определенное количество цик­лических повторов в секции звуковых опций инспектора Параметры (Property):

У звуковых событий есть одно важное свойство, о котором не следу­ет забывать: они всегда воспроизводятся до конца звукозаписи. Воспро­изведение не будет остановлено, даже если закончатся кадры на мон­тажном столе или встретится команда stop. На следующей иллюстрации полная длительность звукозаписи соответствует 840 кадрам, однако мы хотели бы остановить ее на 15-м кадре, поэтому лишние кадры мы обре­зали, и в кадр 15 вставили действие stop.

Хотите — верьте, хотите — проверьте, но звукозапись будет проиг­рана полностью, до конца, несмотря на всю нашу защиту! Но остано­вить ее все-таки можно — при помощи пустого ключевого кадра, поме­щенного в последний кадр слоя sound или путем использования звука типа Stop…

Start и Stop

Эти варианты являются просто расширениями типа Event, позволяю­щими контролировать момент начала воспроизведения звука (это экви­валент типа Event) и его остановки. Если в предыдущем примере мы до­бавим новый слой «Stop sound» и ключевой кадр в кадр 15, мы сможем остановить звукозапись событием Stop:

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

Из всех типов синхронизации варианты Stream и Event применяют­ся чаще всего. Если звук используется в фильме периодически — как, например, звонок на старте игры — тогда ставьте тип Event.

Если же у вас длинный аудио файл, который должен воспроизводить­ся однократно и целиком, для вашей аудитории удобнее будет потоко­вая передача звука — тогда не придется ждать, пока весь файл загрузит­ся. При тестировании вашего фильма во Flash не забывайте о том, какова пропускная способность канала у вашей аудитории и устанавливайте для опции Показать поток (Show Streaming) наименьшую возможную скорость загрузки.

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

Теперь, когда мы рассмотрели основные опции звука, пора узнать, какие эффекты мы можем применить во Flash к нашим аудио файлам.

Звуковые эффекты Flash

Давайте сразу определимся: здесь под «эффектами» подразумеваются отнюдь не те виды спецэффектов, о которых говорилось в начале этой
главы при описании приложений для редактирования звукозаписей. Flash умеет управлять громкостью и панорамой, и вы сможете получить контроль над этими параметрами.

 pas j⅛gaκτupoβaτ⅛√: 7r.0e⅛ιe Φop⅜⅜ι∣,44 кнг моно 16 бит 69.9 s 489.5 кв

Чтобы открыть окно Редактировать шаблон (Edit Envelope), следует выбрать нужную звукозапись в инспекторе Параметры (Property), а за­тем нажать кнопку Править (Edit…):

Здесь имеется несколько предустановленных эффектов, и они при­годятся нам, чтобы понять, как работать с этим диалоговым окном. Из списка Эффект (Effect) выберите Fade Left to Right, и мы рассмотрим все подробно:

Левая узловая Эффект Правая узловая Левый звуковой

Точка ‘ точка канал

Эффект] Fade Left Io Right*

Временная

Диаграмма

Правый

Звуковой

Канал

Режим
— отсчета

Времени

Режим

Отсчета

Воспроизвести/остановить прослушивание Увеличить/уменьшить кадров

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

Эффект задает постепенное перемещение звука из одного канала в дру­гой на протяжении всей звукозаписи (чтобы увидеть эффект целиком, нужно уменьшить изображение звукозаписи):

Узловую точку можно перемещать в пределах окна, можно добавить новую узловую точку, щелкнув где-либо на линии. Таким путем, к при­меру, можно сделать так, чтобы переход происходил в последних сце­нах фильма, а не с самого начала (обратите внимание, что в списке Эф­фект (Effect) теперь указано Custom — «заказной»):

' -' ∙.. .,,jlu,1
boo- • • -ио
,r√>½>'÷l÷∙'. lj

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

глава 6. звук

Когда действо, происходящее в фильме, заканчивается для его участни­ков неудачей.

А теперь давайте применим то, что мы узнали, к нашему звуковому файлу.

Подправляем звукозапись

1. Откройте файл audio_import. fla, с которым мы уже работали в этой главе.

2. Вставьте новый слой под названием «actions», и в последний кадр это­го слоя (кадр 840 в нашем примере) вставьте ключевой кадр (F6). По­местите в этот кадр действие stop.

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

3. Выделите первый кадр слоя audio и выберите Fade Out из списка Эффект (Effect) в инспекторе Параметры (Property):

’ jtriin_exc.mp3,if out, ,синхро i event ~∏ uwut [θ
■■ ,∙ ~∙:

4. Нажав комбинацию клавиш Ctrl + Enter, протестируйте фильм.

Затухание получилось слишком долгое, надо бы его укоротить. Для этого я должен выяснить, откуда должен начинаться фединг — опре­делить стартовую точку. Это можно сделать двумя способами: исполь­зуя Профиль полосы (Bandwidth profiler) или следя за курсором вос­произведения. Но можно и схитрить.

Хитрость простая: надо сменить тип синхронизации на Stream. Тогда Flash позволит прослушивать звук при перетаскивании курсора вос­произведения по монтажному столу.

Давайте так и сделаем.

5. Не снимая выделения с кадра 1 слоя audio, отправляйтесь в инспек­тор Параметры (Property) и выберите Stream из списка Синхро (Sync).

6. Теперь протащите курсор воспроизведения вдоль монтажного стола и найдите точку, где должно начинаться затухание. После небольшо­го исследования я выбрал кадр 775, а вы вольны выбрать свою точку.

7.В секции звуковых опций инспектора Параметры (Property) смените тип Синхро (Sync) опять на Event и нажмите кнопку Править Мы отредактируем точку фединга в окне Редактировать шаблон (Edit

Envelope)

8. Нажмите кнопку переключения в режим отсчета кадров — теперь на центральной шкале вместо времени будут отсчитываться кадры филь­ма Flash:

канала)

9. Перетащите узловую точку из текущей позиции примерно к кадру 775. Не имеет значения, точку какого канала вы будете перетаски­вать; Flash всегда двигает их параллельно (если вы нечаянно добави­ли лишние узловые точки, не переживайте, вы всегда можете уда­лить их, просто утащив за пределы окна соответствующего

Ю. Увеличив изображение, вы сможете поместить узловую точку точно в кадр 775. Нажмите ОК, чтобы подтвердить изменения.

11. Протестируйте фильм, убедитесь, что все правильно.

Итак, звукозапись отредактирована; давайте посмотрим, что у нас с потоком и буферизацией…

12. Закройте окно тестирования и измените тип синхронизации на Stream (да, опять!)

Как уже упоминалось, стандартный буфер во Flash — 5 секунд. По­смотрим, как проходит потоковая передача нашей музыки при такой буферизации.

13. Запустите тест фильма и в меню Отладка (Debug) выберите пункт 56К. Теперь выполните команду Вид > Показать поток (View > Show streaming). Зеленая полоса молнией проносится по временной диаг­рамме, и через 5 секунд начинается воспроизведение звука.

14. Прокручивая временную диаграмму по ходу проигрывания, вы уви­дите, что загрузка звукозаписи завершается к кадру 374.

В результате мы получаем очень плавное воспроизведение, без за­держек:

Что же это означает? Да то, что мы можем себе позволить буфер ме­нее 5 секунд! В принципе, 5 секунд — не такое уж долгое ожидание для зрителя, но мы отважно дадим даже меньше! Давайте попробуем магическое число 3.

15. Закройте окно тестирования и вернитесь на основной монтажный стол.

16. Выделите кадр 1 слоя actions и откройте панель Действия (Actions) (F9). Выбрав Экспертный режим (Expert Mode) (Ctrl + Shift+Е), вве­дите следующую строку кода:

Soundbuftime = 3;

17. И все. Снова запустите тест и выполните Вид > Показать поток (View

> Show streaming).

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

18. Сохраните ваш фильм и закройте его.

Заключение

Работая со звуком во Flash MX (как, впрочем, и с другими видами ин­формации) , важно найти правильный баланс между качеством и разме­ром файла; об этом следует помнить как на этапе предварительной под­готовки, так и в процессе импортирования.

Не исключено, что те возможности управления звуком, которые дос­тупны непосредственно из интерфейса Flash MX и инспектора Пара­метры, вы сочтете недостаточными. В следующей главе мы пойдем даль­ше и научимся более сложным манипуляциям со звуком, рассматривая звукозапись как программный объект и используя для управления ActionScript.

ГЛАВА

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *