//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

BK网络学院主要内容:平面设计教程,网站开发在线教程,网页制作教程,服务器教程,网络编程,数据库教程等。