Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Нажмите кнопку (?) на панели Tools (Инструменты). При перемещении мыши над окном документа указатель мыши будет принимать вид
Установите указатель мыши на прямоугольнике.
Нажмите и удерживайте левую кнопку мыши.
Не отпуская левую кнопку мыши, начните перемещать мышь. При передвижении мыши будет перемещаться и прямоугольник желтого цвета.
> Установив прямоугольник на первой букве А названия фирмы АТЛАНТ, отпустите левую кнопку мыши. Экземпляр созданного анимационного символа будет размещен в начальном положении мультипликации (Рис. 4.32). "' '
ark t MK ?ПП4 - f ?dH+iep pnq \ Il IU (Ai
Рис. 4.32. Первый кадр мультипликации ^V.
Поместим второй экземпляр анимационного символа на последней ' букве названия фирмы АТЛАНТ.
ГЛАВА 4. Анимация с помощью Macromedia Fireworks.
139
Подведите указатель мыши к изображению прямоугольника в верхней части панели Library (Библиотека). ¦
х Нажмите и удерживайте левую кнопку мыши. Указатель мыши изменится "на 0. ' Указатель мыши означает, что копировать объект на место указателя нельзя. ,
> Не отпуская левую кнопку мыши, переместите мышь к окну документа С логотипом. Указатель мыши примет вид
> Отпустите левую кнопку мыши. В окне документа появится желтый прямоугольник,'" выделенный маркерами.
> Установите указатель мыши на выделенном прямоугольнике.
Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, перемещайте мышь. При передвижении мыши будет перемещаться и прямоугольник желтого цвета.
> Установив прямоугольник на последней букве Т названия фирмы АТЛАНТ, отпустите левую кнопку мыши. Экземпляр анимационного символа будет размещен в конечном положении мультипликации (Рис. 4.33).
•і' Ч" ¦ -г-2
Рис. 4.33. Последний кадр мультипликации Чтобы по двум экземплярам анимационного символа создать промежуточные кадры
мультипликации, в которой желтый прямоугольник будет перемещаться по буквам в
баннере, выполните следующие шаги.
> Убедитесь, что один из экземпляров символа выделен.
> Нажмите и удерживайте! sm I. !
>• Не отпуская клавишу
Shift
. щелкните мышью на другом желтом прямоугольнике.
Оба экземпляра анимационного символа будут выделены.
> Отпустите клавишу Выделение экземпляров останется (Рис. 4.34).
>
140
Быстро и легко создаем, программируем и рскручиваем Web-сайт.
Рис, 4.34. Оба анимационных символа выделены
> Выберите команду меню Modify ¦ Symbol * Tween Instances (Изменить ¦ Символ * ' ¦ Промежуточные кадры между экземплярами). На экране появится диалог Tween Instances (Промежуточные кадры между экземплярами) (Рис. 4.35).
...... „Рис 4.35. Диалог Tween Instances
¦¦ ¦ -(Промежуточные кадры между экземплярами) . ¦ .
> В поле ввода Steps (Шаги) введите число промежуточных кадров в создаваемой анимации 15.
,-.;. .• .
> Установите флажок Distribute to Frames ("Распределить по кадрам) для создания промежуточных кадров между начальным и конечным изображениями.
>- Нажмите кнопку ОК, чтобы закрыть диалог Tween Instances (Промежуточные кадры
между экземплярами).
Убедитесь, что на вкладке Frames (Кадры) появились промежуточные кадры. На каждом кадре желтый прямоугольник сдвигается вправо по названию фирмы АТЛАНТ.
Теперь изменим скорость смены кадров.
> Щелкните мышью на первой строке вкладки Frames (Кадры). Имя первого кадра анимации выделится темным цветом.
> Нажмите и удерживайте клавишу lfshift |.
Не отпуская клавишу
прокрутите список кадров и щелкните мышью на послед-
ней строке вкладки Frames (Кадры). Все имена кадров созданной анимации выделятся темным цветом.
> Отпустите клавишу |[smtt|.
ГЛАВА 4. Анимация с помощью Macromedia Fireworks
141
> Дважды щелкните мышью на времени задержки справа от имени любого кадра. На экране появится окно для ввода времени задержки (Рис. 4.16)'.' ¦'--\ л
> В поле ввода Frame Delay (Время задержки) введите время задержки при отображении соседних кадров — 5 сотых долей секунды.
> Нажмите клавишу ЩЩ. чтобы закрыть диалог. На вкладке Frames (Кадры) во всех строках появится введенное время задержки. Скорость смены соседних кадров изменилась.
Давайте сохраним созданную анимацию в GIF-файле и просмотрим фильм в программе Microsoft Internet Explorer., ; ¦
> Сохраните созданный ролик на диске в анимационном файле 6aHHepl.gif (см. знакомство «Оптимизируем и сохраняем графику»).
> Выберите команду меню File * Preview in Browser ¦ Preview in iexplorer.exe (Файл ¦ ¦ Предварительный просмотр в браузере ¦ Предварительный просмотр в Internet Ex-i. plorer). Будет запущена программа Microsoft Internet Explorer, и на экране появится ее
окно, в котором начнется воспроизведение подготовленной анимации: по буквам : баннера будет пробегать волна, частично затеняющая их (Рис. 4.36).
І UIIiIIIi)UUI МмшоІІ InI1:,,!,¦I Lttiibrui
1 Фалл Правка Вш Избранное Сервис
шл.
J Адрес: ^Temp\FWTemp\0OOOO001.htin'^jH
