设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks教程:3D旋转gif动画(1)
返回列表
发布主题
Fireworks教程:3D旋转gif动画(1)
[复制链接]
查看:
287
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:11:13
|
显示全部楼层
|
阅读模式
本教程介绍使用Fireworks制作可爱的四叶草旋转gif动画效果,教程主要讲解了运用运动痕迹滤镜模拟3D效果来完成最终效果,如果你有兴趣就动手做做看咯。
% G8 i4 ^2 x& r0 {0 J
看了“小可爱”转的用Fireworks插件制作3D的gif动画,实在强大。
6 r* f; N4 I. _% B
介绍这个插件的文章有差不多这样一句话:按下“导出”按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif。
: L$ @ L! [8 e D
晕,我家里的机是N年前的老牌货,看来要另想办法了。
3 x( {& J7 @- ?7 @2 U) }" U8 Y( ?: `2 h) b
乱碰乱撞之下,意想不到的事情发生了~~~~~
+ T8 n9 ~. N" t0 w. ^- G, `
: ^$ ]% ?2 l* X8 c2 x
' b4 z( q0 d4 b: [5 U
效果图
0 ]4 C4 r+ C$ S* @& b8 R
D6 Z0 n( N% m/ `* v/ m
* L7 o/ J3 r9 J) x! B
Png图
1 Z( d2 x8 s/ ]
1. 新建一个150*100px大小的画布,用“星型工具”画一个四叶草图案,为它加一个“纯色阴影滤”镜。
% Y+ Q1 b+ i$ D1 D" |
按F8转换为“动画”元件,设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。
; o f4 \1 P( q# u' |4 @ G
6 \! f/ K. b- ~
* Y* F `: C7 ?
图1
7 a+ V( N; x) V R4 t: q! h
2. 这一步是核心效果。为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜,参数就自由选择了。
6 n# C2 _# A( Y( D/ s: k& ~: F
按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。
1 k" w2 w& {/ O+ [8 U9 G( i, S
% `& c4 D* j' m- w+ i( e" b1 P$ z" Z
5 d+ c t: Z9 b. Y: S* y+ U7 u5 K
图2
% ]; W* \0 h& v. B" h8 O
3. 最后新建一个层,放标题和签名,将该层置于顶部,钩选“共享交叠帧”。
% u' [1 b$ b6 `
一个仿3D动画的gif就3步被K.O.了。
3 v1 o/ c* j; ~/ j
' a) T2 ?$ [9 C3 I
5 \9 w* n( c3 M9 P ~ I7 p$ X# M/ ^
图3
" M3 t; I( @: l1 ~! l" @/ }- c/ {
; F& o0 q2 s* J; M4 @( T$ G
End:在用滤镜制作动画时,我发现有时几个动画元件应用滤镜和几个动画元件的组合应用滤镜的效果是截然不同的。
i! x- U) ~7 e3 m5 @6 }: U; x7 `
你试过了吗?尝试使用各种滤镜,制作精彩的动画效果吧!
; c. E8 i- Y# j8 z
3 r5 o1 [) ?! w# u
+ t% `7 M7 x" X* d
图4
4 h; w) M3 u3 L2 S g8 |8 p
R: 还有其它三个作品,由浅入深简单说一下它们应用的技法。
9 l0 U" K" {% n. \* B
1. 齿轮的绘画用了“自动形状”的“齿轮”。对自转的动画实例应用了“纯色阴影”滤镜。
7 O* r5 Y3 ^0 p; g
2. 对所有元件实例进行了组合,然后添加“内侧阴影”、“投影”和“纯色阴影”滤镜,对实例的组合应用这些滤镜,看上去就有小星星从大星星里融出的感觉。
t: P1 h& R7 x( ?: _& d. N0 ?
3. 只有一个层,设为共享交叠帧,对眼睛图形实例和泪滴动画实例进行组合,然后应用发光滤镜,这样泪滴好像从眼睛里融出。当然,帧延时要不断减小,模拟泪滴从悬挂到自由落体运动的过程。
. d" z5 R2 }' o( A; a
, v$ W4 J. P- u0 ]
) {$ n! L' x* n I# W7 m
图5
# i g' H% C+ o8 n9 p% |2 G9 T
9 i- t( I# C, w/ X) k$ ^1 \0 d6 A% R8 C
0 z' [5 M7 e4 x/ j. v3 D
图6
3 n' s( m0 t+ N% E6 ?7 u$ v
9 U9 Y6 ]) C- N1 K: }1 Y
$ Z; d( h) L: `5 R. ~
图7
1 q$ w$ K. O- Q) G3 n/ Y
+ Y- k e8 P: k
6 F& \3 j& c7 N! B6 S% h9 O
图8
+ R2 D9 F0 p# W$ I
& J" f* j! r% {6 a8 q* F
! n% b& C8 ~! O3 ^: n; z$ d& B
图9 png
! N$ r4 g& Z3 c; j8 @8 d+ V) D
3 H$ `2 d8 j# n- ^% }
4 }% b% T# n$ ]5 }( M( v# W
图10 png
! P+ E1 B$ ]3 {$ \/ M, z
* r6 \. w. O& P! r9 L
0 A; a0 ?# v# B9 S9 x
图11 png
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表