Давайте попробуем сделать простой баннер. Прежде всего необходимо
четко представить себе, что мы хотим создать, то есть разработать
сценарий. Чем лучше вы будете знать, что и как должно быть в вашем
проекте – именно так называется работа во Flash-редакторе, – тем
быстрее и проще будет осуществить задуманное. В нашем случае баннер
будет очень простым: на фоне вращающегося квадрата выезжает надпись,
которая затем растворяется.
Как известно, в кинематографе используется частота 24 кадра в
секунду, но в мультипликации, особенно предназначенной для
Интернета, вполне достаточно 12. Чем больше будет частота кадров,
тем более плавными получатся движения, но при этом значительно
сильнее загружается процессор, что становится существенно в сложных
сценах. Именно от процессора зависит скорость воспроизведения Flash,
и на разных компьютерах она может заметно различаться. Обычно это
проявляется в торможении или прерывистом движении, особенно когда
сложная анимация синхронизирована со звуком.
Определившись со сценарием, приступим к творчеству. Для начала
решим, какого размера должен быть баннер. Пусть это будет
общепринятый в баннерообменных сетях формат 468і60. Именно эти
размеры необходимо указать в панели Movie Properties (параметры
фильма) ModifyёMovie [Ctrl+M] (рис. 2), в полях Width (ширина) и
Height (высота). В этом же окне выберем цвет фона (Background Color)
нашего баннера, а также в поле Frame Rate укажем значение fps –
количество кадров в секунду.
После того как указаны все параметры фильма и нажата кнопка ОК,
проверьте масштаб отображения сцены. При необходимости установите
100%.
Теперь создадим основу будущего баннера – движущуюся надпись:
Выберите инструмент Text [T].
Откройте панель настройки данного инструмента:
WindowёPanelsёCharacters [Ctrl+T] или нажмите в правом нижнем углу
окна кнопку с изображением буквы «А».
В выпадающем меню Font открытой панели Characters выберите
кириллический шрифт, например Arial Cyr.
Установите необходимый размер, например 35, и цвет.
Щелкните на месте начала надписи (в нашем случае — в начале
баннера) и введите текст. Если вдруг выяснилось, что выбранный
размер или цвет не подходят, переключитесь на инструмент Arrow [M]
(черная стрелка на панели инструментов) и выделите текст, щелкнув по
нему. Вокруг текста появится рамка, теперь на панели Characters
можно изменить его параметры: размер, цвет шрифта и т. п.
Настало время вашей первой анимации. Успокойте дрожащие от
волнения руки и продолжайте творить:
Преобразуйте текст в символ: Insertё Convert to Symbol [F8]. Не
забудьте дать ему соответствующее имя и указать тип Graphic. При
этом созданный символ будет помещен в библиотеку текущего проекта.
Выделите 20-й кадр на линейке Timelime и вставьте ключевой кадр
InsertёKeyframe [F6]. Слева от нового кадра появится серая полоска,
идущая от первого ключевого кадра.
Вернитесь в первый кадр и переместите надпись на баннере за его
границу, например, за правый край.
Не снимая выделения с первого кадра, откройте панель параметров
кадра WindowёPanelsёFrame [Ctrl+F] (можно также нажать кнопку Show
Instance в правом нижнем углу экрана), затем переключитесь на
вкладку Frame.
В выпадающем меню Tweening (построение промежуточных кадров)
выберите тип анимации – Motion, то есть анимацию движения. При этом
серая полоска между ключевыми кадрами станет голубой со стрелкой
вправо.
Поздравляю! Вы только что заставили текст двигаться. Убедиться в
этом можно, перемещая указатель кадров, расположенный над линейкой
Timeline, или включив режим предварительного просмотра: ControlёTest
Movie [Ctrl+Enter].
Время, которое займет проигрывание фильма или клипа от начала
воспроизведения, отображается в строке статистики Timeline. Реальная
длительность отдельных эпизодов может незначительно отличаться от
отображаемого значения, которое вычисляется на основе установленного
fps. Оно зависит в основном от сложности расчетов, требующихся для
построения изображения отдельного кадра, и быстродействия
компьютера.
Использование слоев дает большие возможности при создании фильма.
Кроме того, что объекты, помещенные на разные слои, можно
накладывать или скрывать, создавая имитацию объема сцены, правильное
применение слоев может заметно уменьшить размер готового файла.
Любой объект, который предстоит анимировать, нужно помещать на
собственный слой. Так вы значительно быстрее добьетесь нужных
эффектов и сократите загрузку процессора.
Для каждого слоя старайтесь придумать подходящее название. Для
изменения имени слоя щелкните дважды левой кнопкой мыши на названии
слоя и введите новое.
Если предполагается, что на кнопках будут анимированные объекты,
создайте заранее символы Movie clip, а затем просто разместите их в
соответствующем кадре кнопки.
Согласно нашему сценарию, текст должен не только «выехать» на
экран, но и, побыв некоторое время, исчезнуть.
Читать далее...