绘图工具及简单动画制作.ppt

《绘图工具及简单动画制作.ppt》由会员分享，可在线阅读，更多相关《绘图工具及简单动画制作.ppt（54页珍藏版）》请在三一文库上搜索。

1、第2章 绘制图形及编辑对象,主要内容 Flash的绘图工具箱中绘图工具的使用 图形的编辑 对象的编辑,2.1 绘图工具,Flash工具箱中的绘图工具用于绘制矢量图形，包括线条工具、铅笔工具、钢笔工具、刷子工具、椭圆工具以及矩形工具等内容。,线条工具也叫直线工具，用于绘制直线。 在“属性”面板中可以设定直线的各项属性，如粗细、颜色、样式等，如下页左图所示。线条工具设置不同的属性后绘制的各种线条如下页右图所示。,2.1.1 线条工具,图 线条工具的“属性”面板 图 各种线型的线条,如果在拖动鼠标的同时按住键盘上的键，则可以绘制水平、垂直、倾斜45度的直线。如图所示。,图 水平、垂直、倾斜45度的直

2、线,2.1.1 线条工具,利用铅笔工具可以绘制出各式各样的线条，包括直线线段、曲线线段，甚至可以绘制出椭圆形和矩形。 用户只要在舞台中按住鼠标左键不放，然后拖动鼠标，就可以将鼠标移动的轨迹用线条描绘出来。另外，在绘制时，可以选择绘制模式。铅笔模式中有3种绘图模式，即伸直、平滑和墨水，如下图所示。用户可以将这3种绘图模式应用到形体或者线条之上。,2.1.2 铅笔工具,2.1.2 铅笔工具,使用伸直工具可以绘制出直线，并且可以将三角形、椭圆、圆、矩形、正方形强制变形为相应的常规几何形状。 使用平滑工具可以绘制出平滑的曲线。 使用墨水工具绘制出的自由型线条将基本保持原样。,下面是使用铅笔工具绘图的实

3、例，要绘制各种虚线，操作步骤如下： （1）在工具箱中单击铅笔工具按钮。 （2）在弹出的铅笔工具的“属性”面板中选择线条的颜色、粗细以及虚线类型。 （3）单击自定义按钮，弹出如下页图所示的“笔触样式”对话框。,2.1.2 铅笔工具,图 “笔触样式”对话框,2.1.2 铅笔工具,在“笔触样式”对话框中的“虚线”选项中，前一项是设置虚线的实体部分的长度，后一项是设置虚线的间距值。通过输入不同的值可以得到各种虚线效果。,2.1.2 铅笔工具,选择钢笔工具后，将光标移到舞台中单击第一个节点，单击第一个节点后，还可以继续使用单击方式来产生第二点，而两点之间则有直线连接；如果想产生贝塞尔曲线，可以先按住鼠标

4、左键并拖动鼠标，这样产生的线条就是曲线。继续单击第二点、第三点这样即可获得连续线条或曲线。如果想结束一个连续线段或曲线，而从另一个起点开始绘制，那么在最后一个节点上双击，这样就可以开始绘制另一条连续线条或曲线了。,2.1.3 钢笔工具,操作步骤如下： （1）单击刷子工具按钮。 （2）在弹出的刷子工具的“属性”面板中选择填充颜色。 （3）在工具箱的选项区刷子工具有四项选项设置，如下页左图所示。 （4）单击刷子模式按钮，弹出如下页右图所示的选择栏。,2.1.4 刷子工具,图 刷子工具的选项 图 刷子模式,2.1.4 刷子工具,在工具箱中单击椭圆工具按钮，在编辑区中按住鼠标的左键，利用拖曳的方式即可

5、画出一个椭圆，如果在拖曳鼠标的同时按住键，就可以画出一个正圆，如图所示。,图 椭圆和正圆,2.1.5 椭圆工具,绘图实例一：绘制百事可乐标志,第一步：用“椭圆工具”按住Shift键绘制一个没有填充颜色的圆。 第二步：用“线条工具”按住Shift键绘制一条的直线。 第三步：在不选择线条的情况下，按住Ctrl键，用“选择工具”在线的中间拖动，把线段分开，然后用“选择工具”分别把两连个线段变形弯曲 第四步：用“选择工具”选择线段，按住Ctrl复制出另外一条线，并拖动到下面来 第五步：用“颜料桶工具”分别给三个地方填充上：红、白、蓝。,第六步：按Ctrl+A全部选中，把笔触颜色调成无，并在对象上右键单

