Fireworks 4功能指南之三

[复制链接]
查看: 395|回复: 0
gggds 发表于 2009-12-27 13:39:11 | 显示全部楼层 |阅读模式
打开Demo_10.png或者在你的demo文件中继续工作   一帧帧地做动画
3 R- L; m: E  ^# }7 E% }6 M/ p  y
  • 在Layer面板,在Background层上建立一个新层,双击重命名为\"Top Banner\"
    0 l, Y7 d$ V$ v/ J; V
  • 选择File/Import,定位\"top_Banner.png\"
    * j5 r/ ^3 E6 e( m9 o
  • 在左上角放置这个文件" z' k; v; I% q7 ]  Q9 d
  • 在文件仍旧被选择时,使用Info面板设置放置的位置为x=0,y=05 r7 M$ _$ b6 T
  • 当我们开始做这个动画广告条前,我们需要决定哪部分将是背景的部分,应该放在动画的下面。在这个工作中,我们设置会动的部分为文字\"Compass\"和罗盘的图标。因此,在他们下面的青绿色的矩形应该被移动到共享层,也就是这个背景图层(因为我们想确保在我们动画中的每个帧中都能看到它)' s: X/ |/ N/ I* O$ m3 ]
  • 在Top Banner层中选择这个青绿色的矩形% k: V, s- c) P* c
  • 在Layer面板,拖动蓝色的点(表示选中了这个青绿色物体)拖到背景层中
    + B; G! o0 x: C9 |2 W- c' s
    5 y1 T6 b/ Z$ r8 O9 E
    0 }. T& @  Q* S8 P# j4 K/ v
  • 选择COMPASS文字+ ]$ z* Z! r( \! W
  • 在菜单中选择Insert/Convert to Symbol
    ( C1 i8 g+ n0 N$ R( t0 s! J
  • 把这个新的符号命名为\"Compass text\"作为Graphic符号,单击OK6 z( i3 O/ B$ e, }& Z# I- r
  • 在Effects面板,给这个新符号增加阴影效果% c( n+ _# I( {5 `3 b2 T8 U, n
  • 仅仅改变右下边的二个属性:改变模糊的数量为10 `9 _; |9 M8 M# x, j; p, F; h
  • 改变角度为200度
    2 q0 F4 j/ M; O! E
  • 复制这个符号,然后粘贴(它会粘贴在自己本身的正上方)  l' K, }, ]0 z; g! a: u4 l
  • 在Effect面板中,单击\"i\"图标来改变阴影4 c8 T1 b2 ?& t
  • 改变角度为350( Z/ w6 I: E5 s
  • 选择符号的二个复制品,(拖动指针穿过它们(从顶上开始,拖到文件的最下面)然后按住Shift键,点击背景层青绿色物体把它排除在外)
    1 \9 b+ M7 H  b( b3 d' u% l1 e' h
  • 从菜单中选择Modify/Symbol./Tween Instances" C" V4 O. J# Q+ l3 E- P
  • 键入数字6,并钩选\"Distribute to Frames\"选项,单击OK $ ]$ Y; v+ n4 P, W2 c( M# t7 e
    ( n' J1 M6 p- C& ?
      生动的动画......   打开Demo_10.png或者继续在你的演示文件下工作  生动的动画
    $ i2 @- k7 V+ i* \4 J$ y2 T( k
  • 在第一帧,选择Compass标志& u; r0 u; a  j( b2 l/ q& N
  • 从菜单中选择Modify/Animate/Animate Selection
    4 v1 p6 x8 R& s0 Z* W+ Z) ?7 h" r8 S: ]5 i! F

    + U1 j, X, ]# z. U2 }  ?
  • 在弹出窗口,选择帧数为8,旋转360度,点击OK9 S8 j& K5 v; P. l& r
    % P- @4 a+ d4 W: D) L  d

    + @/ n# _5 v; X( v) t: w7 x) C
  • 在文件中,那儿将会有一条由点组成的线被附在这个罗盘标志上。这些通过各自的8个帧来控制动画的运动
    ! M8 \* o! K7 _6 M7 O
  • 拖动红色的点到右边,以覆盖\"Adventure Planner\"的距离。按住shift键强制运动在一条水平线上
    4 c( P8 ~1 [: Z: ]3 R0 |
    ! q" Z' m& C2 p  O4 q+ h, k
    ! S: K. K  h! K. l
  • 在文档窗口,单击Rewind按钮,然后在文件中应用按钮预览你的动画; M, e/ G3 s9 e3 y% o6 I4 Z2 g
  • 在罗盘标志文字和动画上拖出一个切片物体: ~3 c. F' r9 A" q5 a- w2 X. f( }
  • 点击到第8帧,看清楚动画物体结束的地方,确保你的切片包围住了它
    * n& f2 V6 K) `& ~3 g
  • 当切片被选择,打开Optimize 面板并且在弹出窗口中选择Animated Gif格式" K: u7 r/ d2 R1 u+ Z
  • Web Adaptive,32 种颜色: t) V6 |$ N6 Q& c' L

      g* d# g0 t" N/ Z7 w. @- e6 x  与Macromedia Dreamweaver和Macromedia Flash 的综合应用......   与Macromedia Dreamweaver和Macromedia Flash 的综合应用  在这段中,我们将会输出我们的网页部分到Dreamweaver和Macromedia Flash中,以便进一步操作。  与Macromedia Flash的综合应用 / K/ {1 @/ x" j# D
  • 打开button.png,注意这三个帧为按钮的每个状态
    ; N: f- Q2 s! c5 f  s3 B% r+ @
    + ~6 n: e  ^' E, r2 O
    1 q5 q; W! F2 T. ^, r; r
  • 在File菜单中选择Export
    2 p$ W. d! H7 h- N
  • 在输出窗口的弹出菜单中选择Macromedia Flash SWF格式2 h" @- m! X* S2 a5 O' M2 G
  • 单击Option按钮
    , J) v- y! j* X- R
  • 改成\"Maintain Appearance\",然后点击OK
    8 {- O& i( A6 Q- e9 U1 E
    + t) w% J! h" a- E; d# J, A1 L" }, I
  • 命名这个文件为button.swf,然后点击Save
    3 X* A- P9 n, j0 g. K( j+ B
  • 启动Macromedia Flash
    + [, d& g+ K' w1 X7 f; r
  • 打开animatedbuttons.fla文件
    1 J/ s4 R3 q) l7 [  c+ \  ^$ b8 U5 D
  • 在Macromedia Flash中,插入新的符号(F8),命名为\"botton\",使它成为\"button\"符号,点击OK
    ' E1 ^2 C3 x( T5 z4 Z+ q
  • 在这个符号中导入button.swf文件
    . o; S& j# S2 F$ w6 ^2 \, q' B9 \6 a# t! X  U! f' e. `
    ) Q4 O0 t; i* `+ f
  • 在菜单中打开Window/Common Libraries/Sounds.fla/ o6 `. E1 R. T0 A, I
  • 在Button符号中单击Over状态并选择它
    9 D, [/ P, |. d3 H6 P7 s
  • 把这个音乐拖进这个状态/ o& o" g; R* A% E+ _# b

    ! m  j# a* s/ N* t8 A8 l+ j: K8 P4 v* l, t# B. E5 S! b1 T
  • 关闭符号编辑器(在文件的左上角点击Scene 1)& y  h: g- Y3 v" u& I6 N% e
  • 单击Button层# `4 V% Z( i3 l7 [& l0 N
  • 在Library窗口中按动个\"button\"符号,在左上角区域放置它
    4 y3 x  {) _* O7 g# @) e6 @1 M
  • 在Library中,选择\"Compass.png\"符号S9 E5 z5 d- C4 M) s, C* `2 R7 g
  • 将任意的声音拖入舞台中: R& F( L$ B. F6 v1 I& j# q

    9 }8 F5 L2 Z) \3 p3 @+ P+ p( R0 t* W ! k# W; r* ^! g: C
  • 在Library面板的下拉菜单中,选择\"Edit with Fireworks 4\"
    $ w8 e# o+ o6 x8 b: D) s; y1 i  U
  • 在对话窗口,选择\"Use Original\",点击Compass.png
    " D& [7 E; T- `' D9 s: U' n
  • 在Fireworks中,按ESC键退出图像编辑模式" H) C% b' O# L  {7 I$ ^
  • 在Effect面板,选择\"Adjust Color>Hue/Saturation\"% u; t, w( O+ w( L1 j. P& R
  • 把色调调整到-1405 y$ q' S- j1 ^6 d( s
  • 把饱和度调整到-55
    * ]0 e0 C! a9 Z$ {" U9 a) U" Q! T
  • 单击文件上方的Done按钮,返回到Macromedia Flash 9 N: q/ A! M) w6 R7 _% P" v

    ; u$ l' D  _4 Z- W
    2 l& P* A2 s2 T1 w
  • 选择Control/Test Movie来进行预览
  • 本版积分规则

    精彩图文

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