gggds 发表于 2009-12-27 13:24:52

[原创]如何用fireworks做漂亮的logo动画(2)

//BK(blue1000.com)原创,转载请注明出处//http://www.blue1000.com
上一节听我罗嗦了那么多,大家都有些想吐了\"\"(嗯?刚才谁在骂我???!!!)\"好了,这节就直接开说了。本节,blue1000就给大家做一个very easy的LOGO出来,恶心一下刚才骂我的那位。请大家注意整个过程,这才是本节的重点!
先看动画,边看边读下面的同步说明.说明:1.因为动画比较大,所以分成了几块。??????2.建议大家全屏播放,这样有些数值可以看得清晰些。??????3.在观看的过程中,你可以点击动画上的开始及暂停按钮,以方便你对照后面的文字教程。
[全屏观看动画1]????[我想把动画下载到本地机子上观看(右键\"目标另存为……\")]
[全屏观看动画2]????[我想把动画下载到本地机子上观看(右键\"目标另存为……\")]
1.打开FW。(我感觉又有人骂我了:( ,可是我还是坚持我第一节声明过的假设。)请看大屏幕(哦,上边那两个小的:))
2.打开素材图片。用\"虚线框\"选取工具,选取你的logo背景图,选哪一块呢?看你的意思了.然后右键\"编辑\">>>\"剪切\"或者(CTRL+X).
3.新建文档,设置画布大小为: 宽88高31.然后右键\"粘贴\"或者(CTRL+V),调整背景图片位置;用矩形工具做个背景边框,调整填充色为无,边线颜色为黑色或者其它.
4.做LOGO下方网址栏的白色背景矩形图:矩形工具画一个矩形图,设置边线颜色为无,填充色为白色;用文字输入工具在白色背景矩形图内点一下,输入网址,这里输入www.blue1000.com ;用实心箭头选取工具选中字体\" www.blue1000.com \",调整颜色为黑色,字体为04_3字体,大小为8号;点击属性面板中下方的下拉菜单(在铅笔图标的右边,动画中也有演示),选择“No anti_alias”,也就是最上面那个。这样做的话,字体清晰度比较高。
5.按着Shift键,用鼠标依次点击所有层,选中所有子层。然后点击layer层右上角的微型菜单。选择“平面化所选”,使我们刚才画的图变成一张位图,便于管理;再次点击layer层右上角的微型菜单,选择“共享所选层”,因为背景层在以后的所有祯中都要用到。点击新建层图标,新建一个父层
6.选中新建的父层,点击祯面板中的新建祯按钮,系统自动生成两祯。选中第二祯,用文字工具输入\"BK设计\"四个字,字体为04_3字体,大小12号。这里注意:要保证属性面板中下方的下拉菜单中显示的是“No anti_alias”。调整文字到左边缘。
7.用鼠标把第二祯拖放到新建祯图标上,复制第二祯。然后将“BK设计”四个字向右移动一个汉字的距离,第三祯就完成了。
8.然后把第三祯拖放到新建祯图标上……,依次类推,完成以后的几祯,直到“BK设计”四个字为于画布的正中间.
9.双击最后一祯的右边的数字“7”,在弹出的设置栏里将这一祯的动画停滞时间设置为200。点击工作区下方正中的动画调试开始按钮,查看你做的动画;修改各祯,直到满意为止。
10.打开file文件菜单中的导出预览面板,将输出类型改为:“Animated gif”动画格式,然后Export输出,OK!欣赏你的LOGO动画吧。
终于讲完了,我要水~~~~.好了,大家先试者自己做一个看看,是不是很有成就感啊?呵呵.先别说谢谢,精彩的还在后面...不要告诉别人,下一节是LOGO动画的精髓哦~~请关注:如何用Fireworks做漂亮的LOGO动画(3)--精髓所在~~
//BK(blue1000.com)原创,转载请注明出处//http://www.blue1000.com
页: [1]
查看完整版本: [原创]如何用fireworks做漂亮的logo动画(2)