如何用fireworks做漂亮的logo动画(2)

[复制链接]
查看: 495|回复: 0
gggds 发表于 2009-12-27 13:22:39 | 显示全部楼层 |阅读模式
//BK(blue1000.com)原创,转载请注明出处//http://www.blue1000.com
  s1 N: a8 S/ m# K# g, e) b- ^: y; ~上一节听我罗嗦了那么多,大家都有些想吐了\\\"\\\"(嗯?刚才谁在骂我???!!!)\\\"好了,这节就直接开说了。本节,blue1000就给大家做一个very easy的LOGO出来,恶心一下刚才骂我的那位。请大家注意整个过程,这才是本节的重点!
- S9 @3 D- \5 z3 t, ?' \+ v0 J先看动画,边看边读下面的同步说明.说明:1.因为动画比较大,所以分成了几块。??????2.建议大家全屏播放,这样有些数值可以看得清晰些。??????3.在观看的过程中,你可以点击动画上的开始及暂停按钮,以方便你对照后面的文字教程。
. m8 s4 U2 t8 n[全屏观看动画1]????[我想把动画下载到本地机子上观看(右键\\\"目标另存为……\\\")]
2 V: B1 T4 a* v/ Y2 B" `[全屏观看动画2]????[我想把动画下载到本地机子上观看(右键\\\"目标另存为……\\\")]1 t4 v: f# k1 T2 z5 s- q! h
1.打开FW。(我感觉又有人骂我了 ,可是我还是坚持我第一节声明过的假设。)请看大屏幕(哦,上边那两个小的* i; g# M- q# K2 h0 g5 a; F. `8 G1 @
2.打开素材图片。用\\\"虚线框\\\"选取工具,选取你的logo背景图,选哪一块呢?看你的意思了.然后右键\\\"编辑\\\">>>\\\"剪切\\\"或者(CTRL+X).3 A! r, r& n5 B6 e$ L; V+ y; s- ?/ _2 \
3.新建文档,设置画布大小为: 宽88高31.然后右键\\\"粘贴\\\"或者(CTRL+V),调整背景图片位置;用矩形工具做个背景边框,调整填充色为无,边线颜色为黑色或者其它.) }. v# e2 T+ e7 H% {! ?9 |8 U
4.做LOGO下方网址栏的白色背景矩形图:矩形工具画一个矩形图,设置边线颜色为无,填充色为白色;用文字输入工具在白色背景矩形图内点一下,输入网址,这里输入www.blue1000.com ;用实心箭头选取工具选中字体\\\" www.blue1000.com \\\",调整颜色为黑色,字体为04_3字体,大小为8号;点击属性面板中下方的下拉菜单(在铅笔图标的右边,动画中也有演示),选择“No anti_alias”,也就是最上面那个。这样做的话,字体清晰度比较高。0 X9 b. r! [0 W! ?! p5 n
5.按着Shift键,用鼠标依次点击所有层,选中所有子层。然后点击layer层右上角的微型菜单。选择“平面化所选”,使我们刚才画的图变成一张位图,便于管理;再次点击layer层右上角的微型菜单,选择“共享所选层”,因为背景层在以后的所有祯中都要用到。点击新建层图标,新建一个父层) g' v! v4 G6 ]/ i* c5 T
6.选中新建的父层,点击祯面板中的新建祯按钮,系统自动生成两祯。选中第二祯,用文字工具输入\\\"BK设计\\\"四个字,字体为04_3字体,大小12号。这里注意:要保证属性面板中下方的下拉菜单中显示的是“No anti_alias”。调整文字到左边缘。
8 q. i0 T! _: E9 i7 ~+ T( q6 I7.用鼠标把第二祯拖放到新建祯图标上,复制第二祯。然后将“BK设计”四个字向右移动一个汉字的距离,第三祯就完成了。
( ~5 {# j" o& h8.然后把第三祯拖放到新建祯图标上……,依次类推,完成以后的几祯,直到“BK设计”四个字为于画布的正中间.: {/ Z% y4 k) V, _( G- w
9.双击最后一祯的右边的数字“7”,在弹出的设置栏里将这一祯的动画停滞时间设置为200。点击工作区下方正中的动画调试开始按钮,查看你做的动画;修改各祯,直到满意为止。- _3 C3 }. y: T' P% {
10.打开file文件菜单中的导出预览面板,将输出类型改为:“Animated gif”动画格式,然后Export输出,OK!欣赏你的LOGO动画吧。
/ K0 D: q3 k! {0 _, Q7 C终于讲完了,我要水~~~~.好了,大家先试者自己做一个看看,是不是很有成就感啊?呵呵.先别说谢谢,精彩的还在后面...不要告诉别人,下一节是LOGO动画的精髓哦~~请关注:如何用Fireworks做漂亮的LOGO动画(3)--精髓所在~~# ?+ `8 `. a5 L0 p
//BK(blue1000.com)原创,转载请注明出处//http://www.blue1000.com

本版积分规则

精彩图文

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