Flash动画设计项目教程(项目二-绘制图形)分析课件

FLASH动画设计项目教程项目二

绘制图形

FLASH动画设计项目教程项目二绘制图形项目引入

Flash是以矢量图形为基础的动画创作软件，使用自带的绘图工具可以完成大部分Flash动画对象的闯将。FlashCS5拥有强大的绘图功能。在工具箱中提供了多种绘图工具，针对每种工具能进行不同选项设置，绘制出不同效果的图形。项目引入学习目标认识【工具】面板掌握选择工具的使用掌握绘图工具的使用掌握填充工具的使用掌握查看工具的使用掌握颜色工具的使用学习目标目录：

任务1认识【工具】面板

任务2绘制包装袋

任务3绘制花朵

任务4制作LOGO图形

任务5制作“蔓藤式填充”图形任务6随心所欲变换图像任务7制作个性文字

综合实训——制作卡通画目录：任务1认识【工具】面板

【选择】区域：主要用来选择工作区中的编辑对象【绘图】区域：主要用来绘制线条、图形，输入文本【填充】区域：主要用来填充颜色、擦除填充和吸取颜色【查看】区域：主要用来应用程序窗口进行缩放和移动【颜色】区域：主要用来上色【选项】区域：显示选定工具相应的工具选项任务1认识【工具】面板 【选择】区域：主要用来选择工作区任务2绘制包装袋

知识准备1.线条工具在Flash中直线是最基本的图形，使用【线条工具】

可以绘制直线。按【Shift】键可以绘制特定角度的直线和闭合图形。任务2绘制包装袋 知识准备任务2绘制包装袋

知识准备2.铅笔工具使用【铅笔工具】绘图，类似于使用真实的铅笔，【铅笔工具】自由度很大，功能较强，使用铅笔可以绘制出很多复杂的曲线图形。选择【铅笔工具】

后，按住鼠标左键不放，在舞台上拖动。同时按住【Shift】键绘制，可以绘制水平或是垂直的线条。伸直：绘制直线，并将和三角形、椭圆形和矩形相近的形状转化为对应的基本图形。平滑：绘制平缓的曲线。墨水：对绘制的线条不进行任何的加工。任务2绘制包装袋 知识准备任务2绘制包装袋

知识准备3.选择工具使用【选择工具】

，可以选取对象、移动对象、复制对象和变形对象。选取对象在编辑对象之前，必须要先选择对象，被选择的对象会被亮点填充或方框包围。移动对象选取对象后，鼠标移动在对象上，按住左键不放，拖动对象到适当位置，松开左键，编辑对象就为移动在新位置。编辑对象变形对象：将鼠标光标放在未选定对象的线条边角处，光标会变成

，按住鼠标左键进行拖动角点，可以改变边角位置来达到变形效果；将鼠标光标放在未选定对象的线条边界处，光标会变成

，按住鼠标左键进行拖动，可以改变线条曲率达到变形效果任务2绘制包装袋 知识准备

任务实施任务目标：使用【线条工具】、【铅笔工具】和【选择工具】绘制包装袋图形。任务2绘制包装袋 任务实施任务2绘制包装袋任务3绘制花朵

知识准备1.钢笔工具如果要绘制精确又复杂的路径，就要用到【钢笔工具】

。【钢笔工具】可以对绘制的图形有非常精确的控制，我们绘制的节点、节点的方向都得到很好的控制。绘制直线绘制曲线任务3绘制花朵 知识准备任务3绘制花朵

知识准备2.部分选择工具使用【部分选取工具】

，可以通过改变对象轮廓上的锚点位置来进行对象变形。绘制直线。用【部分选取工具】单击对象轮廓，可以显示该对象轮廓上的锚点单击曲线锚点，锚点上会出现一个切线手柄，可用拖动手柄来改变曲线，把鼠标放置到舞台其他位置点击一下，可以看到改变锚点后效果单击直线上的锚点，移动锚点，可以改变直线上的长度，把鼠标放置到舞台其他位置点击一下，可以看到改变锚点后效果任务3绘制花朵 知识准备任务3绘制花朵

知识准备3.颜料桶工具【颜料桶】工具

可以对闭合区域填充颜色。这个闭合的区域可以是空的区域、已填充区域。另外还可以使用颜料桶对非完全闭合的区域进行填充，非闭合的由有【颜料桶】工具的设定决定。任务3绘制花朵 知识准备任务3绘制花朵

知识准备4.墨水瓶工具【墨水瓶】工具

可以更改当前线条的颜色(不包括渐变和位图)、宽度和样式。任务3绘制花朵 知识准备任务3绘制花朵

知识准备5.刷子工具使用【刷子工具】

可以绘制各种类型的笔触，绘制出类似于毛笔的效果。选择【刷子工具】后，工具箱对应的【选项】区域，可以设置刷子绘画模式、笔刷大小、笔刷形状等。任务3绘制花朵 知识准备任务3绘制花朵

