Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
глава 4. анимация с помощью Macromedia Fireworks
121
> Если на экране нет панели Frames (Кадры), то откройте ее, выбрав команду меню Window • Frames (Окно * Кадры). На экране появится группа панелей Frames and History (Кадры и предыстория) с открытой панелью Frames (Кадры) (Рис. 4.2).
гНыпгев. Jr id His кяу
В центральной части панели Frames (Кадры) отображается текущий список кадров анимации. Пока он пуст. Один из распространенных способов подготовки анимации такой. Сначала создают первый кадр, загрузив графический файл с диска либо нарисовав статическое изображение. Затем готовят следующие кадры анимации, изменяя предыдущие.
Список кадров удобно редактировать с помощью в
нижней части панели Frames (Кадры). Кнопка щ позволяет добавить новый кадр в список, кнопка - удалить кадр. Используя кнопку |»В | можно автоматически синтезировать промежуточные кадры по начальному и конечному рисункам.
C помощью кнопки рл[1 удобно просматривать кадры анимации, например", "можно уЬи-деть сразу все кадры. Кнопка позволяет определить число повторений последовательности кадров в списке.
Рис. 4.2. Панель. Frames (Кадры)
f
Часто при создании анимации необходимо оставить неподвижным фон или задний план. Для получения статического фона удобно использовать слои - дополнительные уровни для рисования. К понятию слоя применима метафора листа прозрачной кальки, который накладывается на базовое изображение.
Кадр анимации может состоять из нескольких слоев. Все изменения в одном слое не будут влиять на другие слои. Например, на отдельном слое можно создать изображение
заднего плана, которое будет оставаться неизменным для всей анимации. Для работы- со слоями используется панель Layers (Слои).
> Если на экране нет панели Layers (Слои), то откройте ее, выбрав команду меню Window ¦ Layers (Окно ¦ Слои) (Рис. 4.3).
В центральной части панели Layers (Слои) отображается спи-
используемых слоев. Пока он также пуст. В верхней части вкладки расположены открывающиеся списки, которые определяют параметры выбранного слоя. Первый слева открывающийся список позволяет задать прозрачности второй список - указать режим наложения слоев.
В нижней части вкладки Layers (Слои) находятся кнопки работы со слоями. С помощью кнопки ~ можно создать новый слой. Кнопка [в"! используется для удаления выбранного слоя.
Давайте создадим новый документ.
Puc. 4.3. Панель Layers(Cnou)
Быстро и легко создаем, программируем и рскручиваемУУеЬ-сайт
Выберите команду меню File * New (Файл * Создать). На экране появится диалог New document ' (Новый документ) для ввода параметров создаваемого документа (Рис. 4.4). „.,.,-„
¦Canvas Sze: 97$.6К-
VflAh; j5«Pj (pixels
Height: Resolution;
172 | |ихвЬ/1псЬ
'Canvas cokx-
О Transparent О Custom:
I Cr. I I Cancel ]
Рис. 4.4. Диалог New document (Новый документ)
Размер изображения определяется числом точек по горизонтали и вертикали. Поля ввода Width (Ширина) и Height (Высота) используются для ввода ширины и высоты изображения. В новом документе мы ничего рисовать не будем, поэтому оставим размеры изображения по умолчанию.
"В открывающихся списках, расположенных справа от полей ввода Width (Ширина) и Height (Высота), можно выбрать другие единицы-измерения размера изображения, например, выбор Centimeters (Сантиметры) позволяет устанавливать размер рисунка в сантиметрах.
Графическим разрешением называется плотность пикселов на рисунке. Разрешение измеряется в пикселах на дюйм или пикселах на сантиметр. Поле ввода Resolution (Разрешение) позволяет указать графическое разрешение рисунка. В открывающемся списке справа 'от поля ¦ ввода Resolution (Разрешение) можно выбрать единицы измерения разрешения.
> Убедитесь, что в группе элементов управления Canvas Color (Цвет фона) установлен переключатель White (Белый) для выбора белого фонового цвета,-
Нажмите
кнопку ОК, чтобы закрыть диалог New document (Новый документ). На появится окно нового документа (Рис. 4.5).
В нижней части окна находятся кнопки для просмотра полученной анимации. Кнопка позволяет воспроизводить анимацию, а кнопка [ТО — остановить проигрывание фильма. С помощью кнопки можно перейти к первому кадру анимации, а с помощью кнопки ІТГ) - к последнему. Для перехода к следующему кадру , анимации следует воспользоваться кнопкой (Щ, для просмотра предыдущего кадра достаточно нажать кнопку (Ж).
Нажмите кнопку в правом верхнем углу окна нового документа, чтобы закрыть окно.
В следующих знакомствах мы расскажем, как использовать панель Frames (Кадры) для
создания анимации.
ГЛАВА 4. Анимация с помощью Macromedia Fireworks
123
H)St if > U
Рис. 4.5. Окно нового документа
зклиоли^о м92.. Сменяющиеся рисунки
. В этом знакомстве мы продолжим создавать баннер, который был начат в главе по созданию графики с помощью программы Macromedia Fireworks MX. Это будет анимация с меняющимися надписями о деятельности фирмы АТЛАНТ и вращающейся звездой..