设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
透视动画制作
返回列表
发布主题
透视动画制作
[复制链接]
查看:
296
|
回复:
0
gggds
当前离线
积分
22804
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:53:43
|
显示全部楼层
|
阅读模式
大家看看下面的动画,用fw如何制作?请看……
4 H/ s' l) F' x+ {/ S; z
/ C1 P1 y' K0 x0 {; U
第一步:进入fw工作环境,新建文件,背景色自定。我们首先要做上部的动画。选择菜单项\"insert --> new symbol\",在弹出的对话框中,选择\"animation\"选项。 第二步:编辑该symbol。在symbol的编辑区首先画出一个正圆(配合shift键),clone它(复制-->粘贴也可以),一共做出8个圆;然后如下图所示将这八个圆均匀环形排布,你可以先做一个圆不要填充色只要描边色,来作为均匀排布八个圆的辅助线。这一步一定要细致,因为将来形成的动画的细致程度如何,这一步影响很大。将八个园均匀的排列在圆形辅助线上,(园的数目越多,平滑度越好,当然生成的文件也就越大)。最终效果如左图所示animate-->settings\";
6 w! O7 b1 |. I0 \4 L0 ?
& Z7 P1 b: N+ v2 O! V' ?( x2 Q
接着就会弹出下图的对话框,这里就是我们要设定动画的具体选项设置了!
7 b! n# E- b, M6 G+ y( G
$ D9 }! d# G8 e
下面我们一一来说明各项的具体含义: frames:数值也就是你的动画所要生成的影桢数目; move:就是你的动画移动的像素值; direction:配合你的move值来决定move的方向; scale to:动画缩放比例,产生由大变小,由小变大的动画效果; opacity:不透明度,可以生成渐隐渐现效果,或者相反的效果; rotate:动画旋转角度,cw是顺时针,ccw是逆时针旋转; 明白了各项的含义,我们的动画制作起来就简单多了……各项的设置如下:\"frames:13\";\"rotate:170\"。其他的各项不作调整。 第五步、设定完成后ok!会弹出下图对话框,ok即可!好了,现在你可以点击快捷工具栏的播放按钮来看看你的动画效果了!
8 y. e9 o5 D4 b+ Y" z/ |8 O$ N7 I
' q1 O. z. D' A% }) M
补充介绍:除了上述方法来设定动画,还可以通过浮动面板中的object面板来做相应调整,具体不做赘述!
4 m( H: ]8 w( O1 t9 Y$ N1 G
9 \3 I. Y# F: x# K Y$ o4 L- B' O
第六步、做通过透视产生的阴影的动画。 当然你可以按照上面的方法再新建一个symbol——重新画一个浅色的圆,然后沿园环排列,然后把这个symbol拖到舞台,设定,做成阴影动画…… 但是实际上我们没有必要再次新建一个symbol,我们还是使用刚才的symbol就可以啦,还是在第一帧插入symbol,然后通过自由缩放、旋转工具调整它的形状,直到你满意为止!然后将它放到适当的位置,最后设置动画选项:还是通过\"modify-->animate-->settings\"或者\"object\"面板选项来具体设定,\"frames:13\";\"rotation:173\";\"opacity: 38 to 38\" 在这里我们将其opacity选项进行了设定,将其透明度做了调整,这样也就是我们所需要那种阴影效果啦……ok!!第一桢的具体设定如下图:
5 w. t" e) l+ r
6 m) B: {1 F7 x7 d9 P" v
补充说明:产生阴影效果的方法,除了调整opacity选项之外,还可通过调整layer面板的opacity来改变透明度;还有可以通过\"effect-->adjust color-->hue/saturation\"来做调整。 第七步、保存,输出动画,记得格式要选择 animated gif。好了,一切完工了,不是很复杂吧……呵呵!这里有png格式的源文件(38k),有不明白的地方,大家可以到留言板留言……
8 G3 ~. x" J+ a! `7 b
$ g7 I/ }+ A& H
png格式的源文件 后记:想来想去还是用Flash做了一个同样的效果,感觉不如fw做的出色,至少目前flash还没有出现针对这种透视动画处理的很好的方法……有兴趣的朋友可以看看源文件 这里(23k)!下面是flash做的动画效果。Flash源文件下载
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
浏览过的版块
国内会展照片集合/Domestic exhibition
快速回复
返回顶部
返回列表