网页LOGO设计教学：工具使用与图形绘制能力培养.pdfVIP

《网页设计与制作》

在Fireworks中绘制网页LOGO

专业能力目标

通过学习该知识点，学生能熟练运用图形工具在文档中绘制

网页LOGO。

方法能力目标

举一反三，遇到问题能独立思考，并借助各种工具、资

源探索问题的解决途径。

社会能力目标

培养学生良好的与人沟通能力及团队协作精神、发现问题、

分析问题和解决问题的能力；培养学生勇于创新、爱岗敬业

的工作作风；培养学生良好的职业道德。

知识要点：

1、钢笔工具的使用。

2、滤镜工具的使用。

3、位图工具箱中“减淡”工具的使用。

案例及任务

工作情境描述：

某育儿公司为了能够好的与家长们进行有效沟通，特委托网络

公司为自己打造一适合该公司的，要求设计师在与顾客充分沟

通后，在3天内制作完成该的制作，交付顾客。

学习任务：

学生在的指导下，在上一个学习任务中新建的文档里网页

LOGO，如效果17-32所示。

案例及任务

17-32

任务实施过程：

步骤一：打开文档

步骤二：处理放置网页LOGO的位图,绘制网页LOGO。

首先，选择位图中的“减淡”工具，如图17-32所示，选择后，

回到设计区域中，将“减淡”工具的属性值设置如图17-33所示，设置完成

后将“减淡”工具定位在需要处理的位图区域中，然后不断的点击鼠标左

键，进行减淡处理，最终处理效果如图17-34所示。

图17-33“属性”窗口

图17-32”“

图17-34“文档”窗口

然后，选择矢量工具箱中的“钢笔”工具，如图17-35所示，在需要使

用钢笔工具绘制图形的区域内使用钢笔工具绘制图形节点，如图17-36所示，

并设置其路径的填充为红色，描边为红色，如图17-37所示。

图17-35

图17-36图17-37

最后，选中所绘制的路径，在右下角的“路径”面板中选择“平滑点”

按钮，将绘制的不平滑路径转换为平滑路径，如图17-38、17-39所示，但是

这样所得到的图形还是不够平滑，而且距离想要的图形还有一定的差距，所

以，需要大家使用“部分选定”工具，如图17-40所示，进行微调各节点的

控制手柄，最终达到想要的图形，如图17-41所示。

图17-40

图17-39

图17-38

图17-41

布置任务：

通过绘制简单的椭圆形图形与书写文字，对网页LOGO进行完善和装饰，

如图17-42所示

图17-42

任务分析：

首先，选择工具箱中的“椭圆工具”，在需要绘制椭圆图形的位置，绘

制椭圆图形，然后设置其描边为：无色，填充为：红色，并设置其椭圆图形

的大小，然后出8个一样的椭圆图形，然后右键单击需要移动位置的椭

圆图形，利用“数值变形”框，设置其旋转角度，然后移动到需要的位

置，利用此步骤将所有的椭圆图形放到不同的位置。如图17-43所示。

图17-43

然后，在该网页LOGO的下方书写“小”文字，设置其属性值。

如图17-44、17-45所示。

图17-44