Учебный курс Flash

Учебный курс
Примеры выполненных заданий
Подписка на рассылку
Форум
Чат
Скачать
Ресурсы, ссылки
Flash на практике
Translate into
RB2 Network

RB2 Network






выпуск 23

Flash на практике часть-4


    При создании сайта с использованием 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, как применять различные эффекты и какие форматы публикации звука использовать для решения конкретных задач.


Павел Г.Лапин
E-mail: murmik@mail.ru
Россия Мурманск



Всплыть