设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks制作分身动化特效
返回列表
发布主题
Fireworks制作分身动化特效
[复制链接]
查看:
292
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:02:38
|
显示全部楼层
|
阅读模式
大家都看过武打影片吧?影片中的武林高手施展功夫时,那真是令人眼花缭乱,其中有一项就是:分身术,让人看起来好像有几个人影。今天我在这里就教大家如何通过Fireworks4.0的制作来达到这种效果。
一、制作Fireworks的组件与分身
1. 打开图片,将对象定义为一个symbol(组件),当对象定义为symbol(组件)后,就可以复制无限个相同的对象也就是instance(分身),这个动作对于缩小档案容量有相当大的帮助。(如果你曾使用过Flash,symbol(组件)对你而言应该是可以接受的概念。)
% _2 }2 ^/ H5 Q5 I
& ?) U$ X# c- Z, ]
9 a' x( N: W: [* P& T+ Q
图12. 选择要做为symbol(组件)的对象,选取菜单指令Insert/Convert to Symbols来把它定义为symbol(组件)。如果你不想要一个特定的instance(分身)被连结symbol时只要选取菜单指令Modify/Symbols/Break Link就可以解除与symbol(组件)的连结。
" A3 j) L/ x6 d3 T' m+ r
" k0 M$ Q/ o0 n8 l# u
; F4 i' O9 J0 h5 }, a
图23. 你想要修改symbol(组件)的外貌时,只要编辑Library窗口里的symbol(组件)那 么画面上的instance(分身)就 会同时做更新了。(在Fireworks中,你可以复制、移动、编排大小或是旋转每一个不同的instance,因为一切都是由symbol(组件)所控制的。)
" z5 V1 o. k1 l# u4 w! p
) ?& @3 m7 p4 G
# f6 q# p, F" n( a* m+ w* T
图3
& ]3 k3 F" `% Y. d% \: S
6 W) j+ ^- h- F3 c* V
+ E. H2 s+ c+ v1 T/ R6 a1 V# H1 L
图4 学会了制作Fireworks的组件与分身,接下来就是要开始运用了分身的渐变。
二、组件的渐变
在这里我教大家如何让对象移动并且加上淡出的效果。有一种方法可以做到,就是用手动的方式改变对象在每一格frame里的位置,但是这必须具有细心及耐心,所以这里要教你如何用 Fireworks来帮你。1、首先将Library窗口里的symbol(组件),拖曳到画面上。
7 C* E- C/ J/ Y# ?: E
" `3 F! }; x* K
! a* Z. N7 C5 r4 y
图52、要创造动态时,就要使用Frame的toolbar。从拉下的选单中选择Duplicate Frames,在对话框中的数字选择1,按下OK。
; r9 e0 L- L, G' Y. i7 j$ h
. G! X6 U4 G6 s; R, H
. w2 a6 N& ]% x, t- Q" y9 {
图63、 Frame 1和Frame 2是一样的,按下Frame2并删去instance(分身),复制Frame2,这一次对话框中的数字选择4。现在你的动画中应该一共有6格frame,最后5格frame没有instance(分身)。4、 从Library窗口里拖曳出一个新的instance(分身)到Frame 1然后把它移到左边,这窗口才有一点空间。选择原本的instance(分身),再在透明度(Object)toolbar中将透明度(opancity)调至20%。同时选择两个instance(分身),选取菜单指令 Modify/Symbols/TweenInstance(勾选Distribute to frames)并在对话框中输入4格。现在你就可以比较一下6格frame的效果了。
三、动画的压缩与输出
在上面大家学会了组件的渐变,接下来就是最后的步骤压缩与输出。影像所有调整及存取的东西都在一个复杂的对话框中完成,它的位置在档案选单中的File/Export Wizard 。1、 你会看到选择(Options)工具出现在左边而档案预览在右边。选择工具让你可以选择压缩GIF影像的色彩,或是JPEG格式。此外Fireworks也包含一些网络用的.png格式,不过对我们来说没有什么用处,因为大部分的浏览器都不支持这种格式 。在这里我将格式选为AnimatedGif。2、 在色盘(Palette)底下,这里建议使用WebSnap Adaptive,如此一来会创造出一个合适的颜色色盘让影像使用最好的色彩, 而且它会保存你用浏览器定义的任何色彩,可说是安全的色盘。制作动画时,32是一个起头的好数字,所以在色盘选择的右边框框中输入32 。
. q1 X' ?: r4 ^. c z
* } O! j2 Q1 M$ ~8 ^8 c: K
# w& y% q0 I6 [4 u P D. w
图73、 右下方的几个按钮可以将预览的窗口分割为两个或四个部分,让你可以比较不同的设定。选择第二个按钮,让你比较32色与 64色的不同。在每个预览窗口的上面有选单,让你可以储存设定。 在每个预览窗口的上面都有选单可以让你储存设定。如果你喜欢你为影像所做的设定,而且想要把它套用在类似的影像上,按下加号。如果你想要将一批批次档套用到一样的色盘可以在这里定义,关闭压缩窗口后,再选择File/BatchProcess来设定影像。
# h$ r; T6 a( q$ G* w: F
. c$ t( r' l, W( x L
2 U( i" w" P6 L& l" k% f
图84、 动画卷标(Animation tab)。按着SHIFT键不放,按下全部frame来把它全部选择。在stopwatch图标下方的区域中,输入50让每一格frame出现半秒的时间(50/100),下方的两个箭头图标可以控制是否要让动画重复播放。不过在这里就别管这些箭头,让PlayOnce的箭头保持勾选的状态。让Auto Crop及Auto Difference保持勾选状态,这样一来只要改变每一格frame影像的一小部份,就可以到最好的压缩效果。
5 h2 e% p% {) ?1 g* e# m1 r+ m$ C
) M8 ]8 u6 w: s) e" f
- \& N J/ d9 {5 D, m
图9
4 p# y' @1 M+ M) T% D9 [
+ N8 @ U# R8 C. K9 |( q9 e& {
# V0 u. P' Q/ n* f- K+ l
图10 最后的步骤把动画调整好以后就可以预览一下,然后把你的心血结晶存盘起来,这样就大功告成了。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表