知识准备6.喷涂刷工具【喷涂刷工具】

，类似于粒子喷射器，可以一次将形状图案喷涂到舞台上。任务3绘制花朵 知识准备

任务实施任务目标：使用【线条工具】、【笔刷工具】、【钢笔工具】、【部分选取工具】、【颜料桶工具】、【墨水瓶工具】绘制花朵图形。任务3绘制花朵 任务实施任务3绘制花朵任务4制作LOGO图形

知识准备1.矩形与基本矩形工具使用【矩形工具】

可以绘制矩形或是正方形，单击矩形工具后，舞台中的光标变成了一个十字，按住鼠标左键拖拉，就可以绘制一个矩形，如果同时按【Shift】键进行拖拉可以绘制正方形。矩形【属性】面板，可以通过【填充和笔触】选项来设置矩形轮廓和填充颜色、轮廓线粗细和轮廓线类型。【基本矩形工具】，和【矩形工具】的区别在于，绘制后的矩形保持原图属性，可以再【属性】面板中继续进行圆角调整，也可以使用【选取工具】拖动矩形对象上的锚点，将其变形为不同形状的圆角矩形任务4制作LOGO图形 知识准备任务4制作LOGO图形

知识准备2.椭圆与基本椭圆工具【椭圆工具】可以绘制椭圆或圆形，如果在拖动的同时按下【Shift】键可以绘制圆形对象。和矩形工具一样，通过【椭圆工具】的【属性】面板也可以设置线条颜色、填充颜色、线条宽度和线条类型等。【基本椭圆工具】和【基本矩形工具】一样，绘制后的椭圆保持原图属性，可以通过【属性】面板或是【选取工具】进行原属性的调节。任务4制作LOGO图形 知识准备任务4制作LOGO图形

知识准备3.多角行星形工具【多角形工具】

绘制方法和【矩形工具】、【椭圆工具】类似，也可以通过该【属性】面板设置多角星形的轮廓颜色、填充颜色、轮廓线粗细和类型等。任务4制作LOGO图形 知识准备任务4制作LOGO图形

知识准备4.图形的合并与组合图形的合并选择【修改】|【合并对象】子菜单中的相关命令可以合并或改变现有对象，从而创建新的形状。在画布的正中间绘制一个正圆和一个正方形，绘制前在工具箱的下方选择【对象绘制】。图形的组合在Flash动画制作中，经常会利用【组合】命令将图形对象进行组合，从而便于后面对其进行整体编辑。在舞台中选择多个图形对象，然后执行菜单中的【修改】|【组合】（快捷键【Ctrl+G】）命令，即可将选中的图形对象进行组合任务4制作LOGO图形 知识准备

任务实施任务目标：使用【椭圆工具】、【选择工具】、【任意变形工具】绘制图形。任务4制作LOGO图形 任务实施任务4制作LOGO图形任务5制作“蔓藤式填充”图形

知识准备1.Deco工具填充图形Deco工具

是Flash中一种类似【喷涂刷】的填充工具，使用Deco工具可以快速完成大量相同元素的绘制，也可以应用它制作出很多复杂的动画效果。将其与图形元件和影片剪辑元件配合，可以制作出效果更加丰富的动画效果。2.Deco工具的属性设置Deco工具的【属性】面板中，FlashCS5提供了13种绘制效果：藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、闪电刷子、粒子系统、烟动画和树刷子任务5制作“蔓藤式填充”图形 知识准备

任务实施任务目标：使用Deco工具的【藤蔓式填充】效果绘制图形。任务5制作“蔓藤式填充”图形 任务实施任务5制作“蔓藤式填充”图形任务6随心所欲变换图像

知识准备1.任意变形工具使用【任意变形工具】

，可以将工作区中的对象进行旋转、倾斜、缩放、扭曲和封套等变形操作。其中，扭曲和封套功能只适用于形状对象，当对象为元件、文本、位图、渐变时，则这两种变形操作选项处于不可用状态。选择【任意变形工具】后，工具箱对应的【选项】区域会出现【贴紧至对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】这5个选项。任务6随心所欲变换图像 知识准备任务6随心所欲变换图像

知识准备2.渐变变形工具【渐变变形工具】

是用来调整颜色渐变的工具。任务6随心所欲变换图像 知识准备

任务实施任务目标：使用【线条工具】、【选择工具】、【钢笔工具】、【任意变形工具】和【渐变变形工具】完成图形。任务6随心所欲变换图像 任务实施任务6随心所欲变换图像任务7制作个性文字

知识准备1.输入文字及属性调整文本工具

时用来输入文字的工具，文本类型分为“静态文本”、“动态文本”、“输入文本”三个种类。选择【文本工具】后，可以通过舞台右侧的【属性】面板来设置文本信息。任务7制作个性文字 知识准备任务7制作个性文字

知识准备2.文字变形文字的变形，使用菜单中【修改】|【分离】命令或是快捷键【Ctrl+B】分离文本，文本块