Fireworks妙用投影做动画

  大家先看看下图效果,文字做圆周运动的同时,本身的位置终始是正的,没有象别的圆周运动那样字发生了倾斜,而且字的颜色在发生渐变。不要误会只有FLASH中才能完成这效果,其实用Fireworks同样能完成,而且方法更简单。心痒了吧?跟我来!

  1、新建一个文件,Width=300pixels,Height=300pixels,背景色为White白色。
  2、在编辑区用文字工具输入文字“网络学院”,字号为30pixels象素,字体颜色随意。取中该字,Commands>Document>Center in Document,使文字位于编辑区中心。

  3、选中文字,按F8键,在弹出的对话框中,把Graphic前面的框勾选上,我们先把这四个字转换成符号。
  4、选中编辑区的文字,按Edit>clone三次,克隆出三个同样的文字符号,此时它们的位置是重叠的,我们要的就是这效果,不要去移动它们的位置。在layer面板中我们选中最下面的图层,打开Effect面板,Shadow and Glow>Drop Shadow此时弹出投影设置框,我们把它设置如下图

  5、再选中第二个文字图层,(从下往上数第二个文字图层),打开投影设置框,把投影的颜色设置为绿色,角度为120度,其它的同上面设置相同。选中第三个文字图层,在投影设置框中,把投影的颜色设置为粉红色,角度为240度,其它设置同上。选中最上面的文字图层(第四个文字图层),在投影设置框中把颜色设为黄色,角度为360度,此时编辑区如下图结果

  6、同时选中这四个文字图层,(或按Ctrl+A键),Modify>smybol>Tween Instances,在弹出的对话框中填入帧数为8,把下面的框勾选上。

  7、打开frame面板,把最后一帧删除掉,这样我们的动画就出来了,想一想,为了动画效果连惯,为什么要删除最后这帧?

  8、什么???如果中间没有字就会更好看了。。这个,,这个,,,中间的字肯定是要有的,不然没有字我们如何能做出投影呢,这样吧,我们使一个障眼法,让中间的字消失。打开Library面板,双击Smybol符号,在随后弹出的编辑框中,选中文字,把字体的颜色改为白色(和背景色同色),千万不要自做聪明地把字体设置为透明度为0,如果把字设置为透明度为0,会有什么效果?你有没有见过透明的东西有投影的?最终的效果就出来了!
  源文件:

  妙用投影做课件

  考题:一个小球在做匀速直线运动,而另一个小球沿着做匀速直线运动的小球做圆周运动,请画出它们运动的效果图?
  台下考生当场就晕了一大半,还有一小半胆子稍大的也在不停地擦冷汗。哎,怪只能怪他们没有好好学Firework啊。大家通过上面的教程,完成这考题定是小菜一碟。
  在此我只提提自已的思路,大家当做作业去完成吧。
  先画一个圆,把圆转换成符号,再克隆出四个圆,使这四个圆在水平方向上错开一些位置,依次选中这些圆,把它们的投影分别设置为0度,120度,240度,360度,适当的调整它们的投影距离(这四个圆的投影距离一定要是一样的,否则就不是圆周运动了),模糊度设为很小或0,再选中它们做动画。效果如下图

  恭喜你,行走江湖又多了一招。

时间: 2024-11-03 22:48:20

Fireworks妙用投影做动画的相关文章

ppt怎么做动画?Swiff Point Player插件帮您实现

ppt做动画其实很麻烦,下面小编教大家用Swiff Point Player插件实现在powerpoint中插入Flash 动画的方法,相对来说轻松很多 Swiff Point Player 提供 Powerpoint 与 Flash 在使用上更紧密的结合,网页设计师或 Flash 设计师能快速方便的将制作好的 Flash 作品加入到 Powerpoint 格式的投影片中,当演示文稿浏览到含有 Flash 的那一页时就会自动播放内含的 Flash 动画为演示文稿增添了不少的流畅性和互动性.此插件

photoshop做动画时间轴理论和技巧解析分享

