Fireworks轻松绘制banner广告(三)
(16)单击帧面板右上角的按钮,在弹出菜单中选择“Duplicate Frame”,这时弹出了复制帧对话框,我们在其中选择After current frame单选框将复制的帧放置到当前帧之后,如图19所示。http://cimg.163.com/catchpic/6/61/61567A00C70D5115CCFA60705CE0B55F.jpg
图19 复制帧对话框
(17)选择“OK”回到画布,出现第11帧的图像,这时后我们发现画布变为背景图了,如图20所示。
http://cimg.163.com/catchpic/6/69/698CDCB808B23A8B82CE78B4E5E2B1CA.jpg
图20 第11帧图像
(18)此时在层面板中选中Layer 2,将绿色的Symbol 3拖到画布中,在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单,选择“Animation”>>“Settings... ”,在弹出的对话框设置动画同样是10帧,这时同样会弹出图25所示的提示对话框。选择“OK”这样新的帧就被添加到了帧面板之上了,如图21所示。
http://cimg.163.com/catchpic/B/BD/BD4E9E859BE571837F028FD091076E3E.jpg
图21 新帧被添加到了帧面板之上
(19)接着选择Layer 3,将红色的Symbol 2拖到画布中,在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单,选择“Animation”>>“Settings... ”,设置其不透明度由100到0,帧数为10,如图22所示,使得红色逐渐淡去,绿色显示出来。
http://cimg.163.com/catchpic/7/7B/7B082B38718EEFC0AB75AF0FCC50F04F.jpg
图22 设置动画属性
(20)接着便是由绿色再变回紫色的了。同上,在帧面板中选中20帧,再添加一帧,选中Layer 3,将紫色符号拖到画布中,设置透明由0到100,选中Layer 2,拖入绿色符号,透明度不变,帧数也是10帧。点击播放按钮浏览,发现速度快了一些,按住Shift键选择帧面板上的所有帧,双击鼠标,设置帧延时为15/100 sec即可。下面来为Banner添加文字效果。
(21)在帧面板中选择第1帧,然后在层面板中选择Layer 3,接着新建一个Layer 4,选择工具箱上的文本工具为图像添加“天极软件网”文字,如图23所示。
http://cimg.163.com/catchpic/8/81/8155595A056D25DA4A447090F699BDE1.jpg
图23 添加文本
(22)选中文本然后按F8键将文本转换为符号,在符号属性中为其命名为nuoli,选择转换为动画符号,如图24所示。由于要将文本保持静止状态5帧,所以在设置动画时和前面不变色的图片符号一样,只输入帧数就可以了,其他的设置不变,如图25。
http://cimg.163.com/catchpic/C/CD/CDB9B33A3126DB3E501229F0046A89DD.jpg
图24 命名符号
http://cimg.163.com/catchpic/7/76/76B3C3DD02E0F65762D747F3E7B131CA.jpg
图25设置动画属性
(23)同理添加诺利网的网址“http://soft.yesky.com/”这个文本,并将其转换为符号,设置动画属性如图26所示。选择“OK”回到画布中,如图27所示。其中绿色点为动画起始位置,红色点为终止位置。然后在帧面板中选中第5帧,双击后面的数字,将帧速设为200。
http://cimg.163.com/catchpic/5/52/52CDD4EB52C5A36059125074B2A68383.jpg
图26 设置动画符号属性
http://cimg.163.com/catchpic/F/F1/F16A10BD160395A88DD0EB4149FD7A91.jpg
图27 文本转换为动画符号后的图像
页:
[1]