Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Выберите команду меню File* Preview in Browser • Preview iniexplorer.exe (Файл ¦ Предварительный просмотр в браузере * Предварительный просмотр в Internet Explorer). Будет запущена программа Microsoft Internet Explorer, и на экране появится ее
-''окно, в котором начнется воспроизведение подготовленной анимации: сменяющиеся ¦ надписи о фирме АТЛАНТ и ' вращение звезды (Рис. 4.23).
3(CAWLUS6j,..iun ц
j Файл Правка Bw Избранное Сервис Справка
Xi* v;!*SttA
\ ф Нем. - . g| [g) fjj [ ?) Поиж ' Иеореине. 4$ I
] Адрес: 1? C:\WEByiewep.gil El И "¦P-»
* га
Компьютеры на любой вкус
I У MyCornputa
Рис. 4.23. Окно программы Microsoft Internet Explorer с анимацией
> ' Нажмите кнопку [5{J в правом верхнем углу окна программы Microsoft Internet Explorer,
чтобы закрыть окно.
Отметим, что просмотреть созданный анимационный GIF-файл можно в программе Microsoft Internet Explorer, загрузив нужный файл с диска.
134
Быстро и легко создаем, программируем и рскручиваемУУеЬ-сайт
ЗиАММывбо KJ*S. ¦ Sv*"
Автоматическая генерация промежуточных ЬдроВ *
ЕСЛИ в анимации много кадров, то создавать все рисунки фильма вручную довольно утомительно. В ряде случаев, например, при движении объекта на экране, можно автоматически генерировать промежуточные кадры по начальному и конечному изображениям. В этом знакомстве мы создадим анимацию, в которой по буквам баннера будет пробегать волна, частично затеняющая символы, при этом будет использоваться автоматическая генерация кадров.
Сначала удалим все кадры нашей анимации, кроме первого.
> В окне документа выберите вкладку Original (Исходный) для упрощения дальнейшей работы. В окне документа останется только один рисунок баннера.
> Если на экране нет ' панели Frames (Кадры), то выберите команду меню Window ¦ Frames (Окно ¦ Кадры). На экране появится группа панелей Frames and History (Кадры и предыстория) с открытой панелью Frames (Кадры) (Рис. 4.2).
> Щелкните мышью на второй строке панели Frames (Кадры). Имя второго кадра
анимации выделится темным цветом.
> Нажмите кнопку в нижней части панели Frames (Кадры). Второй кадр анимации будет удален. Останется только один кадр. . .; ... .
> Выберите панель Layers (Слои) (Рис. 4.24). :
Обратите внимание, что слева от имени текущего выделенного слоя Layer 1 (Слой 1) отображаются значки Щ и Значок Щ означает, что все объекты на данном слое видны на экране. Щелкнув на значке Щ, можно скрыть слой. Значок ф показывает, что слой является активным, иными словами, текущим для рисования. Если вместо значка отображается значок то слой заблокирован, т.е. недоступен для редактирования. Чтобы заблокировать слой, достаточно щелкнуть мышью на значке
Для создаваемой анимации потребуется только название фирмы АТЛАНТ. Слои со звездой и надписью о деятельности фирмы мы удалим.
> Щелкните мышью на имени слоя Layer 1 (Слой 1) на панели
Layers (Слои). Слой выделится темным цветом.
[Normal
.ТІ
в
ш\
Es) Web Layer *№
в
ш\
Era Layer 3
ш\
а
Щ
S Layer 2 *>]
і - і Text
в
ш\
в
*!?
ш
і ' 'Path
т
i— ' Rectangle
ш\
h=PaUi
Ftar.fl oJJt)J m
Рис. 4.24. Панель ¦..Layers (Слои)
> Нажмите кнопку | ffi | в нижней части вкладки Layers (Слои). Звезда на рисунке баннера исчезнет. Слой Layer 1 (Слой 1) будет удален._
Щелкните мышью на имени слоя Layer 3 (Слой 1) на вкладке Layers (Слои).
> Нажмите кнопку [Ш | в нижней части вкладки Layers (Слои). Надпись о деятельности фирмы АТЛАНТ на рисунке баннера исчезнет, а слой Layer 3 (Слой 3) будет удален. В баннере останется только название фирмы АТЛАНТ (Рис. 4.25).
ГЛАВА 4. Анимация с помощью Macromedia Fireworks 135
¦ Рис. 4.25. Название фирмы АТЛАНТ в баннере
В создаваемой анимации слово «АТЛАНТ» будет использоваться в качестве фонового изображения, которое будет оставаться неизменным в процессе воспроизведения фильма. Давайте установим слой Layer 2 (Слой 2) с названием фирмы общим для всех кадров будущей анимации.
> Дважды щелкните мышью на имени слоя Layer 2 (Слой 2) на панели Layers (Слои). На экране появится диалог для настройки слоя (Рис. 4.26).
Layer Name: Layer 2
? Share Across Frames
>> Рис. 4.26. Диалог для настройки слоя
> Установите флажок Share Across Frames (Общий для кадров), чтобы назначить-выбранный слой общим для всех кадров.
> Нажмите клавишу чтобы закрыть диалог. На панели Layers (Слои) имя слоя
' : ... Layer 2 (Слой 2) пометится значком Это означает, что слой с названием фирмы АТЛАНТ стал общим для всей будущей анимации. •
Остальные подвижные элементы: анимации будем создавать на другом слое. Чтобы добавить новый слой, выполните следующий шаг.
¦ > Нажмите кнопку ~~ в нижней части вкладки Layers (Слои). На вкладке появится ' 'стр'ока с" именем-кадра Layer 1 (Слой 1) и значком Это означает, что создан новый
