effective_AdobeFlashCS3

41

Перейдите в последний КК, откройте панель действий Отключите помощник по сценариям и напишите

stop();

Движение по траектории

Лкм по 25 кадру слоя waves, F5, лкм по 25 кадру слоя Finnie, F6. Щелкните пкм по кадру в промежутке между 1КК и 2КК в слое Finnie и выберите Создать анимацию движения. 2КК слоя переместите рыбку к левому краю сцены. Просмотрите анимацию. Пкм по слою Finnie, и выберите Добавить путеводитель (или нажмите на кнопку Добавить путеводитель в панели слоев. . Перейдите в этот слой. И инструментом Перо, прочертите кривую по которой должна проплыть рыбка. Совместите точку регистрации в 1КК с окончанием кривой, а в 2КК с началом кривой.

При помощи ползунка времени просмотрите анимацию.

В 1КК при помощи инструмента Свободное преобразование поверните рыбку по направлению к траектории. Во 2КК также поверните рыбку по траектории.

Чтобы рыбка была полупрозрачная, в панели свойств задайте наложение: Смешать – умножение.

Создайте слой и назовите его action. Сделайте его верхним. лкм по 25 кадру слоя actions, F6.

Разверните панель действий и запишите stop();

Перейдите в 1кк слоя Finnie, в панели свойств нажмите на кнопку Редактирование

Появляется окно при помощи которого можно задавать ускорение или замедление.

42

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

Разворачивание рисунка.

022.fla. Из библиотеки перетащите графический объект на сцену. Лкм по 15 кадру слоя image, F6. Создайте слои с именами actions, scroll, mask. Лкм по 15 кадру слоя actions, F6. Разверните панель действий, напишите

stop();

Перейдите в слой mask.инструментом Прямоугольник черного цвета без линий контуров с отключенной опцией Рисование объектов нарисуйте прямоугольник правее графики, помещенной на сцену.

Лкм по 15 кадру слоя mask, F6. Инструментом Свободное преобразование, растяните прямоугольник на размер всей сцены. Пкм в этом слое, Задать анимацию формы. Просмотрите результат анимации. Пкм по названию слоя mask, Маска. Просмотрите результат анимации.

Перейдите в слой scroll, нарисуйте прямоугольник черного цвета размер и позиция которого совпадали с размерами прямоугольника, нарисованного ниже. Задайте этому прямоугольнику линейную градиентную заливку от серый-белый-серый. Преобразуйте данный объект в символ – ФР. Лкм по 15 кадру слоя scroll, F6. Перенесите объект к левому краю сцены и задайте между ключевыми кадрами анимацию движения. Во 2КК слоя scroll уменьшите ширину символа – превратив его в полоску. Можете передвинуть ключевые кадры в слоях scroll &mask на 14 кадр.

43

Лкм по 15 кадру слоя scroll – Shift+F5 – удалите кадр.

Отмените блокировку слоя image, выделите графический объект – преобразуйте его в символ – ФР. В панели Эффектов задайте эффект – тень с параметрами 5,5, 26%.

Выполните разворачивание рисунка при помощи не вертикального объекта.

Эффект векторного рисунка

023.fla. Выделите картинку на сцене, Изменить, Растровое изображение, Векторизация.

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

80,8, Обычный, Обычный.

Снимите выделение с объекта. Посмотрите на изменившийся рисунок. Выделите весь рисунок, F8, ФР с именем vector.

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

Лкм по 40 кадру слоя 2 (он внизу), F5. Лкм по 25 кадру слоя 1, F6. Лкм по 1КК слоя 1, задайте анимацию движения Для объекта задайте 0% видимости. Выделите все кадры слоя 1 и придвиньте их таким образом, чтобы 2 КК слоя совпадал с 40 кадром временной линейки. Удерживая клавишу Alt, передвиньте второй кК на позицию первого – в первом КК должно появиться содержимое.

Создайте слой actions. В нем создайте 2КК на позиции 40 кадра, в панели действий запишите:

stop();

Просмотрите анимацию.

44

Эффект с контуром

024.fla. Создайте слой с названием car.перенесите в него из библиотеки картинку с именем car_fg. Заблокируйте этот слой. Создайте слой с именем outline и слой с именем mask. Выберете слой outline и пером белого цвета с толщиной линий 1-3 пиксела проведите обводку машины, затем при необходимости скорректируйте кривую.

Перейдите в слой mask, удерите видимость у слоя car. Используя инструмент прямоугольник, нарисуйте квадрат зеленого цвета без обводки, расположенного в стороне от контура машины, затем выделите его и преобразуйте в ФР. Разместите его на одной из точек контура. Лкм по 4 кадру слоя mask, F6, передвиньте квадрат по прямой линии, между кадрами задайте анимацию движения.

Задайте параметры проекта с 24 кадрами в секунду. Продлите время выполнения двух нижних слоев до 60 кадров.

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

Продлите время существования слоя outline на 1-2 кадра нова просмотрите анимацию.

Разблокируйте слой car. Переместите ключевой 1КК слоя car на 32 кадр. Задайте эффект объекту на этом слое – Свойства, Цвет, Тон, белый, 100%. Создайте в слое car КК в 35 кадре, меду 32 и 35 кадрами задайте анимацию движения. И в 35 кадре уберите эффект оттенка до 26%.

Лкм по 44 кадру, F6, между 35 и 44 кадрами задать анимацию движения, в 44 кадре уберите цветовые настройки у объекта. Для большей плавности в 32 кадре, выберете объект и ф панели эффектов задайте размытие – 19, 0.

Создайте новый слой, лкм по 60 кадру нового слоя, F6, в панели действий указать

stop();

Эффект с контуром 2

025.fla. Выделите картинку на сцене, Изменить, Растровое изображение, Векторизация. Задайте Пороговое значение 100. Снимите выделение с объекта. Снова выделите весь объект и задайте в панели инструментов черный цвет заливки. При помощи инструмента Чернильница задайте красный цвет внешнего контура. Выделите заливку и удалите ее, контур задайте черным.

Создайте еще один слой и поставьте его на задний план. Из библиотеки перенесите в него автомобиль.

45

И теперь повторите предыдущий эффект но уже с контуром, полученным новым путем.

Оптимизация растровой графики

026.fla. Перенесите картинку Angela на сцену, снимите с нее выделение. Панель Свойства, выберете кнопку Параметры. В закладке Flash присутствует ползунок, отвечающий за сжатие картинки JPEG – качество JPEG. Закройте окно. 2лкм о названию картинки в библтотеке и отрываются свойства картинки.

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

Уберите галочку из Использовать импортированный данные JPEG после чего получите возможность настраивать качество сжатия для каждой отдельной картинки (при этом желательно переместить область просмотра не на белый фон, а на видимый объект, например, лицо).

46

Задайте параметры для фотографии Kaysar. Откройте панель Истории: Окно, Другии панели, Журнал:

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

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

Задайте имя команды optimize60 и нажмите Ok. Теперь при выборе пункта меню Команды, будет появляться Ваше действие. При помощи Редактирование, Сочетание клавиш, задайте сочетание клавиш для данной операции которую применять можете и далее.

Псевдо 3Д во Флеш

027.fla. Войдите в режим редактирования ролика, расположенного на сцене. Посмотрите содержащуюся в нем информацию при помощи ползунка времени. Перейдите в слой image seq. Файл, Импорт, Импортировать в рабочую область. Выбрать папку 3Dsequence, выбрать первую по счету картинку, нажать на кнопку Открыть. В диалоговом окне (которое спрашивает о том, хотите ли вы импортировать всю последовательность картинок) скажите Да. При помощи ползунка времени просмотрите полученный результат. Выделите все кадры после последнего КК в слое image seq, Shift+F5 – удалите лишние кадры со статическим изображением. Выделите кадры с импортированной графикой в слое image seq, щелкните по ним пкм, Копировать кадры (или Редактирование, Временная шкала, Копировать кадры). Перейдите в первый свободный кадр слоя image seq,

47

пкм, Вставить кадры (или Редактирование, Временная шкала, Вставить кадры). Посмотрите полученный эффект.

Переедите в 1КК слоя image seq, удерживая клавишу Shift, лкм по последнему ключевому кадру этого слоя – выделяются все кадры, пкм, Копировать кадры. Перейдите в первый свободный кадр слоя image seq, пкм, Вставить кадры.

Посмотрите результат анимации. В конце анимации присутствует пустой кусок который необходимо заполнить. Для этого перейдите в 1КК слоя image seq, нажимая F5 добавьте необходимое количество кадров. Лкм по 1КК слоя image seq, выделите импортированную картинку, F8, ФР, Ок. создайте КК в 14 кадре слоя image seq, между 1КК и 2КК задайте анимацию движения. В 1КК, выберите ФР и в панели свойств задайте параметр Цвет, Альфа, 0.

Просмотрите полученный результат.

Дым и туман

028.fla. Создайте новый слой с названием steam. Перенесите из библиотеки графику cloud на сцену. Затем преобразуйте графику в ФР с именем cloud1. Инструментом Свободное преобразование измените линейные размеры (например, непропорционально уменьшите в 2-3 раза). В панели свойств задайте Смешать, Осветлить.

Войдите в режим редактирования символа cloud1. Снова выделите графический объект и преобразуйте его в ФР internal1. В панели свойств задайте Смешать, Перекрытие или Осветлить (последнее желательно для более светлой картинки).

Лкм по 50 кадру, F6, пкм между КК, создать анимацию движения. В 1КК поставьте полученное облачко внизу сцены, во 2КК – облачко в верхней части сцены и задайте дополнительный параметр – Альфа 0%. В 1КК можно задать Альфа примерно 40% для объекта.

Вернитесь на сцену. Разместите ФР за нижней гранью сцены. Просмотрите анимацию. Создайте новый слой с именем steam2. Перенесите в него cloud из библиотеки. При помощи инструмента Свободное преобразование, сузьте объект примерно в 4 раза, уменьшите высоту в 2 раза и перенесите в левый нижний угол сцены. Преобразуйте графику в ФР с именем cloud2. В панели свойств задайте Смешать, Осветлить. Войдите в режим редактирования, снова выделите графический объект и преобразуйте его в ФР internal2. В панели свойств задайте Осветлить. Задайте Альфа 60%. Лкм по 40 кадру, F6, пкм между КК, создать анимацию движения. В 2КК переставьте объект на верхнюю часть сцены, и увеличьте объект по ширине, Альфа 0%. Вернитесь на сцену и просмотрите анимацию.

Создайте новый слой с именем steam3. Перенесите в него cloud из библиотеки. Преобразуйте графику в ФР с именем cloud3, измените размеры

48

символа, В панели свойств задайте Смешать, Осветлить. Войдите в режим редактирования, снова выделите графический объект и преобразуйте его в ФР internal3. В панели свойств задайте Осветлить, задайте Альфа 60%. Лкм по 60 кадру, F6, между кадрами задать анимацию движения. Разместите пар в 1КК внизу в правом углу сцены, в 2КК вверху в правом углу сцены, и задайте Альфа 10%.

Отражение

029.fla. выделите графический объект и преобразуйте его в ФР с именем banner. Скопируйте объект в буфер обмена. Создайте слой с именем reflection. Заблокируйте нижний слой, а в верхний слой поставьте копию символа. Переверните его относительно горизонтальной оси и сместите вниз. Заблокируйте слой.

Создайте слой mask в котором нарисуйте прямоугольник черного цвета, закрывающий содержимое слоя reflection. Измените заливку прямоугольника на черно-белую линейную, причем у черного цвета поставьте Альфа 50%, а у белого 0%.

Сузьте ширину градиентного перехода и поверните его на 90 градусов. Лкм по 1КК слоя reflection, в панели Действий записать: reflection.setMask(mask);

Посмотрите на результат анимации.

Зайдите в режим редактирования ФР –mask. Задайте цвет заливки черный – Альфа, 75%, а белый на половине градиента.

Снова посмотрите на эффект.

В дальнейшем можете для отражения задать наложение – умножение.

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

001_1.fla. Создайте анимацию движение между ключевыми кадрами. Просмотрите анимацию. Лкм по 1КК в панели свойств задайте параметр Замедлить – 100. Посмотрите анимацию, затем поставьте Замедлить – -100 и снова посмотрите на результат анимации. Верните значение 0. Нажмите на кнопку Редактировать. Появляется возможность редактировать кривую замедления или ускорения движения. Если стоит галочка в пункте Использовать один параметр для всех свойств, то ко всем свойствам если эту галочку отменить, то можно задавать отдельно кривые для положения, поворота, масштаба, цвета, фильтров. Также в это панели есть кнопки при помощи который можно просмотреть или остановить движение.

Измените кривую (лкм по точке и за направляющую поменять кривую):

49

Просмотрите анимацию.

Просмотрите анимацию.

Добавьте новую точку: лкм по кривой и перенесите ее:

50

Ок. сохраните проект

001_2.fla. Задайте анимацию движения между ключевыми кадрами, просмотрите анимацию. Нажмите на кнопку Редактировать, задайте форму кривой:

Просмотрите анимацию.