Lesson flash

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

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

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

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

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

Импорт графики: Как и в большинстве программ, в окне импорта File/Import достаточно выбрать необходимый графический файл и открыть его. Импортированное изображение будет помещено в библиотеку и вставлено на сцену в виде символа. Если вы импортируете файлы типа png или gif то будет сохранен режим прозрачности, в случае с анимированным gif, изображение ав-томатически будет разбито на кадры с сохранением временных промежутков. Для более удобной работы с файлами последнего типа, рекомендую импорти-ровать анимационную графику непосредственно в символ клипа т.е. Создайте новый "Movie clip" Insert/New Symbol Импортируйте анимационный файл

Полученный таким образом клип содержащий анимацию, можно легко помещать в необходимое место на сцене с нужного кадра, тем самым Вы избав-ляетесь от сложностей с покадровым позиционированием изображения. Эффект анимационного клипа импортированной графики получится, если Ваши файлы имеют одинаковые имена с цифровым окончанием, например - pics1.gif, pics2.gif и т.д. данные файлы будут импортированы в последовательные кадры. Данную возможность можно использовать для вставки во Flash анимации из других программ, не имеющих общего с Flash формата. Импортирование гра-фики не ограничивается растровым изображением.

Flash доступны основные векторные форматы таких программ как FreeHand, Adobe Illustrator, AutoCad и др. а если необходимо импортировать 3D графику - импортируйте ее покадро-во в формате ai (например Adobe Dimensoins). Когда Вы сканируете изображе-ние, не следует ставить разрешение более 75 dpi, тем самым Вы значительно сэкономите на объеме без потери качества. В качестве основного формата ре-комендую использовать png это позволит при малых объемах добиться высоко-го качества и меньшего размера редактируемого Flash проекта, в тоже время помните, что качество изображения в готовом файле swf зависит от установок публикации - используется формат jpg.

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

При многократном использовании импортированного изображения размер swf файла не будет пропорционально увеличиваться. Это объясняется тем, что происходит вставка не самого изображения как такового, а его экземпляра, т.е. Flash как я уже не раз писал, фигурирует не самим изображением, а математи-ческими данными.

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

Заливка импортированным изображением: Выделите импортированное изображение Разбейте его Modify/Break Apart Выберите инструмент Dropper - пипетка "возьмите" пипеткой "разбитое" изображение, оно станет текущей за-ливкой вместо обычного цвета при этом автоматически включится инструмент Backet - заливка Осталось, только "вылить" картинку в необходимую замкну-тую фигуру, при этом вы можете редактировать данную заливку как и гради-ентную, т.е. менять ее размер, перемещать в границах фигуры и поворачивать. Как это сделать читайте в выпуске, посвященном описанию инструментов.

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

Выделите "неразбитое" изображение на сцене Откройте окно трассировки Modify/Trace Bitmap Установите необходимые параметры Color Threshold - различие цвета: указываем уровень различия цвета соседних точек (чем меньше число, тем больше векторов будет в рисунке). Minimum Area - минимальный размер вектора. Curve Fit - значение точности кривых при трассировке. Corner Threshold - уровень различия кривых и углов.

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

Но импорт изображений не ограничивается только описанными выше примерами. У Вас есть возможность импортировать во Flash проект даже ви-део, правда, только в формате QuickTime. Вы сможете налагать титры, вводить элементы управления и анимации на Flash. Однако все эти прелести можно бу-дет увидеть только при экспорте проекта в формат QuickTime.

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