给各位photoshop软件的使用者们来详细的分享一下做动画时主要用到的时间轴理论和技巧. 解析分享: 1.巧用智能对象 利用技巧,PS时间轴可以做更多相对复杂的动画,而这些动画的实现更多的是利用智能对象实现. 转换为智能对象可以N次,转换越深的对象继承级别越高,每一次的转换都可以给其做不同的动画或者样式,并且和被转换的动画或者样式叠加.对于样式,它显得更有用(例如给一个图层添加多个投影).   玩过flash的朋友们都知道有一种元件叫影片剪辑,它可以很灵活地重叠动画,在PS时间轴里,智能对象相

手把手教你用jQuery做动画插件

CSS样式属性动画 我们现在有很多的动画方法,滑动.淡出淡入.还有其他的显示隐藏动画,但是我们对于精确的控制动画以及动画到底怎么发生的还不太了解.我们这就来介绍一个非常强大的jQuery函数,animate,这个方法可以让你对任何的CSS属性做动画的效果.我们看看代码: $("p").animate({        padding:"20px",        fontSize:"30px"  },2000)  这段代码会动画操作所有的,将他们

用MASK做动画

用MASK做动画(三) 八.按F8键,在符号属性对话框中选择其类型为animation.点击OK按钮.在紧接着跳出来的动画窗口中再进行如下设置.Frames设为10帧.Move选项设为200(随便设置一个数字好啦).Scale to 选项中填入120.点击OK按钮表示确定. 九.看到红色小圆点没?呵呵,用鼠标选择它,并把它拖到黄色文字层的最右边. 十.最后一步啦,打开Layers面板,选择Layer1标签,双击.在跳出的对话框中把Share Across Frames前面的钩选上.使图层1进行共

iOS动画——啥?AutoLayout还能做动画?

  是的,很明确的告诉各位看官,AutoLayout的确能做动画.AutoLayout是用来做各种约束,是用来适配不同屏幕的,那么当我们改变其中某些约束并讲这个改变的过程以缓慢的速度显示,那么是不是就实现了动画- 先来看一个酷炫的动画,这个动画由书籍iOS Animations by tutorials提供: 由书籍iOS Animations by tutorials提供 接下来我们将围绕这个动画的实现过程来进行叙述. 首先给我们最上方的这个类似Navigation的menu做动画,很明显我们

Android 使用XML做动画UI的深入解析

在Android应用程序,使用动画效果,能带给用户更好的感觉.做动画可以通过XML或Android代码.本教程中,介绍使用XML来做动画.在这里,介绍基本的动画,如淡入,淡出,旋转等,需要的朋友可以参考下   效果: http://www.56.com/u82/v_OTM4MDk5MTk.html 第一步: 创建anim文件夹放置动画xml文件在res文件夹下,创建一个anim的子文件夹.           第二步: 加载动画接着在Activity创建一个Animation类,然后使用Anim

ppt怎么做动画效果?

  ppt怎么做动画效果?powerpoint中如何插入随机效果,小编为大家讲解powerpoint中如何插入随机效果. 1.如图所示,我们点击打开箭头所指的ppt文档. 2.如图所示,我们点击箭头所指的"视图"这一项. 3.如图所示,我们点击箭头所指的的"幻灯片浏览"这一项. 4.如图所示,我们点击箭头所指的"切换"按钮. 5.如图所示,我们点击箭头所指的"随机"这一项. 6.如图所示,我们点击箭头所指的"应用于所

wpf-WPF在做动画效果时,storyboard的targetname该怎么用。

问题描述 WPF在做动画效果时,storyboard的targetname该怎么用. WPF在做动画效果时,storyboard的targetname该怎么用. 解决方案 https://www.zhihu.com/question/24904064/answer/41416402

沿着path路径做动画

沿着path路径做动画   路径   效果   源码 // // ViewController.m // PathAnimation // // Created by YouXianMing on 16/1/26. // Copyright 2016年 YouXianMing. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (nonatomic) CGP