《动画制作大学教程——Flash 教学课件 ppt 作者 陈海 林宇 王学军 04》由会员分享，可在线阅读，更多相关《动画制作大学教程——Flash 教学课件 ppt 作者 陈海 林宇 王学军 04（214页珍藏版）》请在金锄头文库上搜索。
1、第4章 加工形状,使用“选择”工具可以改变用“铅笔”、“刷子”、“线条”、“椭圆”或“矩形”工具创建的各种形状。 而在绘制图形的过程中，由于对工具的一些限制，必然会导致在绘制图形时产生一定的误差，这时，就可以使用Flash提供的一些工具和手段来进行加工和修改。 此外，本章还要学习一个重要的“钢笔”工具，通过该工具可以非常灵活地绘制出各种复杂的形状。,4.1 “选择”工具的拖动操作,要改变线条或轮廓的形状，可以使用“选择”工具拖动线条上的任意点。 鼠标指针的形状会发生变化，以指明在该线条或填充上可以执行哪种类型的形状改变操作。,4.1.1 改变形状,首先，确认没有选中任何对象，否则将会拖动这个对
2、象，而不是改变轮廓形状了。 然后需要了解，在Flash中，一条线上可能存在3种点：终点、角点和普通点，如图4.1所示。,图4.1 线条上的各种点,使用“选择”工具调整线条形状的方法是，确认一个对象没有处于选中状态，然后把鼠标指针放到一条线的附近，这时鼠标指针变成如图4.2所示的形状，这时按下鼠标，并拖动，线条形状就会发生改变，如图4.2所示。,图4.2 进行变形,根据拖曳的点的类型不同，产生的变化也不同，分别如下。 如果拖曳点是终点，则可以延长或缩短该线条。 如果拖曳点是角点，则组成角的线段在它们变长或缩短时仍保持伸直。 如果既不是终点，也不是角点，就会产生一条弧线来改变线条形状。,如果在拖动
3、一个普通点的时候，不希望产生弧线，而希望形成尖角，那么可以在拖动的同时，按下“Ctrl”键，这样就会产生一个尖角了，如图4.3所示。,图4.3 产生尖角,4.1.2 实践与练习：绘制圆角五角星,图4.4 圆角五角星,图4.5 选择“多角星形”工具,图4.6 单击“选项”按钮,图4.7 设置多边形样式,图4.8 绘制五角星,图4.9 绘制分割线,图4.10 删除尖角,图4.11 调整形状,图4.12 调整后的顶边效果,图4.13 完成五角星的形状修改,图4.14 设置线性渐变,图4.15 设置填充方向,图4.16 复制填充,图4.17 联合填充,图4.18 设置颜色的不透明度,图4.19 制作高
4、光效果,图4.20 绘制分割线,图4.21 最后的效果,4.2 “伸直”和“平滑”选项,通过“伸直”和“平滑”操作，可以改变线条和形状轮廓的形状，使原本不够光滑的线条变光滑，或者使原来有很多弯曲的线条变直。 “伸直”和“平滑”操作的使用方法是，先选中需要“平滑”或者“伸直”的线条或填充轮廓，然后选择“选择”工具，并单击工具栏中“选项”区域的“平滑”或者“伸直”选项，如图4.22所示。,图4.22 “平滑”和“伸直”选项,除了可以通过选项执行该操作以外，还可以执行它们的菜单命令“修改形状平滑”命令和“修改形状伸直”。,4.2.1 “伸直”操作,伸直”操作可以使已经绘制的线条和曲线稍稍变直，它不影
5、响已经伸直的线段。 可以使用“伸直”操作来让形状的几何外观更完美。,例如，在图4.23中，最左边的曲线是用“铅笔”工具绘制出来的。 在工具栏中选中“选择”工具，然后在工具栏的“选项”区域，单击一次“伸直”图标，曲线就会变为图中第2条线条的样子，后面的3条线条分别是单击2次、3次和4次“伸直”图标后的效果。,图4.23 进行伸直,此外，用户也可以使用伸直技巧来让Flash“确认”某个形状。 所谓“确认”某个形状的意思就是，一个绘制出来并不是严格的三角形和圆形等规则形状的图形，经过“确认”后，就会变成规则图形。,图4.24 绘制的3个图形,图4.25 伸直后的效果,4.2.2 “平滑”操作,平滑”
6、操作使曲线变光滑，并减少曲线整体方向上的突起或其他变化。 同时还会减少曲线中的线段数。 不过，平滑只是相对的，它并不影响直线段。 如果在改变大量非常短的曲线段的形状时遇到困难，该操作尤其有用。 选择所有线段并将它们修改平滑，可以减少线段数量，从而得到一条更易于改变形状的柔和曲线。,图4.26 平滑的效果,4.3 处理笔触线条,使曲线变平滑的另一种方法就是“优化”曲线。此外，还可以将线条转换为填充。 使用“刷子”工具绘制一个细长的填充区域是比较困难的，这时只要绘制一个线条，然后进行转换就可以了。,4.3.1 优化曲线,这种方法通过减少用于定义这些元素的曲线数量来改进曲线和填充轮廓。 优化曲线还会
7、减小Flash文档（FLA文件）和导出的Flash应用程序（SWF文件）的大小。 与使用“平滑”或“伸直”命令一样，可以对同一元素进行多次优化。,优化曲线的方法是首先选择要优化的已绘制元素，然后选择菜单栏中的“修改形状优化”命令，这时会打开“最优化曲线”对话框，如图4.27所示。 在“最优化曲线”对话框中，拖动“平滑”选项的滑块，可以指定平滑程度。 一般来说，优化可以减少曲线数量，但会与原始轮廓稍有不同。,图4.27 优化曲线,4.3.2 将线条转换为填充,学习到这里，读者应该已经非常清楚，Flash中的形状分为两种“笔触”和“填充”。 “将线条转换为填充”这个命令的功能就是将笔触线条转换为填
8、充，这样就可以使用渐变色来填充线条或实现其他一些效果。,图4.28 将普通圆形的边线改为渐变色,图4.29 钢笔,4.3.3 实践与练习：绘制钢笔,图4.30 绘制直线,图4.31 不设置填充颜色,图4.32 绘制钢笔路径,图4.33 删除中轴线,图4.34 修改形状,图4.35 完成钢笔的轮廓绘制,图4.36 绘制分界线,图4.37 完成钢笔轮廓的绘制,图4.38 修改笔触高度,图4.39 修改笔触高度后的图形,图4.40 设置笔触高度,图4.41 添加边框,图4.42 删除填充,图4.43 连接断开的线段,图4.44 绘制两条线段,图4.45 修改后笔尖处的轮廓,图4.46 绘制最后的形状
9、,图4.47 完成线稿绘制,图4.48 填充颜色,图4.49 最后的效果,4.4 处理填充区域,扩展形状”和“柔化边缘”命令的作用是扩展填充形状，以及模糊形状的边缘。,4.4.1 扩展形状,选择菜单栏中的“修改形状扩展填充”命令，可扩展选中的填充形状。 该命令在没有笔触的单色填充形状上使用效果最好。,图4.50 扩展形状,4.4.2 柔化填充边缘,选择菜单栏中的“修改形状柔化填充边缘”命令，可使选中的填充对象产生模糊的边缘效果，即填充边缘产生自然过渡步骤，如图4.51所示。,图4.51 对比柔化填充边缘效果,图4.52 柔化填充边缘,4.5 “部分选取”工具,部分选取”工具的作用是选择和修改路
10、径。使用“部分选取”工具选择图形的边框后，该边框会以路径形式显示，通过拖曳锚记点上的直线或者曲线手柄，可以修改路径的形状。,4.5.1 “部分选取”工具的使用方法,例如，首先在工具栏中选中“部分选取”工具，然后单击一个形状，这时就会出现一条绿色的细线，在细线中还会有若干个空心的方形控制点，如图4.53所示，称为“锚点”。,图4.53 单击形状,确认选中了“部分选取”工具，然后在任意一个锚点上按下并拖动鼠标，就会改变路径的形状，如图4.54所示。,图4.54 改变路径形状,这时在改变了的锚点的一侧或两侧会出现绿色直线，以及实心的圆控制点，称为控制手柄。可以用鼠标拖动手柄，来改变路径的形状，如图4
11、.55所示。 改变了一个手柄的位置后，它相对的手柄也就会相应改变方向，以保证与之在一条直线上。,图4.55 调整手柄,如果希望产生一个尖角，可以按住键盘上的“Alt”键，再拖动控制柄，这样就不会影响对侧控制手柄了，如图4.56所示。,图4.56 控制单边曲线段,以上都是在改变曲线的形状的例子，如果用“部分选取”工具选中的是一个直线形状，情况又有所不同。 例如，图4.57所示的是用“部分选取”工具选中一个矩形以后的状态，可以看到共有4个控制点，分别位于4个角上。 如果拖动锚点，将会改变该点的位置，如图4.58所示。,图4.57 矩形的控制点,图4.58 拖动锚点,由此可以看出，拖动一个“角点”，
12、它仍然保持为“角点”。 而如果按住“Alt”键，然后再拖动一个角点，将会把该“角点”转化为一个“曲线点”，如图4.59所示。,图4.59 转换为曲线点,如果希望删除掉某个锚点，可以先用“部分选取”工具选中某个“锚点”，该“锚点”会显示为实心的方形，然后按键盘上的“Delete”键，该锚点就被删除了。 例如图4.59中选中的锚点被删除后，图形变为如图4.60所示的样子。,图4.60 删除了锚点,使用“部分选取”工具，不仅可以调整某一个锚点，也可以同时调整多个锚点。 例如在图4.61中，按下键盘上的“Shift”键，然后依次单击3个锚点，这样3个锚点就同时被选中了，然后松开“Shift”键，用鼠标
13、拖动这3个实心的锚点中的任意一个，这3个锚点就同时被拖动了，如图4.61所示。,图4.61 选中多个锚点,图4.62 人物图标,4.5.2 实践与练习：绘制人物图标,图4.63 设置笔触和填充色,图4.64 启用“对象绘制”模式,图4.65 绘制椭圆,图4.66 删除锚记点,图4.67 修改椭圆形状,图4.68 修改半圆颜色,图4.69 使用“部分选取”工具,图4.70 显示路径,图4.71 选取锚记点,图4.72 移动锚记点的位置,图4.73 修改左侧的路径,图4.74 变形后的图形效果,图4.75 设置渐变颜色,图4.76 渐变图形,图4.77 修改路径工具,图4.78 调整路径的弯曲度,
14、图4.79 绘制高光效果,图4.80 最后一层高光效果,图4.81 绘制头部底色,图4.82 最后的效果,4.6 用“钢笔”工具绘制直线和曲线,使用“钢笔”工具可以绘制出精确的路径（如直线或者平滑流畅的曲线），也可以创建直线或曲线段。,4.6.1 用“钢笔”工具绘制直线,要使用“钢笔”工具绘制直线段，先要创建锚记点，也就是线条上确定每条线段长度的点。具体操作如下。,图4.83 选择“钢笔”工具,图4.84 绘制直线段,可以使用如下两种方式结束绘制。 如果要使绘制的路径处于开放状态，那么创建完最后一个锚记点后，在该点上双击鼠标，即可结束直线段的绘制。 如果要使绘制出来的路径处于闭合状态，只要将“
15、钢笔”工具放置到第一个锚点上，当钢笔尖图标的右下角出现一个小圆圈时，单击鼠标即可产生闭合路径，并会以设定的颜色填充，如图4.85所示。,图4.85 闭合路径,4.6.2 使用“钢笔”工具绘制曲线路径,上面介绍了用“钢笔”工具绘制直线的方法，实际上“钢笔”工具更重要的作用是绘制曲线。 绘制曲线的原则和绘制直线相同，也是确定各个锚点的位置。 不同的是，每个曲线锚点除了要确定它的位置之外，还需要确定曲线在该点的切线方向和弯曲度。,图4.86 绘制曲线,图4.87 连续的曲线,结束绘制曲线的方法与直线完全相同，既可以将曲线封闭起来，也可以保持开放状态。,图4.88 复合线条,图4.89 调整锚点,图4
16、.90 增加锚点,图4.91 网络图标,4.6.3 实践与练习：绘制网络图标,图4.92 设置钢笔属性,图4.93 绘制路径,图4.94 使用钢笔绘制路径,图4.95 调整路径,图4.96 完成路径调整,图4.97 填充颜色,图4.98 绘制分界线,图4.99 调整分界线的弯曲度,图4.100 选取填充,图4.101 联合对象,图4.102 设置渐变颜色,图4.103 制作高光,图4.104 组合图形,图4.105 复制并旋转图形,图4.106 水平翻转图形,图4.107 设置不透明度,图4.108 修改笔触和填充色,图4.109 观察半透明图形效果,图4.110 复制并旋转半透明图形,图4.111 设置渐变颜色,图4.112 绘制渐变椭圆,图4.113 绘制分割线,图4.114 联合对象,图4.115 完成高光制作,图4.116 最后的效果,图4.117 “警告”对话框,4.7 创 建 文 本,文本是多媒体要素之一。在Flash中，可以使用“文本”工具（ ）创建文本，并且为文本添加各种动画特效。 一个完整的动画作品通常是离不开文字效果的，