6、击，选择“转换为元件”，起个名字，选择“影片剪辑”点击“确定”按钮。 第七步：用“选择工具”选择上对像，打开下面的“滤镜”面板，添加“发光”滤镜，参数如图。 第八步：添加“斜角”滤镜，参数如图。,矩形工具的操作方法与椭圆工具基本相同。在工具箱中单击矩形工具按钮，在编辑区拖曳鼠标左键，就能画出所需要的矩形，若在拖曳过程的同时，按住键，就可以画出一个正方形，如图所示。,图 矩形和正方形,2.1.6 矩形工具,单击并按住工具箱中的矩形工具，这时弹出一个下拉菜单，如下页左图所示，其中“多角星形工具”选项就是绘制多边形的选项。 选择这个选项后打开“属性”面板，如下页右图所示，可以看到除了常规的线条颜色、

7、填充颜色、线型及线条粗细外右边有两个按钮：“自定义”按钮和“选项”按钮。,2.1.7 多角星形工具,图 下拉菜单 图 “属性”面板,2.1.7 多角星形工具,2.2 填充工具,Flash工具箱中的填充工具用于修改矢量图的边框和填充效果，包括墨水瓶工具、颜料桶工具、滴管工具以及填充变形工具。,墨水瓶工具用于修改线框的类型、色彩和宽度，但是只能应用纯色，不能应用渐变色和位图。使用墨水瓶工具的操作步骤如下： （1）单击工具箱中的墨水瓶工具按钮。 （2）从墨水瓶工具属性面板中选择线条颜色、样式、线宽。 （3）单击图形对象的线框。,2.2.1 墨水瓶工具,颜料桶工具的作用是使用颜色填充封闭区域。无论是空

8、白区域还是已有颜色的区域，它都可以填充。填充时可以使用单色、渐变色和位图图像。颜料桶工具操作步骤如下： （1）单击工具箱中的颜料桶工具按钮。 （2）在工具箱的颜色区中选择填充颜色。 （3）在某个区域中单击鼠标的左键，即可对该区域进行填充。如下页图所示，新填充的黑色覆盖了原来的灰色。,2.2.2 颜料桶工具,图 用颜料桶工具填充颜色 图 颜料桶工具选项,2.2.2 颜料桶工具,说明： 间隙大小进行设置。颜料桶工具的间隙选项有4项，如上页图所示。 不封闭空隙：选中此项表明只有区域完全闭合时才能填充颜色。 封闭小空隙：选中此项表明当区域存在小间隙时可以自动封闭，并填充有小间隙的区域。 封闭中等空隙：

9、选中此项表明当区域存在中等间隙时可自动封闭，并填充有中等间隙的区域。 封闭大空隙：选中此项表明当区域存在大间隙时也可自动封闭，并填充有大间隙的区域。,2.2.2 颜料桶工具,滴管工具用于从现有的形状或线条中取得样式和颜色，并可立即应用到其他的形状或线条，此外滴管工具还可以吸取外部的位图图像作为填充内容。使用滴管工具的操作步骤如下： （1）选择工具箱中的滴管工具，单击要复制并且应用到其他对象上的边框或者填充区。当单击边框时，滴管工具将会变成 形状；而单击填充区时，滴管工具则将会变成 形状。 （2）在其他对象的边框或者填充区域内单击鼠标左键，则新的属性将被应用到边框或者填充区。,2.2.3 滴管工

10、具,在使用颜料桶填充颜色时主要是使用单色填充区域，如果使用渐变色、位图图像对区域进行填充，就要使用填充变形工具了。 填充变形工具在Flash 5版本时是作为颜料桶工具的附属工具选项，从Flash MX开始单独成为一项工具，更加方便用户的使用。 如果对一个区域使用渐变色填充，首先要确定填充时的渐变色。渐变色填充方式有两种：线性渐变和放射性渐变。,2.2.4 填充变形工具,动画实例一：闪烁的星星,FLASH动画制作,本案例主要用到的工具有：渐变填充、精确旋转工具等。,在制作Flash动画时，也会遇到某个对象在舞台中多处出现的情况。如果把每个对象都分别制作，这样既费时间又增加了文件大小。为此，Fla

11、sh设置了“库”，将这样的对象放置其中，形成称为“元件”的对象，在需要元件对象上场时，只需用鼠标将该元件拖到舞台中即可。 元件分为3类，即影片剪辑(用于制作动画)、图形(用于制作静态元素)、按钮(是制作交互动画的基础)。,元件、库的概念,一、基本概念,新建flash文件，设置影片属性背景色为黑色 。 新建图形元件，设置渐变填充，如图：,图 设置渐变颜色属性,二、操作步骤：,3选取工具栏上的矩形工具绘制一个无轮廓的长方形，如图1注意长方形要尽量窄，然后单击 任意变形工具，在变形面板中设置旋转角度为90如图2 ，然后单击“复制并应用变形”按钮。得到如图3所示的图形：,图1,图3,4.选择菜单【插入

