Fireworks - 妙用投影做动画

[复制链接]
查看: 243|回复: 0
gggds 发表于 2009-12-27 12:42:51 | 显示全部楼层 |阅读模式
  大家先看看下图效果,文字做圆周运动的同时,本身的位置终始是正的,没有象别的圆周运动那样字发生了倾斜,而且字的颜色在发生渐变。不要误会只有Flash中才能完成这效果,其实用Fireworks同样能完成,而且方法更简单。心痒了吧?跟我来!7 a3 ?" S  e" i  L  ^, v

) \  Z! e! D1 }5 I8 V- D# M  1、新建一个文件,Width=300pixels,Height=300pixels,背景色为White白色。  2、在编辑区用文字工具输入文字“网络学院”,字号为30pixels象素,字体颜色随意。取中该字,Commands>Document>Center in Document,使文字位于编辑区中心。: O6 h, S) Q" W5 \
* @7 D: J. U+ l; r1 f
  3、选中文字,按F8键,在弹出的对话框中,把Graphic前面的框勾选上,我们先把这四个字转换成符号。  4、选中编辑区的文字,按Edit>clone三次,克隆出三个同样的文字符号,此时它们的位置是重叠的,我们要的就是这效果,不要去移动它们的位置。在layer面板中我们选中最下面的图层,打开Effect面板,Shadow and Glow>Drop Shadow此时弹出投影设置框,我们把它设置如下图
+ n! o4 p: E" R, }& G
( x1 A! _1 m2 N& A  5、再选中第二个文字图层,(从下往上数第二个文字图层),打开投影设置框,把投影的颜色设置为绿色,角度为120度,其它的同上面设置相同。选中第三个文字图层,在投影设置框中,把投影的颜色设置为粉红色,角度为240度,其它设置同上。选中最上面的文字图层(第四个文字图层),在投影设置框中把颜色设为黄色,角度为360度,此时编辑区如下图结果
6 z3 F: w# ]0 P' ^, [2 e( Y6 B9 e2 o$ R5 t; U9 j6 p& F
  6、同时选中这四个文字图层,(或按Ctrl+A键),Modify>smybol>Tween Instances,在弹出的对话框中填入帧数为8,把下面的框勾选上。+ h- C3 Y4 y7 i7 i- ~

/ o+ u4 ^1 c) G  7、打开frame面板,把最后一帧删除掉,这样我们的动画就出来了,想一想,为了动画效果连惯,为什么要删除最后这帧?
+ ^' H2 B# z2 t3 \! l" Y3 U
! d! y! Y1 f5 N/ v5 u  8、什么???如果中间没有字就会更好看了。。这个,,这个,,,中间的字肯定是要有的,不然没有字我们如何能做出投影呢,这样吧,我们使一个障眼法,让中间的字消失。打开Library面板,双击Smybol符号,在随后弹出的编辑框中,选中文字,把字体的颜色改为白色(和背景色同色),千万不要自做聪明地把字体设置为透明度为0,如果把字设置为透明度为0,会有什么效果?你有没有见过透明的东西有投影的?最终的效果就出来了!  源文件:
: a: M) T- t8 \$ `( @( O
3 K& K+ n0 K3 L  妙用投影做课件  考题:一个小球在做匀速直线运动,而另一个小球沿着做匀速直线运动的小球做圆周运动,请画出它们运动的效果图?  台下考生当场就晕了一大半,还有一小半胆子稍大的也在不停地擦冷汗。哎,怪只能怪他们没有好好学Firework啊。大家通过上面的教程,完成这考题定是小菜一碟。  在此我只提提自已的思路,大家当做作业去完成吧。  先画一个圆,把圆转换成符号,再克隆出四个圆,使这四个圆在水平方向上错开一些位置,依次选中这些圆,把它们的投影分别设置为0度,120度,240度,360度,适当的调整它们的投影距离(这四个圆的投影距离一定要是一样的,否则就不是圆周运动了),模糊度设为很小或0,再选中它们做动画。效果如下图
. I5 U( s1 [% l5 f
0 c/ G1 h1 b2 J) y  恭喜你,行走江湖又多了一招。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )