Fireworks教程-卡通表情制作.docx

Fireworks教程:卡通表情制作 图1.1卡通表情图标效果 思路分析 要准确地表现出表情的含义，需要多多的观察对于使用技术来实现则是一个比较简单的过程主要是使用了Fireworks的矢量工具结合渐变色来实现的 实现步骤 1、新建一个Fireworks文件 2、在弹出的对话框中设置画布的宽度和高度为400像素，背景颜色为白色如图1.2所示 图1.2新建文档对话框 3、选择工具箱中的“椭圆”工具，在画布中绘制一个宽、高为200像素的正圆 4、给这个正圆添加边框，粗细为5像素，颜色为值“D44C01” 5、给这个正圆填充放射状渐变色效果如图1.3所示 图1.3给正圆添加边框，填充放射状渐变色 6、单击填充控制窗口，打开渐变色调节面板，调整渐变颜色，效果如图1.4所示 图1.4渐变色调整面板 7、选择工具箱中的指针工具，调整画布中的渐变色方向和范围，效果如图1.5所示 图1.5渐变色调整后的最终效果 这样做的目的是为了让卡通人物的脸部更有立体感 8、开始绘制卡通表情的眼睛部分，仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆，尺寸为60X60像素。

9、给这个小圆填充接近于黑色的深灰色，边框和脸部的边框颜色一致，但是边框的粗细为2像素效果如图1.6所示 图1.6绘制眼睛部分 10、把这个正圆复制一个，选择两个正圆下方的一个，把颜色更改为白色，去掉边框颜色这时的图层效果如图1.7所示 图1.7复制正圆，并更改下方正圆的颜色设置 11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”，值为“3”并且适当往右下角移动，这样可以使眼睛看起来更有立体的感觉效果如图1.8所示 图1.8调整眼睛下方的白色正圆 12、再次把这黑色的眼睛复制一个，同样选择两个正圆下方的一个，把颜色更改为白色，去掉边框颜色这时的图层效果如图1.9所示 图1.9复制正圆，并更改下方正圆的颜色设置 13、在属性面板中设置刚刚得到的白色正圆的填充边缘效果，仍旧为“羽化”，值为“10”并且适当往左上角移动，这样可以使眼睛的立体效果更加明显如图1.10所示 图1.10调整眼睛下方的白色正圆 14、在黑色的眼睛上绘制大小不同的三个正圆，表示眼睛的眼白效果如图1.11所示 图1.11绘制眼白 15、把眼睛部分的所有矢量图形组合起来(快捷键：)，复制一个，放置到脸的右边。

16、把左右两边的眼睛对齐好位置效果如图1.12所示 图1.12对齐好左右两个眼睛 第 3 页 共 3 页。