Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Нажмите кнопку [Т) на панели Tools (Инструменты).
Кнопка [T] на панели Tools (Инструменты) позволяет выбрать объект на изображении. Кроме того, выбирать объекты можно и с помощью кнопки I*Jна панели tqols (Инст--.¦v рументы). Более подробно способы выбора объектов на рисунке рассматриваются в главе, посвященной работе с графикой в программе Macromedia Fireworks.
55
_Быстро и легко создаем, программируем и рскручиваем Web-сайт
м.||-1оп,.м|.<| f iicvnnbt MX 2(HM IbAHHtH.HHK @ IUUS Ц..ИІП Ш& ЕЗ
¦ •'H-J" і: sV. .
Рис. 4.11. Перекрывающиеся надписи в баннере
Эффекта смены надписей можно добиться, если в кадре одну из надписей сделать.
невидимой.
Давайте в текущем втором кадре анимации установим невидимым слой Layer 3 (Слой 3) с исходной надписью. !
На панели Layers (Слои) щелкните мышью на значке который расположен слева
¦ от имени слоя Layer 3 (Слой 3), чтобы данный слой стал невидимым. В правой части окна документа одна из надписей исчезнет (Рис.
-.. ,і:'/л: ¦; U-' ¦ і •: л: •• і-.:''
¦і. 3*,.
ff
Puc. 4.12. Кадр анимации с невидимой надписью ,
Теперь повернем звезду баннера на 180°. -¦''¦>'.*'.' ¦
> Щелкните мышью на красной звезде баннера. Звезда будет выделена голубой линией.
> Выберите команду меню Modify* Transform ¦ Rotate 180° (Изменить * Преобразовать ¦ Повернуть на 180°). Звезда баннера повернется на 180° (Рис. 4.13).
> Подведите указатель мыши к строке Любое компьютерное оборудование в окне ,документа. . ,..-/........• ..... ....
> Нажмите и удерживайте левую кнопку мыши. '
> Не отпуская левую кнопку мыши, перемещайте мышь вверх. Вместе с указателем мыши будет передвигаться созданная надпись.
> Когда строка Любое компьютерное оборудование переместится в центр правой части, отпустите левую кнопку мыши. Надписи наложатся друг на друга (Рис. 4.11).
ГЛАВА- 4. ¦ Анимация с помощью Macromedia^ Fireworks
127
.1:: і ..
.«мі ,
.-:--1, ¦. »¦ J-
. ¦ r . ,4- ¦ Рис. 4.13. Второй кадр анимации с повернутой звездой
Для поворота элемента изображения на произвольный угол можно воспользоваться командой меню Modify ¦ Transform • Numeric Transform (Изменить ¦ Преобразовать • Численное преобразование) и в открывшемся диалоге Numeric Transform (Численное 1 преобразование) ввести точную величину угла. С помощью команды меню Modify • Transform • Rotate 90° CW (Изме-
" нить ¦ Преобразовать ¦ Повернуть на 90° по часовой стрелке) есть возможность повернуть элемент рисунка на
" 90° по часовой стрелке.
I History
^ мои
U Layer Vtebfey
g_1
Рис. 4.14. Панель History (Предыстория) "¦/;'"7/
В нашем простом примере мы создали только два кадра ¦анимации. Обычно на практике получается значительно больше кадров. Как правило, для создания очередных кадров необходимо выполнить похожие - последовательности действий. Есть возможность исполнить несколько операций
одним действием.
¦',•-¦Выберите панель History (Предыстория) в группе панелей Frames and History (Кадры и предыстория) (Рис. 4.14).
В центральной части вкладки History (Предыстория) отображаются последние действия, выполненные в программе Macromedia Fireworks.
Ha панели History (Предыстория) можно выделить нужные для выполнения действия, удерживая нажатой клавишу IRm I. Затем следует нажать кнопку Replay (Повторно выполнить), чтобы исполнить выбранные операции. >,.
Есть возможность выполнить группу действий, не обращаясь к панели History (Предыстория). Попробуем 'создать новую команду меню, которая будет помещать надпись Любое компьютерное оборудование в правую часть окна документа.
> Щелкните мышью на операции Text Tool (Инструмент работы с текстом) на вкладке History (Предыстория). Выбранное действие выделится темным цветом.
г, ¦ . iilf;._v.,4--,»i. *
в нижней части панели History (Предыстория). На экране
> Нажмите кнопку
У
появится диалог Save Command (Сохранить команду) (Рис. 4.15).
128 Быстро и легко создаем, программируем и рскручиваем Web-сайт
\
LZ
OK I I Cancel
Рис. 4.15. Диалог Save Command (Сохранить команду) .... ¦ ¦ . .•«.*•%•.. ,•C4,
> Введите имя команды Текст в поле ввода Name (Имя). . vjjw» ^
> Нажмите кнопку ОК, чтобы закрыть диалог Save Command (Сохранить команду).' Новая команда меню будет создана.
Теперь, если выбрать команду меню Commands * Текст (Команды ¦ Текст), то в предварительно выбранном слое текста появится надпись Любое компьютерное оборудование.
Просмотр u настройка параметров «ролика» < ^
Созданный анимационный фильм можно просмотреть и отредактировать. В этом зна- 1 комстве мы расскажем, как воспроизводить анимацию, изменять скорость смены соседних кадров, сохранять на диске полученный ролик.
Сначала просмотрим созданную анимацию.
> Нажмите кнопку в нижней части окна документа. В окне документа будет вращаться красная звезда, а надписи о фирме АТЛАНТ будут сменять друг друга.
>• Нажмите кнопку (W) в нижней части окна документа, чтобы остановить воспроизведение анимации.