1、Flash 基础与应用精品教程第2章 快速上手制作一个简单动画nFlash动画制作入门nFlash动画制作快速上手n制作一个简单动画小胖跑步2.1 关于Flash动画2.1.1 Flash动画制作原理小汽车启动的动画1.在第1帧上绘制一辆小汽车2.在第2帧插入关键帧,然后将小汽车向上稍微移动。此时循环播放,就会形成小汽车启动的动画2.1.2 动画组成元素n矢量图形:矢量图形:矢量图形是Flash动画最基本的组成元素。n位图图像:位图图像:除了自己绘制图形外,还可以从外部收集并导入位图图像,适当修改后加入到动画中。n声音:声音:可以从外部收集并导入声音文件,加入到Flash动画中。n视频:视频:
2、可以从外部收集并导入视频文件,加入到Flash动画中。2.2 Flash动画制作快速上手2.2.1 新建、保存和打开文档1新建文档 要制作动画,首选需要创建一个新文档。创建新文档的方法有以下几种:n通过单击开始业中的“Flash文件(ActionScript 3.0)”或“Flash文件(ActionScript 2.0)”按钮。n在Flash工作界面中选择“文件”“新建”菜单或按快捷键【Ctrl+N】。n在Flash工作界面中右击文档选项卡,选择“新建”菜单项。2保存文档 选择“文件”“保存”菜单,或按下快捷键【Ctrl+S】,打开“另存为”对话框。“另存为”对话框n启动Flash时,在开始
3、页左侧的“打开最近的项目”下单击要打开的文档名称。n选择“文件”“打开”菜单,或按快捷键【Ctrl+O】,在打开的“打开”对话框中找到并选择要打开文档,单击“打开”按钮。n打开存放文档的文件夹,然后双击文档图标。3打开文档下面是打开Flash文档的几种方法:2.2.2 设置文档属性单击“文档属性”按钮 “文档属性”对话框打开“属性”面板,单击“文档属性”按钮在打开的“文档属性”对话框中设置舞台尺寸、背景颜色,以及动画帧频等2.2.3 舞台的设置1放大和缩小舞台n使用“缩放工具”在舞台上单击可放大显示比例,在按下【Alt】键后单击可缩小显示比例。n使用“缩放工具”在舞台上按住鼠标左键并拖动,拖出
4、一个矩形框,矩形内的区域将填满整个窗口。n选择“视图”“缩放比率”“符合窗口大小”菜单,或双击工具箱中的“手形工具”,可使舞台完全适合给定的窗口空间。n选择“视图”“缩放比率”“显示全部”菜单,可以显示当前帧中的全部内容,包括舞台外的对象。n要显示整个舞台,可选择“视图”“缩放比率”“显示帧”菜单。n单击编辑栏右侧的“缩放”三角箭头,可在打开的下拉列表中选择不同的显示比例和命令,快速调整舞台大小。2移动舞台 将舞台放大后,如果想查看没有被显示的区域,可拖动舞台下方或右侧的滚动条;也可以选择工具箱中的“手形工具”,然后在舞台上按住鼠标左键并拖动。3使用网格、标尺和辅助线网格的使用方法如下:显示网
5、格线 “网格”对话框1.选择“视图”“网格”“显示网格”菜单,或按快捷键【Ctrl+“】,可显示或隐藏网格2.选择“视图”“网格”“编辑网格”菜单,在打开的“网格”对话框中设置网格线的颜色、网格间的距离以及对象是否贴紧网格对齐等标尺和辅助线的使用方法如下:使用辅助线 “辅助线”对话框 1.选择“视图”“标尺”菜单显示标尺,在舞台上方或左侧的标尺上按住鼠标左键并拖动,即可拖出水平或垂直辅助线2.选择“视图”“辅助线”“编辑辅助线”菜单,在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数2.2.4 绘画工具的使用1认识绘图工具 工具箱“工具”区中包含了常用的绘图工具“察看”区中包含了察看
6、舞台的工具在“颜色”区中可设置“填充颜色”和“笔触颜色”“选项”区用于设置所选工具的一些属性2使用绘图工具选择矩形工具 拾色器1.根据绘制需要,在工具箱中单击选择相应的绘图工具,如选择“矩形工具”2.单击工具箱底部的“笔触颜色”按钮或“填充颜色”按钮,可在弹出的“拾色器”中设置图形轮廓线的颜色或填充颜色“矩形工具”的“属性”面板利用“矩形工具”绘制的图形3.打开“属性”面板,设置所选工具的相关属性4.设置好参数后,在舞台上按住鼠标左键并拖动即可绘制矩形2.2.5 关键帧、普通帧和空白关键帧时间轴面板关键帧普通帧空白关键帧1关键帧编辑关键帧上的内容关键帧是可以直接在舞台上编辑其内容的帧。当需要向
7、某一关键帧添加内容或编辑帧中的内容时,可先在该帧处单击以将播放头将转到这里2普通帧 普通帧的作用是延伸关键帧上的内容。插入普通帧的方法是右击需要添加普通帧的空白帧,在弹出的快捷菜单中选择“插入帧”菜单项,或者单击选中要添加普通帧的空白帧,按【F5】键即可。3添加关键帧 用鼠标右击要插入关键帧的空白帧或普通帧,从弹出的快捷菜单中选择“插入关键帧”菜单项,或者单击选中要插入关键帧的空白帧或普通帧,按【F6】键即可在该处插入关键帧。插入关键帧后,前一个关键帧上的内容会自动延伸到插入的关键帧上,而且在两个关键帧之间会自动生成普通帧。2.2.6 元件的类型和特点n可以重复使用元件,而不会增加Flash文
8、件大小。n使复杂的动画制作变得简单,轻松制作合成动画。n在制作交互式动画时,也需要使用元件。例如利用按钮控制动画的播放,就需要制作按钮元件。1元件的作用2元件的类型n图形元件:图形元件:用于制作可重复使用的静态图像,以及附属于主影片时间轴的可重复使用的动画片段。n按钮元件:按钮元件:用于创建响应鼠标单击、滑过或其他动作的交互按钮。n影片剪辑元件:影片剪辑元件:用来制作可重复使用的、独立于主影片时间轴的动画片段。3元件的创建与使用“创建新元件”对话框“转换为元件”对话框按下快捷键【Ctrl+F8】,在弹出的“创建新元件”对话框中选择元件类型并输入元件名称即可创建一个空白元件。选中舞台上的对象后,
9、按下【F8】键,在弹出的“转换为元件”对话框中选择元件类型并输入元件名称。2.2.7 逐帧动画和补间动画1逐帧动画逐帧动画逐帧动画是指在连续的关键帧上绘制或放置不同的对象,当播放头在各关键帧之间快速移动的时候,利用人的视觉残象形成流畅的动画效果2补间动画 补间动画是在制作好前后两个关键帧上的画面后,由Flash通过计算自动生成中间各帧,使得画面从一个关键帧渐变到另一个关键帧形成的动画。在补间动画中,Flash存储的仅仅是关键帧上的内容。因此,补间动画的文件容量很小。3创建一个补间动画将小蜜蜂移动到舞台左侧外 插入关键帧 1.打开素材文档后,将舞台上的小蜜蜂移动到舞台左侧外 2.在第30帧 插入
10、关键帧将小蜜蜂移动到舞台右侧外 创建补间动画3.将第30帧上的小蜜蜂水平移动到舞台右侧外4.在第1帧与第30帧之间的任一帧上右击鼠标,在弹出的快捷菜单中选择“创建补间动画”菜单,即可创建一个动作补间动画2.2.8 操作的撤销和恢复n选择“编辑”“撤销”菜单,或按快捷键【Ctrl+Z】可撤销前一步操作,重复执行可撤销多步操作;选择“编辑”“重复”菜单,或按快捷键【Ctrl+Y】可恢复撤销的操作。n单击主工具栏上的“撤销”按钮 可撤销前一步操作;单击主工具栏上的“重做”按钮 可恢复撤销的操作。2.3 制作一个简单动画小胖跑步 小胖跑步 本例操作步骤可参考视频:2-1.avi。第3章图形制作(上)妙
11、笔生花 n绘制和调整线条n绘制几何图形n绘制平滑曲线n用“刷子工具”绘制图形n“文本工具”的使用n在Flash CS3中绘图的一些必要补充3.1 绘制和调整线条3.1.1 使用“线条工具”设置“线条工具”属性 “笔触样式”对话框选择“线条工具”后,可在“属性”面板中设置线条的“笔触颜色”、“笔触高度”、“笔触样式”等属性单击“属性”面板中的“自定义”按钮 ,可以在打开的“笔触样式”对 话框中对笔触样式进行详细设置绘制线条 火箭在舞台中按住鼠标左键并拖动,即可绘制直线利用“线条工具”绘制的火箭3.1.2 使用“铅笔工具”选择铅笔模式 “铅笔工具”的“属性”面板1.选中“铅笔工具”后,可在工具箱的
12、“选项”区选择铅笔模式2.在“属性”面板中设置“铅笔工具”的参数使用3种模式绘制的图形 直线化 平滑 墨水3.1.3 使用“选择工具”调整线条 调整曲线形状 选择“选择工具”后,将鼠标移到图形或线条边缘,当光标变为 形状时,单击并拖动可调整图形形状。如果光标所在位置存在拐点,光标将呈 形状,此时单击并拖动可拉出一个拐角。拖动拐点改变图形形状 如果图形是开放图形,则可以通过单击图形端点并拖动来拉长或缩短图形的长度,或者改变图形的形状。改变开放图形形状典型实例打鱼小船打鱼小船 本例操作步骤可参考视频:3-1.avi。3.2 绘制几何图形3.2.1 使用“矩形工具”利用“矩形工具”可以绘制矩形、正方
13、形和圆角矩形。“矩形工具”的“属性”面板在此可设置边框属性在此可设置“矩形工具”的填充颜色在此输入数值可绘制圆角矩形,0表示绘制普通矩形,值越大,圆角矩形的半径越大。单击小锁标志,可分别设置4个角的半径 设置好参数后,将光标移动到舞台中,按住鼠标左键并拖动,即可绘制矩形或圆角矩形。在拖动鼠标的同时按住【Shift】键,可绘制正方形。绘制矩形、正方形和圆角矩形3.2.2 使用“基本矩形工具”“基本矩形工具”的使用方法与“矩形工具”基本一样。不同的是,用“基本矩形工具”绘制的图形是一个整体,不方便使用“选择工具”调整形状,但可以使用“选择工具”拖动边角上的节点,改变圆角矩形的弧度。改变圆角矩形的弧
14、度3.2.3 使用“椭圆工具”利用“椭圆工具”可以绘制出正圆、椭圆、扇形、弧线和带有空心圆的扇形等。“椭圆工具”的“属性”面板在此输入相关数值,可绘制扇形、弧线和带有空心圆的扇形等。若不输入任何数值,绘制的是普通椭圆绘制椭圆形、正圆形在拖动鼠标的同时按住【Shift】键,可绘制正圆绘制扇形、弧线和带有空心圆的扇形在“起始角度”和“结束角度”文本框中输入起始和结束角度可以绘制扇形在“内径”文本框中输入正值,并勾选“闭合路径”复选框,可以绘制带有空心圆的椭圆或扇形取消选取“闭合路径”复选框,绘制出来的是弧线3.2.4 使用“基本椭圆工具”“基本椭圆工具”的使用方法与“椭圆工具”基本一样。不同的是,
15、用“基本椭圆工具”绘制的图形是一个整体。使用“选择工具”拖动椭圆外围的节点,可以改变椭圆起始角度和结束角度;使用“选择工具”拖动椭圆内部的节点,可改变内径。拖动椭圆外围和内部的节点3.2.5 使用“多角星形工具”利用“多角星形工具”可以绘制多边形和星形。设置“多角星形工具”属性单击“选项”按钮 会打开“工具设置”对话框在此处可设置绘制多边形还是星形在此处可设置多边形和星形的边数此选项只对星形起作用,可设置星形顶点的大小利用“多角星形工具”绘制的多边形和星形“星形顶点大小”为1的五角星“星形顶点大小”为0.1的五角星典型实例小鳄鱼 小鳄鱼 本例操作步骤可参考视频:3-2.avi。3.3 绘制平滑
16、曲线3.3.1 使用“钢笔工具”使用“钢笔工具”可以绘制直线线段和曲线,而通过调节曲线的曲率绘制平滑的曲线是它的强项。“钢笔工具”的“属性”面板1.在“属性”面板中设置“钢笔工具”的参数确定起始描点 绘制直线路径 调整调节杆2.将光标移动到舞台上的适当位置并单击,确定起始描点3.将光标移动到舞台的另一处,单击创建第二个描点,两个描点位置之间会出现一条路径3.在另一点按住鼠标左键向任意方向拖动,可拖出一个调节杆,向任意方向拖动调节杆,可调整曲线弧度创建封闭路径 将路径转换为线条 4.将光标移动到起始描点处,当光标呈 形状时单击,可创建封闭路径5.路径绘制完成后,在工具箱中选择除“钢笔工具”组以外
17、的任意工具,即可将路径转换为线条3.3.2 使用“部分选取工具”利用“部分选取工具”可以方便地移动线条上的锚点位置和调整曲线的弧度。单击显示图形线条的锚点 移动锚点 1.选择“部分选取工具”,然后将光标移到线条上并单击,可显示出该图形线条上的锚点2.将光标移动到锚点上,然后按住鼠标左键并拖动,可移动锚点位置调整曲线路径的弧度3.单击曲线描点,在描点两侧会出现调节杆,拖动调节杆可调整曲线路径的弧度4.在拖动的同时按住【Alt】键,可单独调整一边的调节杆3.3.3 使用“添加锚点工具”和“删除锚点工具”利用“添加锚点工具”和“删除锚点工具”,可以在路径上添加锚点或删除已有的锚点,从而更加方便调整图
18、形形状。添加锚点 删除锚点选择“添加锚点工具”在路经上单击,可添加锚点 选择“删除锚点工具”在锚点上单击,可删除锚点3.3.4 使用“转换锚点工具”利用“转换锚点工具”可以实现曲线锚点与直线锚点间的切换。将曲线锚点转换为直线锚点1.选择“转换锚点工具”,然后将光标移到线条上并单击,可显示出该线条的锚点2.将光标移到曲线锚点上并单击,即可将曲线锚点转换为直线锚点 将直线锚点转换为曲线锚点 单独调整一边的调节杆3.将光标移动到直线锚点上,然后按住鼠标左键不放并拖动,可将直线锚点转换为曲线锚点4.将光标移动到曲线锚点的调节杆上,然后按住鼠标左键并拖动,可以单独调整一边的调节杆3.4 用“刷子工具”绘
19、制图形 “刷子工具”也是常用的绘图工具之一,与前面介绍的绘图工具不同,用它绘制的是任意形状的填充区域而不是线条。“刷子工具”的“属性”面板 设置刷子的大小和形状设置的填充颜色平滑值越高,绘制的图形越接近于伸直在工具箱选项区中的“刷子大小”和“刷子形状”下拉列表中,可选择刷子大小以及形状选择涂色模式 5种涂色模式下的绘制效果单击“刷子模式”按钮,可选择涂色模式标准绘画 颜料填充 后面绘画 颜料选择 内部绘画3.5 用“文本工具”制作文字3.5.1 创建文本单击输入文字 拖出文本框后输入文字 使用“文本工具”在舞台上单击并输入文字,以这种形式创建的文本,换行需要按【Enter】键。使用“文本工具”
20、在舞台中按住鼠标左键并拖动,可拖出一个文本框,用来规定文本的宽度,当文字达到文本框边缘时会自动换行 3.5.2 设置文字样式选中文本 设置文本字体1.被选中的文本周围会有一个蓝色的方框2.在“属性”面板的“字体”下拉列表中选择字体设置文本大小 设置文本颜色3.在“字体大小”编辑框中输入数字,或者单击其右侧的三角按钮 ,并拖动弹出的调节杆的滑块,可改变字体大小4.单击“文本(填充)颜色”按钮,可在弹出的“拾色器”中选择文本的颜色 改变个别字体样式5.如果要对个别文字进行设置,可先选中该文字,再进行设置设置文字对齐方式 设置文本格式6.单击 这几个按钮可设置文字对齐方式,比如将“消逝”两字的对齐方
21、式设为居中对齐 7.单击“编辑格式选项”按钮 ,可在打开的“格式选项”对话框中设置文本格式,比如进入文本编辑状态后,将光标放在第二段,设置首行缩进20像素 改变文字间距选择文本的排列方式8.在“字母间距”编辑框中输入数字,或者单击其右侧的“下拉”按钮 ,并拖动弹出的调节杆的滑块,可改变文字间距,比如将“消逝”几个字的间距设为309.单击“改变文本方向”按钮 ,可在弹出的下拉列表框中选择文本的排列方式,例如选中整个文本后,选择“垂直,从左向右”设置文字上下标10.单击“字符位置”选项 右侧的按钮 ,可在弹出的下拉列表中设置被选文字的位置正常下标上标链接文字选择文字表现方式11.单击“字体呈现方法
22、”右侧的 按钮,可在弹出的下拉列表框中设置文字在动画中的表现方式,通常选择“动画消除锯齿”或“可读性消除锯齿”选项。12.选中文本后,在“URL 链接”编辑框中输入网址,可以将文字链接到相应网站3.5.3 制作漂亮的文字1安装外部字体将外部字体复制到系统Fonts文件夹中1.打开光盘或下载回来的字体文件夹,选中字体,按【Ctrl+C】组合键,将其复制到剪贴板中2.打开系统字体文件夹(位于“C:WINDOWSFonts”文件夹下),按【Ctrl+V】组合键,将外部字体复制到该文件夹中即可 2为文字添加滤镜特效选中文本并打开“滤镜”面板 选择“斜角”滤镜 1.选中要添加特效的文本,然后打开“滤镜”
23、面板2.单击“滤镜”面板中的“添加滤镜”按钮,从弹出的下拉列表框中选择一种滤镜,比如选择“斜角”滤镜设置“斜角”滤镜的参数添加了滤镜特效后的文本效果3.选中某个滤镜后,可以在“滤镜”面板中对该滤镜的参数进行设置 3分离和变形文字 选中文本 将文本分离成文字 将文本块分离成矢量图形选中文本后选择两次“修改”“分离”菜单或按两次快捷键【Ctrl+B】,将文字分离为矢量图形,此时便可以使用“选择工具”调整文字形状3.5.4 文本的类型n静态文本:静态文本:静态文本是在创作文档时确定文本内容和外观,最终出现在动画中的文本与在制作动画时设置的样式没有任何变化。静态文本比较常用,前面我们介绍的都属于静态文
24、本。n动态文本:动态文本:动态文本是在动画播放时可以动态更新的文本,如股票报价等,它可以根据情况动态改变文本的显示内容以及样式等。动态文本常用在游戏或课件作品中。n输入文本:输入文本:输入文本是在动画播放时可以接受用户输入的文本,是响应键盘事件的一种人机交互的工具。典型实例一箭倾心一箭倾心 本例操作步骤可参考视频:3-3.avi。3.6 在Flash CS3中绘图的一些必要补充1合并模式合并模式 合并模式是Flash默认的绘图模式,在这种模式下,绘制出的图形是打散的矢量图形,两个图形之间如果有交接,便会自动合并在一起,并且移动一个图形会改变另一个图形的形状。3.6.1 两种绘图模式2对象绘制模
25、式“对象绘制”按钮 对象绘制模式下绘制的图形选择绘图工具后,单击激活工具箱选项区的“对象绘制”按钮,即可在对象绘制模式下绘图在对象绘制模式下绘制图形的优点是,绘制出的图形会自动组合成对象,两个图形叠加时相互不影响,不会自动合并,也不会在移动时改变图形形状3.6.2 绘制图形的常见思路n想好所要绘制的图形形状,可以在纸上绘制出图形的草图。n使用“线条工具”、“铅笔工具”、“钢笔工具”、“椭圆工具”、“矩形工具”等工具绘制出图形的轮廓线。n使用“选择工具”、“部分选取工具”等工具调整轮廓线形状。n在“混色器”面板中调制需要填充的颜色,使用“颜料桶工具”为图形的不同区域上色。n再次对图形细微处进行调
26、整。第4章图形制作(中)色彩空间n配色原理n如何调制出需要的颜色 n使用“颜料桶工具”填充颜色n使用“墨水瓶工具”修改线条n使用“滴管工具”采样填充4.1 配色原理4.1.1 色彩构成三原色其他颜色都由这三种原色按一定的比例混合而成,比如R(255)、G(0)、B(255)混和形成紫色;R(255)、G(255)、B(255)混和形成白色n色相:色相:色相是一个颜色的本身固有色。n明度:明度:明度指色彩的明暗程度。n纯度:纯度:指的是颜色所含的无彩色的分量,含无彩色分量越多纯度越低,反之越高。色相、明度、纯度称为色彩三要素。色彩三要素是色彩最基本的属性,是研究色彩的基础。4.1.2 配色技巧n
27、冷暖:冷暖:有的色彩能让人联想到天空、流水、雪景、冰块等,这种颜色叫冷色,例如白色、蓝色和青色等;有的色彩让人联想到太阳、火焰等,这种颜色成为暖色,例如黄色、红色和橙色等。n膨胀:膨胀:两个相同形状、相同大小的物体,在不同色彩和相同背景衬托下,会给我们不同的距离感。n轻重感:轻重感:明度越高越轻,反之越重;暖色重,冷色轻。n情绪:情绪:色彩还能使人产生不同的情绪反射,例如,红色、橙色能使人产生兴奋感;蓝色、绿色却使人沉静。最影响情绪的是色相,其次是纯度,最后是明度。4.2 如何调制出需要的颜色“拾色器”对话框 “颜色”对话框单击“工具箱”的“笔触颜色”(填充线条)或“填充颜色”按钮 (填充封闭
28、区域)右侧的 按钮,从弹出的“拾色器”对话框中选择一种颜色单击“拾色器”对话框右上角的 按钮,打开“颜色”对话框,可在此选择或调制出需要的颜色。“颜色”面板 “颜色”对话框 下面是在“颜色”面板中调制或选择颜色的具体操作步骤:1.打开“颜色”面板,单击“笔触颜色”按钮 或“填充颜色”按钮 ,选择设置的颜色类型2.在光谱图中单击选择颜色的色调,然后拖动右边竖条中的三角形可改变颜色明度,也可以在“红”、“绿”、“蓝”三个编辑框或光谱图下方的编辑框中输入数值来定义颜色。定义好颜色后还可以通过更改“Alpha”的数值来更改颜色的透明度,设置好的颜色会在“当前色”框中显示4.3 使用“颜料桶工具”填充颜
29、色4.3.1 填充纯色1.打开素材文档并选择“颜料桶工具”,然后单击“空隙大小”按钮 ,可在弹出的下拉列表中选择填充模式2.单击“填充颜色”按钮 右边的色块,在弹出的“拾色器”中选择“绿色#00CC00”填充模式选项 设置填充颜色为身体填充绿色填充眼皮和背鳍3.将光标移动到小鳄鱼的身体位置并单击,即可为其填充绿色4.将光标分别移动到小鳄鱼的两个眼皮上并单击,为眼皮填充绿色,然后将填充颜色设为“橘红色#FF9900”,在背鳍的不同封闭区域分别单击填充颜色填充眼睛5.最后使用黑色填充眼珠,用白色填充眼白4.3.2 填充渐变色1.选择“颜料桶工具”,打开“颜色”面板,按下“填充颜色”按钮 ,在“类型
30、”下拉列表中选择“线性”选项2.选择“线性”选项后,在“颜色”面板中会出现一个渐变条,双击渐变条左边的色标,然后在弹出的“拾色器”中选择“绿色#00CC00”选择“线性”渐变 设置渐变的起始颜色 添加色标 设置渐变色 3.将光标移动到渐变条的中心位置,当光标呈 形状时单击,可添加一个色标4.利用与步骤2相同的方法,将中间的色标颜色设为“浅绿色#00FF00”,将右侧的色标颜色设为“深绿色#009900”填充线性渐变5.将光标移动到小鳄鱼的脚部,然后按住鼠标左键并向上拖动,松开鼠标后,即可填充线性渐变删除色标 改变色标的颜色和位置6.在“颜色”面板的“类型”下拉列表中选择“放射状”选项7.将光标
31、移动到“颜色”面板中渐变条的色标上,然后按住鼠标左键将色标拖离渐变条,即可删除该色标改变色标的颜色和位置 填充放射状渐变8.将渐变条左侧的色标颜色设为白色,右边的色标颜色设为黑色,然后将右侧的色标拖到渐变条中间位置 9.将光标分别移动到小鳄鱼的左右眼珠上并单击,即可为眼珠填充放射状渐变4.3.3 填充位图“导入到库”对话框1.打开素材文档,然后选择“颜料桶工具”,打开“颜色”面板,按下“填充颜色”按钮 ,在“类型”下拉列表中选择“位图”选项,会弹出“导入到库”对话框导入位图 填充位图 2.在“导入到库”对话框中选择要导入的位图,然后单击“打开”按钮,即可在“颜色”面板的位图列表中看到导入的位图
32、3.在位图列表中单击选择要填充的位图,将光标分别移动到小鳄鱼的身体和眼皮上并单击,为小鳄鱼填充位图4.4 使用“墨水瓶工具”修改线条打开企鹅文件 改变轮廓线的样式设置“墨水瓶工具”属性打开素材文档,并选择“墨水瓶工具”然后打开“属性”面板,将“笔触高度”设为3,将“笔触样式”设为点描,将光标移动到企鹅的轮廓线上,并连续单击,即可改变轮廓线的样式典型实例为小熊上色 为小熊上色 本例操作步骤可参考视频:4-1.avi。4.5 使用“滴管工具”采样填充 4.5.1 采样填充色和位图对纯色进行采样 填充纯色1.选择“滴管工具”后,将光标移动到要采样的对象上单击即可对填充色进行采样2.采样后“滴管工具”
33、会自动切换为“颜料桶工具”,将光标移动到要填充的对象上单击,即可填充纯色3.对小熊的眼睛进行采样4.对小狗的耳朵和尾巴进行填充,此时我们发现,填充的并不是渐变色而是纯色黑色小锁标志表示“颜料桶工具”处于“锁定填充”模式,如果此时采样的对象是渐变色,将不能正常填充对小熊的眼睛进行采样 对小狗的耳朵和尾巴进行填充解除锁定 填充渐变色5.再使用“滴管工具”对小熊的眼睛进行一次采样,然后单击工具箱中的“锁定填充”按钮 解除锁定6.此时对小狗的眼睛和鼻子进行填充,会发现可以正常填充渐变色了打散并采样位图 填充位图7.将位图打散,然后使用“滴管工具”对位图进行采样 8.将光标移动到小狗的衣服上,然后单击填
34、充位图4.5.2 采样线条对线条属性进行采样 应用线条属性1.使用“滴管工具”在线条上单击采样2.采样后“滴管工具”会自动切换为“墨水瓶工具”,在目标线条上单击,即可改变线条属性4.5.3 采样文字对文本属性进行采样 应用文本属性2.单击鼠标后,即可使选中的文本应用取样文本的属性1.选中要改变属性的文本,然后将“滴管工具”移动到要取样的文本上第5章图形制作(下)千变万化n对象的基本编辑n对象的变形操作n用“渐变变形工具”调整渐变色n用“橡皮擦工具”修改图形n用“对齐”面板对齐图形n其他图形处理技巧5.1 对象的基本编辑5.1.1 选择舞台上的对象 框选多个对象使用“选择工具”、“局部选取工具”
35、或“任意变形工具”单击或框选舞台上的对象,即可选中单个或多个对象 选择帧上所有对象 使用“套索工具”框选对象通过单击时间轴上的帧来选中该帧上的对象通过使用“套索工具”在舞台上拖动选择对象不同对象被选中后的表现 未群组的对象 群组对象或元件实例 位图5.1.2 移动和复制对象移动对象在移动未群组的对象时,只有被选中的部分会被移动使用“选择工具”、“局部选取工具”或“任意变形工具”,在被选中的对象上按住鼠标左键不放并拖动即可移动对象复制对象在移动对象的同时按住【Alt】键,可复制选中的对象编辑菜单中的命令单击菜单栏中的“编辑”菜单,我们可以在其子菜单中看到“复制”、“剪切”、“粘贴到中心位置”、“
36、粘贴到当前位置”等命令5.1.3 群组和分离对象 将矢量图形群组 将多个元件实例或群组对象群组 选中要组合的对象,然后选择“修改”“组合”菜单,或按快捷键【Ctrl+G】即可群组对象。1群组对象2编辑群组内的图形 分别群组的小麻雀 衣服群组内部 填充衣服并退出群组1.打开的素材文档中,有一只各部分分别群组的小麻雀2.双击小麻雀的衣服,进入群组内部,可以看到除了衣服外,其他部位都呈高亮显示,且不能编辑3.将小麻雀衣服的颜色改为“荧光绿#00FF00”,然后选择“编辑”“全部编辑”菜单,或使用“选择工具”双击舞台的空白区域,即可退出群组3分离群组 分离对象 选中要分离的对象,然后选择“修改”“取消
37、组合”菜单,或按快捷键【Ctrl+B】即可分离对象。4群组的应用n如果需要将多个对象整体移动,可以将它们组合成群组,这样它们的相对位置便不会改变了。n如果需要对几个对象进行整体变形操作,可将几个对象组合成群组。n在绘制造型时将造型的不同部位组合成群组,或制作成元件,这样不但方便我们对各个部位进行修改编辑,还有利于在制作动画时,为造型添加动作。5.1.4 排列对象排列对象1.在按住【Shift】键的同时,使用“选择工具”依次单击卡通人物的四肢,选中它们2.选择“修改”“排列”“移至底层”菜单,或在卡通人物的四肢上右击鼠标,在弹出的快捷菜单中,选择“排列”“移至底层”菜单3.可将四肢移动到卡通人物
38、的身体下方5.2 对象的变形操作 5.2.1 用“任意变形工具”变形对象“任意变形工具”的选项 变形框使用“任意变形工具”单击选中或框选要编辑的对象后,工具箱下方会出现“旋转与倾斜”、“缩放”、“扭曲”和“封套”按钮编辑对象四周会出现一个变形框,变形框中包含变形中心点和8个变形控制柄1旋转与倾斜 1.使用“任意变形工具”选中小汽车,并将变形中心点拖动到第一个轮胎下方2.将光标移动到变形框四个角的控制柄上,当光标呈 形状时,按住鼠标左键并拖动,即可以第一个轮胎下方为基点进行旋转移动变形中心点 旋转变形 倾斜变形3.将光标移动到变形框的边线上,当光标呈 或 形状时,按住鼠标左键并拖动,即可倾斜对象
39、2缩放 改变对象的高度和宽度 缩放对象使用“任意变形工具”选中要编辑的对象,然后将光标移动到变形框的横向或纵向中间控制柄上,当光标呈 或 形状时,按住鼠标左键并拖动,即可改变对象高度或宽度将光标移动到变形框4个边角的控制柄上,光标会呈 形状,此时按住鼠标左键并拖动,可改变对象的大小3扭曲 框选图像 拖动控制柄1.使用“任意变形工具”,框选舞台上的分离图像,然后单击工具箱选项区中的“扭曲”按钮,或者在按住【Ctrl】键的同时将光标移动到变形框4个边角的控制柄上2.将控制框右上角的控制柄向下拖动 拖动控制柄 最终的透视效果3.将控制框右下角的控制柄向上拖动4.松开鼠标并在舞台任意位置单击,透视效果
40、就完成了4封套 拖动控制柄封套控制框打散文字1.输入文字,然后连续按两次快捷键【Ctrl+B】,将文字完全打散2.选择“任意变形工具”,并单击“封套”按钮 ,此时文字四周会出现一个封套控制框3.拖动封套控制框上方的控制柄,改变封套的形状拖动切线手柄调整下方的控制柄和切线手柄 4.拖动上方控制柄两侧的切线手柄,改变曲线的弧度5.调整封套控制框下方的控制柄和切线手柄5.2.2 用“变形”面板变形对象 选择“窗口”“变形”菜单,或按快捷键【Ctri+T】可打开“变形”面板。“变形”面板在此可以设置长、宽的缩放比例在此可以设置是旋转对象还是倾斜对象 在此可以设置旋转角度在此可以设置倾斜角度单击该按钮可
41、重置所有变形操作单击该按钮,可复制对象并应用变形 下面我们通过一个小实例,来了解使用“变形”面板编辑对象的方法:移动变形中心点 设置旋转角度 变形效果1.使用“任意变形工具”框选绘制好的图形,并拖动变形中心点2.打开“变形”面板,选中“旋转”单选钮,然后在其右侧的编辑框中输入“45”,并连续单击7次“复制并应用变形”按钮3.变形效果典型实例蝴蝶飞舞 蝴蝶飞舞 本例操作步骤可参考视频:5-1.avi。5.3 用“渐变变形工具”调整渐变色渐变控制圆使用“填充变形工具”在小老鼠的鼻子上单击,由于小鼠的鼻子是放射状渐变,所以此时会出现渐变控制圆移动渐变图案 移动渐变中心点拖动渐变中心点,将移动整个渐变
42、图案 拖动渐变中心控制柄,将移动渐变中心点改变渐变图案宽度 改变渐变图案大小 改变渐变图案方向拖动渐变长宽控制柄,将增加或减小渐变图案的宽度拖动渐变大小控制柄,将沿中心位置增大或缩小渐变图案拖动渐变方向控制柄,将改变渐变图案的方向 渐变控制线和渐变控制柄 移动渐变图案拖动渐变中心点将移动整个渐变图案 使用“填充变形工具”单击小老鼠的裤子,由于裤子天下红的是线性渐变,所以会出现渐变控制线和渐变控制柄 改变渐变图案方向 改变渐变图案宽度拖动渐变方向控制柄将改变渐变图案的方向 拖动渐变长宽控制柄将改变渐变图案的宽度位图渐变控制柄 改变位图横向和纵向倾斜角度.使用“填充变形工具”在小老鼠的衣服上单击,
43、由于衣服是位图填充,所以会出现位图控制柄拖动横向倾斜控制柄或纵向倾斜控制柄,可改变位图横向或纵向倾斜角度 改变位图宽度和长度 改变位图大小 改变位图方向拖动位图宽度控制柄或位图长度控制柄,可改变位图的宽度和长度拖动位图大小控制柄,可改变位图的大小拖动位图方向控制柄,可改变位图的方向5.4 用“橡皮擦工具”修改图形选择橡皮擦的形状 设置橡皮擦的模式单击“橡皮擦模式”按钮 ,可设置橡皮擦的模式选中“橡皮擦工具”后,单击击“橡皮擦形状”按钮 ,可从弹出的列表框中选择橡皮擦的形状 下面为大家列出了使用“橡皮擦工具”在不同模式下,擦除图像的效果:原图 标准擦除 擦除填充擦除线条 擦除所选填充 内部擦除
44、“水龙头”模式单击“水龙头”按钮 后,可以通过单击来擦除不需要的填充或边线内容5.5 用“对齐”面板对齐图形 选择“窗口”“对齐”菜单,或者按快捷键【Ctrl+K】,可打开”对齐“面板。“对齐”面板在“对齐”面板中有很多按钮,它们分别被放置在“对齐”栏、“分布”栏、“匹配大小”栏和“间隔”栏中,还有一个单独的“相对于舞台分布”按钮 绘制正圆匹配宽和高1.使用“椭圆工具”绘制几个不同大小的正圆形2.选中所有的圆形,然后单击“对齐”面板中的“匹配宽和高”按钮 ,所有的正圆会变得一样大垂直中齐水平居中分布3.单击“垂直中齐”按钮 ,所有的正圆会排列成一条直线4.单击“水平居中分布”按钮 ,可使所有正
45、圆的间距相等5.6 其他图形处理技巧5.6.1 图形的平滑、伸直和优化1平滑图形选中要平滑的对象 平滑后的效果1.使用“选择工具”选中要平滑的对象2.选择“修改”“形状”“平滑”菜单,或单击工具箱中的“平滑”按钮 即可平滑选中的线段,反复执行可强化平滑效果2伸直图形 伸直图形 选中要伸直的图形,选择“修改”“形状”“伸直”菜单,或单击工具箱“选项”区的“伸直”按钮即可伸直对象,反复执行可强化伸直效果。3优化图形 选中要优化的对象 “最优化曲线”对话框1.使用“选择工具”选中要优化的对象2.选择“修改”“形状”“优化”菜单,打开“最优化曲线”对话框,拖动“平滑”选项的滑块,可设置对平滑图形的强度
46、,勾选“使用多重过滤”复选框,系统将会对图形进行多次优化“优化消息提示”对话框 优化结果3.勾选“显示总计消息”复选框,在单击“确定”按钮后,系统将会显示“优化消息提示”对话框4.单击“优化消息提示”对话框中的“确定”按钮,即可得到优化结果5.6.2 扩展填充与柔化填充边缘1扩展填充选中图像 “扩展填充”对话框 雪花效果1.打开素材文档,并选中舞台上的图象2.选择“修改”“形状”“扩展填充”菜单,打开“扩展填充”对话框,在对话框中将“距离”设为35像素,然后单击“插入”单选钮3.单击“确定”按钮后,即可得到雪花效果3柔化填充边缘绘制圆角矩形 “柔化填充边缘”对话框1.绘制一个“米黄色”的“边角
47、半径”为10的圆角矩形2.选中圆角矩形,然后选择“修改”“形状”“柔化填充边缘”菜单,打开“柔化填充边缘”对话框,在对话框中将“距离”设为“50”,“步骤数”设为“5”,在“方向”选项中选中“扩展”单选钮为边缘填充颜色 最终效果3.单击“确定”按钮后,我们会发现每一个边缘都是一个独立的填充,依次为这些边缘填充“红色”、“绿色、“紫色和“蓝色”4.使用“文本工具”在圆角矩形上输入文字5.6.3 将线条转换为填充舞台上的小狗 调整后的效果1.打开素材文档,会发现舞台上小狗的尾巴不但很僵硬而且与身体结合的也不好2.选中小狗的尾巴,然后选择“修改”“形状”“将线条转换为填充”菜单,将选中的线条转换为填
48、充,并使用“选择工具”调整尾巴的形状典型实例制作描边特效字描边特效字 本例操作步骤可参考视频:5-2.avi。第6章 动画造型设计n卡通人物绘制技法n动画中动物的画法n绘画中的简单透视nFlash绘图技巧6.1 卡通人物绘制技法6.1.1 人体比例1正常人体比例人体整体比例 人体各部分比例立七坐五盘三半人体各部分也可以用头高来衡量女性的比例特征 老人与小孩的身体比例肩膀窄而圆滑腰细而胯宽小孩一般身高只有4个头高老人身高只有6个头高2动画中的人体比例 在卡通风格的动画中我们一般采用2至5头高的人体比例。卡通风格的造型6.1.2 头部绘制技法1.绘制头形面部十字线 三停五眼左仰视 仰视 右仰视 左
49、视 平视 右视 左下视 俯视 右下视各种位置的脸形其他脸型方形 三角形 棱形 梨形 圆形2眉毛的画法各种类型的眉毛表现凶悍的眉毛 细挑的眉毛 感觉心事很重的眉毛表现老实厚道的眉毛 老人的眉毛 贼眉鼠眼中的贼眉3眼的画法 眼睛的结构 侧面的眼睛双眼皮高光眼珠眼白眼睫毛绘制眼睛的过程:绘制线条 调整线条绘制眼睫毛1.使用“线条工具”绘制线条2.使用“选择工具”调整线条3.使用“线条工具”绘制眼睫毛的轮廓,然后使用“选择工具”进行调整绘制眼皮绘制线条调整线条5.使用“线条工具”在眼眶内绘制两条6.使用“选择工具”将线条调整为眼珠的形状4.使用“线条工具”和“选择工具”绘制双眼皮绘制瞳孔填充眼睫毛和瞳
50、孔填充眼珠7.使用“椭圆工具”在眼珠内绘制瞳孔8.使用黑色填充眼睫毛和瞳孔9.使用“深棕色”填充眼珠变更瞳孔边线 添加高光10.使用“墨水瓶工具”将瞳孔的边线变为“棕黄色”11.最后使用“刷子工具”为眼睛添加高光 在绘制比较简单的造型时,我们可以用两个圆来绘制眼睛。简单的眼睛 简单的造型4鼻的画法 鼻子基本组成 卡通人物的鼻子鼻翼鼻孔鼻梁鼻尖 正面的鼻子卡通画中的鼻子5嘴的画法 绘制唇线定义下唇线绘制嘴角1.使用“线条工具”和“选择工具”绘制唇线2.使用“线条工具”在上唇线下方在绘制一条短线,并使用“选择工具”调整其弧度定义下唇线3.使用“铅笔工具”绘制嘴角绘制侧面的嘴 张开的嘴上唇与鼻子相连