网页设计：绘制“心”形图案

《网页设计：绘制“心”形图案》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计：绘制“心”形图案实验题目：绘制“心''形图案实验概述：【实验目的及要求】了解Fireworks8的绘图原理熟练掌握绘制路径对彖和编辑路径对彖的方法、技巧掌握创建矢量图的基本方法及相关工具的使用【实验原理】Fireworks8的绘图原理，绘制路径对彖和编辑路径对彖的方法、技巧，矢最图的基本方法及相关工具的使用。【实验环境】（使用的软件）AMDAthlon（tm）64X2DualCoreProcessor5000+2。60GHz1o87G内存Windows操作系统MacromediaFireworks8实验内容：绘制“心''形图案【实验过程】（实验步骤、记录、数据、分析）

2、准备工作在C盘或其他盘新建一个文件夹，本次实训的内容将全部保存在该文件夹下。用图形变形方式绘制一张心行、形图案新建文件在Fireworks屮选择“文件”广新建按”菜单命令，设置呦布的“大小”为400X400,“背景颜色”选择“白色”。单击“主要”工具栏上的“保存"按钮,以“heart。pn旷的文件名保存文件。绘制“心"形图案单击“工具"而板“矢量”工具中的“矩形"工具右下角的黑色三角形，在弹出的子菜单中选择“椭圆”工具。选择完毕后，在“属性”检查器设置“填充颜色”为“#FF0033”,“笔触颜色”设为“无”。移动鼠标到画布上，按住【Shift】键的同时拖放鼠标左键，绘出一个圆。

3、为了编辑方便，在“属性''检查器中将它的“宽”和“高”都设为120像素，将该圆放置在应布上中间偏左的位置。选择“工具”而板中的“指针”工具，选中这个圆，选择“编辑下克隆''菜单命令，克隆这个对象。执行完这个克隆操作后，克隆出來的副本正好堆叠在被克隆对象的上而并且成为所选对象，所以此吋只要用指针工具将副本移开即可。调整两个圆的水平距离。为了确保“心”形图案的对称性，需要两个圆在同一水平线上。所以接下来选择“窗对齐”菜单命令，打开对齐而板。选择“到画布”，再选择“垂直居中"，此时两个圆不但在同一水平线上，而且在画布上垂直居小。选择“工具"面板的“指针"工具，按住键盘上的【Shift

4、】键，同时选中两个圆，选择“修改组合路径'丁联合''菜单命令，此时可以看到两个圆合二为一。选择“工具"面板中的“部分选定"工具，选择下面中间的交叉点，然后竖直地移动该节点。使用“工具,，而板中“部分选定"工具，选择右图中的光标所示的点，按住键盘上【Delete］键，删除节点。单击“主要,，工具栏的“保存”按钮，保存文件。用钢笔工具绘制一张“心”形图案新建文件在fireworks选择“文件新建”菜单命令，设置画布的大小为400*400,“背景颜色”选择“白色”。单击“主耍,，工具栏上的保存按钮，以-heart2。png”的文件名保存文件。(2)绘制心型图案选择“视图"广网格,，广

5、显示网格,，菜单命令，使imi布上出现网格。选择“钢笔"工具，在画布中心处单击笫一点，在第二点处单击拖曳，使其成为曲点。在第三点处单击、在第四点处单击并拖曳，也使其成为曲点。然后再单击第一点，使钢笔绘制的路径成为一个封闭的路径。用指针工具选择该路径，在“属性”检查器中设置“填充颜色”为“#FF0033”,“笔触颜色”设为“无”。选择“视图”

6、“网格'T'显示网格"菜单命令，取消I出i布上网格。单击“主要"工具栏上的“保存"按钮，保存文件。增加效果，美化心形图案打开heart1opng或heart2。png文件。选中刚制作好的'‘心"，单击“属性”检査器上“滤镜”按钮右侧的按钮。

7、在弹出的子菜单中选择“斜角和浮雕J“内斜角,,命令。在“内斜角''的参数设置对话框中，选择“斜角边缘形状”为“平滑”，调整“宽度''值为17,预览后，如杲对刚才设置的效果不满意，可以单击效果窗U'I'的“i"按钮重新进入设置窗口。如果想要删除刚才设置的某种效果，可以先选中要删除的效果，让后单击“滤镜''右侧的减号即可。取消对任何对彖的选择，单击“属性"检查器上的“符合画布”按钮。单击“主耍,，工具栏的“保存,，按钮保存文件。至此，整个心形图案的制作就完成了。进一步增加效果，美化心形图案打开heart1opng或heart2。png文件。选择心形，进行克隆，将两个心的位置调整好。

8、选择直线工具，绘制一条斜线，在“属性"检查器设置“填充颜色”为“无”，“笔触颜色”设为“#FFCCOO”，粗细为“10”。并给斜线添加“内斜角”的效果。在“层”面板，用鼠标拖动层，來调整各层的叠放关系。将文件另存为twoheartopng。【结论】（结果）应用了Fireworks8的绘图原理绘制出了“心”形图案。【小结】了解了Fireworks8的绘图原理。熟练的掌握了绘制路径对彖和编辑路径对彖的方法、技巧。掌握了创建矢量图的基本方法及相关工具的使用。指导教师评语及成绩：附件:实验报告说明1