12、】【图层】命令新建图层2，设置渐变填充，将右端的黑色Alpha (透明值)设为 0%，如图：,设置光晕渐变颜色,5然后绘制一个无轮廓的正圆，移至适当位置，如图（或按住Shift+Alt键，在以十字形交叉点为圆心画圆），星星绘制完成。,绘制光晕效果,6接下来新建影片剪辑元件。将绘制的星星元件拖到工作区中，按F6在第5帧插入关键帧，并选择“任意变形工具”将星星放大，复制第一帧，然后右键单击时间轴第10帧，在弹出来的快捷菜单中选取“粘贴帧”，创建运动渐变。如图：,创建运动渐变,7.闪烁的星星就做好了，将影片剪辑拖至场景中，适当调整其大小及位置，如图：,图将影片剪辑元件添加到影片中,.制作完毕，按【C

13、trl】【Enter】测试影片,遮罩的原理 上层称为面罩，被罩住的东西摆下层，在上层面罩上开孔，通过孔的移动（也可不移动）可看到下层被罩住对象的某个位置。实质就是面罩上孔的相对移动的动画。,一、基本概念,实例三展开的卷轴,动画效果演示,操作步骤：,1）新建flash文件，设置影片属性如图：,卷轴元件制作-绘制矩形,2）新建图形元件“卷轴”，选择工具栏上的矩形工具，设置渐变填充，画出矩形如图：,卷轴元件制作-绘制卷轴两端,3）插入图层2，选择工具栏上的矩形工具，设置渐变填充，绘制卷轴的两端，如图：,画面元件制作-绘制矩形,4）新建图形元件“画面”，将图层1重命名为“矩形1”，选择工具栏上的矩形工

14、具，绘制矩形如图：,画面元件制作-绘制白色矩形,5）新增图层“矩形2”，用工具栏中的矩形工具绘制一填充色为白色的矩形，适当调整位置，如图：,6）新增图层“花纹”，用工具栏中的铅笔工具绘制卷轴的花边，绘制好一个后，其他花边可通过复制完成，并打开“对齐面板”，调整花边位置， 如图：,画面元件制作-绘制周围花边,画面元件制作-输入文字,7）新增图层“文字”，字体设为“华文行楷”，字号为100，输入文字“难得糊涂”，如图：,8）至此图形元件“画面”完成。新建影片，将图符“画面”拖至编辑区中央，图层1重命名为“画面”。新增图层“遮罩”，绘一高200，宽为1的矩形并居中对齐，如图：,创建形状渐变并生成遮罩

15、层,9）按F6在第25帧处插入一关键帧，单击工具栏上的任意变形工具，将矩形向两边拉伸，使其和卷轴画面重合，创建形状渐变，右键单击“遮罩”图层，选择快捷菜单中的“遮罩层”选项，如图：,创建右侧卷轴运动渐变,10）新增图层“卷轴1”，将图符元件“卷轴”拖至编辑区中，打开对齐面板，将其垂直中齐并右对齐，按F6在第25帧处插入一关键帧，将元件“卷轴”拖至“画面”左端，创建运动渐变。如图：,创建左侧卷轴运动渐变,11）同理新增图层“卷轴2”，将图符元件“卷轴”拖至编辑区中，打开对齐面板，将其垂直中齐并左对齐，按F6在第25帧处插入一关键帧，将元件“卷轴”拖至“画面”右端，创建运动渐变。最终效果如图所示：

16、,12）按【Ctrl】【Enter】测试影片。,实例四引导层动画纸飞机,动画效果演示,操作步骤：,2）新建元件“飞机”，利用工具箱中选择“线条工具”，在舞台上绘制一架纸飞机如图：,1）新建flash文件，设置影片属性。,3）使用工具箱中的“颜料桶工具”为纸飞机填充上颜色。然后用“选择工具”选中纸飞机的边框线，按键盘上的Delete键进行删除。如图。,添加引导层,4）在图层1的第三十帧处单击右键插入关键帧。在时间轴上单击“添加运动引导层”按钮，在图层1的上方添加一个引导层。如图,5）用鼠标单击选中引导层，单击工具箱中的铅笔工具，并在其选项中选择“平滑”，在舞台上绘制一条平滑的曲线作为纸飞机的飞行路径。如图。,6）用鼠标单击图层1的第一帧，用工具箱中的“选择工具”将纸飞机，移至曲线的起始端。如图1。（注意在移动时在元件的中央会出现一个空心的小圆，一定要将其空心小圆与曲线的起始端相重合。）然后用鼠标单击图层1的第30帧，将纸飞机用同样的方法移至曲线的终止端。然后在图层1的第1帧到第30帧任意一帧上单击右键创建补间动画。如图2。按Enter可以在场景中看到动画效果。,7）为了是动画更加逼真。我们可以选中图层1的第30帧，用工具箱中的“任意变形工具”旋转元件，调整纸飞机的角度。如图。,变形动画,