网页动画设计与制作Flash MX 2004 作者 陈永东 项目2-图形的绘制.pptVIP

网页动画设计与制作Flash 项目2-图形的绘制 项目2-图形的绘制 【项目背景】 经过前面的项目，小张学会了如何为一部动画短片做导演，并能设置动画设计环境。现在，经理要求他开始创作动画中的各个角色与主要的画面，主要有“南浦大桥”的造型、“个性签名”造型，并要求他设计“翻书”与“手写签名”两个较简单的动画。 【项目分析】 Flash中有哪些用于创作图形的绘图工具？ 绘制好的图形对象怎么修改？ 文字如何进行输入？ 【任务分解】 任务1：绘制曲线。 任务2：绘制色块。 任务3：调整图形形状。 任务4：擦除图形。 任务5：使用文本。 任务1 绘制曲线 了解矢量图和位图的区别。 了解矢量曲线和矢量色块的特点。 熟悉常用的曲线绘图工具。 利用曲线图形绘制“南浦大桥”造型。 1．了解矢量图和位图的区别 （1）矢量图形：矢量图形使用直线和曲线描述图像，还包括颜色和位置属性。在编辑矢量图形时，可以修改描述图形形状的线条和曲线的属性，可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作，而不更改其外观品质。矢量图形无论如何缩放都不会失真。 （2）位图图形：位图图形使用在网格内排列的像素点来描述图像。在编辑位图图形时，修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的，所以编辑位图图形会更改它的外观品质。特别是调整位图图形的大小，会使图像的边缘出现锯齿，在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的品质，有时甚至完全失真。 2．了解矢量曲线和矢量色块的特点 （1）矢量曲线：矢量曲线包括直线和曲线，用于描绘图形对象的轮廓，是没有面积的。它的主要属性是颜色和位置。例如，五角星的轮廓曲线。 （2）矢量色块：矢量色块就是图形对象的色彩填充，它的属性包括颜色、位置、面积等。例如，红色的五角星。 3．熟悉常用的曲线绘图工具 （1）“线条工具” （2）“铅笔工具” （3）“铅笔工具” （4）“墨水瓶工具” （5）“椭圆工具” （6）“矩形工具” （7）“多角星形工具” 4．利用曲线图形绘制“南浦大桥”造型 （1）新建Flash文件，命名为“南浦大桥”； （2）在工具箱选择“矩形工具”，在“颜色”栏将填充色设置为透明，将笔触色设置为黑色，如图2-4所示； （3）使用“矩形工具”绘制两长一短三个矩形，构成桥桩的大致轮廓； （4）使用“选择工具”将桥桩修改绘制成型； （5）使用“钢笔工具”绘制桥面和外轮廓，可分别绘制五段光滑曲线围成桥面和桥体； （6）使用“线条工具”绘制多条垂直钢索； （7）使用“选择工具”将多余的线条选中，然后按 Delete 键删除。 任务2 绘制色块 熟悉常用的色块绘制工具。 利用已有的轮廓曲线得到填充色块。 利用笔刷工具设计“个性签名”。 1．熟悉常用的色块绘制工具 （1）“刷子工具” （2）“颜料桶工具” （3）“椭圆工具” （4）“矩形工具” （5）“多角星形工具” 2．利用已有的轮廓曲线得到填充色块 （1）打开任务1完成的Flash文件“南浦大桥”； （2）将绘制好的轮廓曲线复制一份留存，以免后面操作如果失误破坏原稿还要重新绘制； （3）在工具箱选择“颜料桶工具”，在“颜色”栏将填充色设置为黑色； （4）使用“颜料桶工具”为南浦大桥填充色块，只需单击需要填充的各个封闭区域即可； （5）使用“选择工具”将轮廓曲线选中，然后按 Delete 键删除。 3．利用笔刷工具设计“个性签名” （1）新建Flash文件，命名为“个性签名”； （2）在工具箱选择“笔刷工具”，在“颜色”栏将填充色设置为黑色； （3）在“选项”栏将模式设置为标准绘画，将笔头大小设置为最大，将笔头形状设置为斜向排笔，如图2-11所示； （4）使用“笔刷工具”拖曳书写你的签名，就象写毛笔字那样； （5）完成绘制 任务3 调整图形形状 熟悉常用的图形调整工具。 熟悉变形菜单中的常用命令。 运用形状调整工具设计“翻书”动画。 1．熟悉常用的图形调整工具 （1）“选择工具” （2）“部分选取工具” （3）“任意变形工具” 2．熟悉变形菜单中的常用命令 （1）“缩放”命令：可以沿水平方向、垂直方向或同时沿两个方向放大或缩小对象，通过拖曳或在“变形”面板中输入值来缩放对象。 （2）“旋转”命令：旋转对象会使该对象围绕其变形点旋转，变形点默认位于对象的中心，但可以通过拖曳来移动该点，通过使用“旋转”命令、用任意变形工具拖曳或在“变形”面板中指定角度来旋转对象。 （3）“倾斜”命令：倾斜对象可以通过沿一个或两个轴倾斜对象来使之变形，通过拖曳或在“变形”面板中输入值来倾斜对象。 （4）“扭曲”命令：对选定的对象进行扭曲变形时，可以拖曳边框上的角手柄或边手柄，移动该角或边，然后重新对齐相