Firework制作动态Banner

[复制链接]
查看: 290|回复: 0
gggds 发表于 2009-12-27 12:50:57 | 显示全部楼层 |阅读模式
  firework做动画图片,最重要的面板就是桢面板,桢面板上按钮的功能在此我们不多说,鼠标在按钮上停留片刻,就能看到提示的,只是需要说明的一点,当我们要在原有桢上创建新的一桢时,只需要将原有桢拖拉到“新建/复制桢”的按钮上就可以,而不需要去复制原有桢上的各个图层。
- Z% s* S6 z# K' o
, J8 ?! a! a3 s3 E; [; m) M8 R  下边介绍一个Banner在firework里的制作过程,我们先看一下,最后的效果图。+ l+ o3 o/ M3 I2 ^7 b) J  Q* {, x  k
2 W4 p3 l6 F  N/ E
  1.新建一468*60,背景为#000000的文档,将光芒的素材放置适当位置。# s3 s7 Q% q6 U! M& K; e2 @4 _3 e

; D, I8 X8 K8 C; @  2.选中该图层,按F8修改元件属性,设置动画变化桢数为6桢,缩放到原始大小的1000倍。
/ x9 f. q' q. {6 M) m. H0 e/ \" F# Z+ b+ i- `. Y9 [. _. U& q
 % H4 K7 `. C3 d5 b8 _) U1 |1 ~
& V' q% {7 N% `$ M7 K
  确定:firework提示此元件的动画超过文档的最后一桢,自动添加新的桢。这样就创建了六桢光芒的变化效果。
5 M) e7 _( _6 \8 O9 z! w: f. O
  ~# I" o* s4 b. K4 u  3.从第七到九桢,我们做图片光感的明暗效果,点击“新建/复制桢”创建第七、八、九桢,在第八桢上,新建一图层,Alt+A全选后,填充白色,这样就形成了,图片明暗的闪动效果。/ a- I% `8 h) L  N8 V2 j

6 S9 I, Y/ n7 u6 f$ C  4.第十到第十一桢,创建光芒到风景变化过程。在第十桢上按顺序放置下边两图案,复制成第十一桢。在第十桢上,调节上层透明度为80%,在第十一桢上,调节上层透明度为50%,这样就形成了光芒的渐隐,风景的渐显效果。0 y- s' @& u) h/ n9 K' {" F
( r8 E5 U6 f* v: R+ Z8 J1 H2 j' I% g
  5.第十二到第十六桢,创建人物图案的渐显效果。复制第十一桢后,在光芒图层的下层,加入人物图案的图层,复制成五桢,与前边光芒、风景渐隐渐显的效果方法相同,调节每一桢上人物图层的透明度,即形成人物图层的渐显效果。
! C' ^: `( o7 B% P$ g) Q, A( \6 X6 X% q- d# _' w& |6 Z
  6.第十七到第二十三桢,创建《满江红》文字的显示过程。一桢显示一句,是很简单的过程,只需要将上一桢拉到“新建/复制桢”,创建新的一桢,再添加需要新增加的一句即可。如下图为第二十一桢的效果。; y6 t6 z" Q% Z/ q
- {; b9 C7 P9 g0 T
  7.第二十四到第二十八桢,创建“潮汕新江湖”文字的效果过程。  在第二十四桢上输入颜色为#E67830,大小为50号的华文宋体:“潮汕新江湖”,利用发光做出字体的描边效果。2 \: V: L1 A/ c8 d+ \2 w

  t5 ?, u! \, g" V( b8 b1 r4 H) g! j  8.复制成五桢,调整每一桢上字的大小和透明度,形成逐渐清晰、逐渐缩小的效果。- o- [5 U% @5 O8 ^& @7 V2 u( i+ \
8 i- W- u, V0 H
  参考:第二十四桢字体大小扩大到原来的400%,透明度为25%;  第二十五桢字体大小扩大到原来的300%,透明度为50%;  第二十六桢字体大小扩大到原来的200%,透明度为75%;  第二十七桢字体大小扩大到原来的100%,透明度为100%;  如图,这是第二十六桢的效果。
0 f( ?* _. U* L) W4 g  Q7 H, ]+ U3 l; w# c
  9.第二十八桢和第二十七桢是一样的,在此分作两桢,是便于控制每一桢显示时间。第二十八桢为最后一桢,突出主题,这是“潮汕新江湖”的Banner,所以停留的时间需要长一下,以便让人清楚。  10.这样,整个Banner就做好了。我们可以适当的调整每一桢的显示时间,如图中,红线框内的数字就是该桢延时的时间,单位为1/100秒。# f9 n: h0 c; v3 B
, c4 [  u2 s( H( y: I1 ]
  要让Banner显示的动画效果最自然,需要多调试每一桢的延时时间。我们可以点击文档上的“播放/停止”按钮进行预览。
' n3 Q7 ?4 K9 g/ q5 ^; C4 v* ^

本版积分规则

精彩图文

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