翻转课堂教程 (2)

1、认识flash绘图工具翻转课堂 学生自学教程1 初识Flash工具箱2 基本绘图工具3 颜色工具4 选取图形工具5 自由变换工具6 查看选项工具课前自学内容 Flash工具箱由四大部分组成，分别为工具组、查看组、颜色组与选项组。1 认识Flash工具箱 选择工具 选取场景中的对象，并且可以对绘制的图形进行形状的修改。 部分选取工具 选取节点与贝赛尔曲线，改变图形形状。直线工具 绘制直线，斜线。 索套工具 可以通过绘制任意曲线所形成的选区来选取对象中的图形，还有一种多边形模式可供选择，这种模式以直线绘制选区。钢笔工具 利用节点绘制图形，也可以对绘制好的图形进行修改。1. 工具组 部分选取工具套索

2、工具文本工具矩形工具颜料桶工具橡皮擦工具刷子工具选取工具线条工具钢笔工具铅笔工具椭圆工具滴管工具墨水瓶工具任意变形工具填充变形工具文本工具 在Flash中输入文字。 椭圆工具 绘制圆形与椭圆形。矩形工具 绘制矩形与圆角矩形，单击这个图标不放，弹出另一个多角星形工具，可以绘制任意边数的等边多边形与星形。 铅笔工具 绘制任意曲线，有三种模式可供选择，分别为伸直，平滑与墨水 。 刷子工具 为绘制的图形上色，具有填充色属性，可以设置笔刷样式与大小 。 1 认识Flash工具箱 任意变形工具 调整所选图形的尺寸，角度与形状 。 填充变形工具 主要用于调整渐变填充色，还可以用于调整填充位图 。墨水瓶工具

3、为所选图形加边框线，也可用来改变边框线颜色 。 颜料桶工具 给所选图形填充颜色，也可用来改变图形填充颜色 。 吸管工具 吸取场景中的任意颜色以便填充。 橡皮工具 用于擦除对象。1 认识Flash工具箱 手形工具:移动工作区，调整可视区域 。 缩放工具:调整视图比例 。2. 查看组笔触颜色:设置轮廓颜色。 填充色:设置填充颜色 。黑白：设置笔触颜色为黑色，填充色为白色。没有颜色：设置笔触颜色或填充色为无。 交换颜色：笔触颜色与填充色进行交换。 3. 颜色组4. 选项组 选择不同的工具就会在选项组中显示相应工具的附加选项 缩放工具手形工具笔触颜色填充颜色1 认识Flash工具箱 2 基本绘图工具

4、Flash中的绘图工具的应用具有一定的共性，不同的工具可以绘制出不同的图形，但绘制的方法基本相同。 另外，绘制的图形在属性设置方面也具有一定的共性，图形属性包括笔触颜色、笔触样式、笔触高度与填充颜色等方面的设置，除了可以在工具箱中的颜色组里进行颜色方面的设置，还可以通过属性面板进行其他方面的设置。 下面以多角星形工具为例，讲述绘制图形所具有的共同属性，多角星形工具属性面版如下图所示。 当前工具：显示当前选择的工具名称。 填充色：显示当前图形填充色。笔触颜色：显示当前笔触颜色。 笔触高度：设置当前线条的粗细，可以随意输入一个在0.1到10之间的数字。 笔触样式：设置当前笔触样式。自定义笔触样式：

5、自行设置笔触样式。 工具设置选项：这个选项为多角星形工具独有的，在介绍多角星形工具的应用时会作详细介绍。 当前工具笔触颜色填充色笔触高度笔触样式自定义笔触样式工具设置选项2 基本绘图工具 2.1 直线工具 直线工具用于绘制各种直线或斜线，选择直线工具后，光标在工作区中呈现十字状态，在属性面板中进行各种设置，得到不同效果的线条，如下图所示。按住shift键可以绘制出水平、垂直或者45o直线。 选取直线工具后，选项组里显示对齐对象按钮，利用它可以使绘制的直线自动连接在一起，从而绘制出各种多边形效果。2 基本绘图工具 主要工具：直线辅助工具：选取工具、自由变形工具小屋2 基本绘图工具 2.2 椭圆工

6、具 椭圆工具可以绘制出椭圆或圆形，绘制圆形时需要同时按住Shift键。 在属性面板中对绘制的图形进行笔触颜色、笔触高度、填充颜色与笔触样式的设置，得到各种圆形，如下图所示。2 基本绘图工具 2.3 矩形工具 矩形工具用于绘制各种矩形或正方形。绘制矩形时按住Shift键可以得到正方形。通过属性面板中笔触颜色、笔触高度、填充颜色与笔触样式的设置，绘制出如下图所示的各种矩形。 除了拥有一般图形的共性以外，矩形也具有自己的特性，利用矩形工具还可以绘制圆角矩形。2 基本绘图工具 2.4 多角星形工具 多角星形工具用于绘制多边形或星形，多角星形工具隐藏在工具箱之中，默认情况下为五边形。 绘制过程中同时按住

7、Shift键，还可以控制图形的旋转角度，绘制的各种图形如下图所示。 2 基本绘图工具 样式:单击“样式”后面的文本框，在弹出的下拉列表中共有2种样式可供选择，分别为多边形与星形，默认情况下为多边形。选择星形样式，在工作区中绘制图形，得到如上图所示的效果 。 单击属性面板中的“选项”按钮，弹出“工具设置”对话框，如下图所示。2 基本绘图工具 边数:用于确定多边形的边数，可显示效果的数值范围为332。在边数后面的文本框中输入数值8，单击“确定”按钮，在工作区中绘制图形，得到如下图所示的效果。 星形顶点大小:由于设置星形图形的顶点锐度大小，只针对星形样式有作用。 2 基本绘图工具 2.5 铅笔工具

8、铅笔工具可以绘制出任意曲线,绘制曲线的同时按住Shift键，可以绘制出水平或垂直的直线。 选取铅笔工具后，选项组中提供了3种铅笔模式，分别为伸直、平滑和墨水。 选择模式的不同，绘制出的线条也大不相同，下图所示的线条从左到右依次为伸直、平滑和墨水模式的铅笔绘制矩形得到的效果。 2 基本绘图工具 2.6 钢笔工具 与部分选取工具 钢笔工具用于绘制较为细致的图形，这些图形是由节点与线构成的。部分选取工具可以帮助调整线条的弧度与节点的位置等，两种工具通常结合在一起使用，绘制出流畅细致的线条 。绘制直线：单击确定起点，再次单击，确定另一个点，与起点连成一条直线，按Esc键结束绘图。绘制规则的曲线：单击确

9、定起点，再次单击并进行拖拽，通过鼠标的移动调整线条的弧度，同样按Esc键结束绘图。更改曲率或移动节点：可以用部分选取工具在需要改变曲率的节点上点一下，节点的两边就会出现控制手柄，用鼠标去拉到任意一个句柄即可。要改变节点的位置，用部分选取工具将节点选中，然后拖动。 2 基本绘图工具 用鼠标拖住一条的同时按下Alt键，此时就可以仅移动一边的句柄而另外一边不会受到影响。圆滑节点与拐角节点的转换 圆滑节点是至少有一个控制句柄的节点，直线节点是没有控制句柄的节点； 圆滑节点变直线节点，将钢笔工具移到节点之上，钢笔工具的右下角会出现一个尖状的小标志，在节点上单击后，句柄就会被删掉而只留下节点。 直线节点变

10、圆滑节点，使用部分选取工具，按下Alt键的同时在需要转化的直线节点上拉动，这个节点自然会生成一对句柄。2 基本绘图工具 2.6 钢笔工具 与部分选取工具添加节点 在路径被选中的情况下，当钢笔工具右下方出现“+”可以直接用钢笔工具单击路径以增加节点。删除锚点 有两种方法：（1）用部分选取工具来删除，选择部分选取工具，在想删除的节点上点一下，把这个节点选中，然后按下Del键。（2）用钢笔工具删除，选择钢笔工具，如果想删除的是圆滑节点，得点两下，第一下点击时钢笔工具会将节点转换成直线节点，第二次再靠近此节点时，工具一边会出现一个小减号，点下去，此节点被删除。如果是直线节点，一次性点击就可以被删除掉。

11、2.6 钢笔工具 与部分选取工具2 基本绘图工具 2.7 刷子工具 刷子工具用于为绘制的图形上填充色或直接绘制各种图形，模拟毛笔的效果。 刷子工具选项组如下图所示，其中包括刷子大小、刷子形状、笔刷模式与锁定填充的设置 。 刷子大小:用于设置刷子大小。刷子形状 :用于设置刷子形状。笔刷模式：设置填充颜色时的方式，共提供了5种模式，如下图所示。锁定填充：当填充色为渐变色时，将上一笔触颜色变化规律锁定，作为该区域的色彩变化规范。 笔刷模式锁定填充刷子大小刷子形状2 基本绘图工具 图1所示为一个圆角矩形，其中有一个脚印图案。图2为设置各种模式后，刷子工具的绘制效果 。标准绘画后面绘画颜料选择内部绘画颜

12、料填充图2图12 基本绘图工具 2.7 刷子工具 选择文本工具，在属性面板设置文本的属性，用鼠标在舞台上选择一点作为文本的起始点，输入文本即可。2.8 文本工具 如果浏览者的机器中没有制作者设定的字体，将不能正确显示字体效果，Flash 会自动搜寻浏览者机器中的默认字体显示文字信息，这样就影响了画面的整体效果，在不能保证每一个浏览者的机器中都包含有设置字体的时候，可以通过打散命令将文字打散，以确保每一个浏览者都能看到正确的文字效果，但将文本打散会使Flash文件变大，所以不宜过多使用。 2 基本绘图工具 1 分离文本 分离文本就是将文字完全打散，使文字变成图形，这样就可以对图形进行编辑，制作出

13、各种文字效果。 用选择工具将完全打散后的文字选中，将填充色设置为渐变填充色，即可得到渐变填充色效果，如下图所示。 2 文字填充色为渐变颜色2 基本绘图工具 2.8 文本工具 用选择工具将完全打散后的文字选中，选取墨水瓶工具，在属性面板中设置笔触颜色、笔触高度和笔触样式，在打散后的文字上方单击，得到如图1所示的效果。3 文字轮廓线图1图2 用选择工具将完全打散后的文字选中，按Ctrl+C键复制，按Ctrl+V键粘贴，复制出另一组文字，调整复制文字的颜色与位置，得到阴影效果。4 文字阴影2 基本绘图工具 2.8 文本工具 用选择工具将完全打散后的文字选中，执行“修改”“形状”“柔化填充边缘”命令，

14、在弹出的“柔化填充边缘”对话框中，进行设置即可得到柔化字效果。5 柔化字制作 分别给完全打散后的文字描边并设置不同的文本颜色，得到如图1所示的效果。 分别选中打散后的文字，用任意变形工具随意调整文字大小、位置，得到如图2所示的效果。6 不规则的俏皮文字制作图1图22 基本绘图工具 2.8 文本工具 2.9 橡皮擦工具 橡皮擦工具用于擦除线条和填充色。橡皮擦工具选项组如图1所示，其中包括橡皮模式、水龙头与橡皮形状的设置 。1.橡皮模式 用于指定擦除区域,共提供了5种擦除模式，如图2所示。 以图3所示的图形为基础，依次使用以下模式擦除图形，得到下图从左到右所示的效果。橡皮模式水龙头 橡皮形状图1图

15、2图32 基本绘图工具 标准擦除：随意擦除图形中的线与填充色。擦除填色：擦除图形中的填充色部分。擦除线条：擦除图形中的线条部分。擦除所选填充：擦除已选取的填充颜色。内部擦除：擦除图形内部填充色，一次只能擦除一个封闭部分中的一种填充色。2.水龙头 用于一次性擦除联系在一起的一致的填充颜色和线条。2 基本绘图工具 2.9 橡皮擦工具3 颜色工具 3.1 颜料桶工具 颜料桶工具用于为图形填充颜色，其中包括空隙大小与锁定填充的设置。 空隙大小是指设置填充色的对象是否为封闭路径，如果不是封闭路径，允许空隙的大小为多少，默认情况下空隙大小设置为没有空隙，也就是不封闭空隙。 锁定填充命令只有在填充色为渐变色

16、时才能起作用。 2 基本绘图工具 3.2 墨水瓶工具 墨水瓶工具用于为填充色描边，其中包括笔触颜色、笔触高度与笔触样式的设置。 为填充色描边 在属性面板中设置笔触颜色为黑色、笔触高度为4、笔触样式为实线，在场景中光标变成墨水瓶的样子，如左图所示，在希望描边的填充色上方单击，即可为填充色描边，为所有填充色描边，得到如下图所示的效果。2 基本绘图工具 改变笔触样式、颜色 在属性面板中重新设置笔触颜色、笔触高度和笔触样式，在包含边框的填充色上方单击，即可改变当前笔触样式。 为文字描边 在属性面板中设置笔触颜色、笔触高度和笔触样式，在打散的文字上方单击，即可为文字描边，描边的文字如下图所示，打散文字的

17、方法与具体应用将在以后详细讲解。3.2 墨水瓶工具3.3 填充变形工具 填充变形工具用于调整渐变填充色，还可以用于调整填充位图。 混色器面板的应用 在介绍填充变形工具之前，有必要对如何设置渐变填充做详细的介绍，Flash在填充色面板中提供了默认的几种渐变颜色，通过选择即可得到渐变填充效果，但这些效果非常有限，不足以满足绘图的需要，通过混色器面板可以方便的设置各种填充颜色与渐变色，制作出需要的填充色。 填充变形工具的应用 利用填充变形工具可以调节渐变颜色的中心点、范围、样式以及角度。因为填充的渐变样式分为线性渐变与放射状渐变两种，所以在使用填充变形工具时，也会有两种相应的形式 。2 基本绘图工具

18、 选取填充变形工具后单击图形中的渐变填充色，出现相应的编辑点，如下图所示，其中，左图所示为应用于线性渐变，右图所示为应用于放射状渐变。212434（1）中心点直线 用于调节渐变颜色的中心点。当光标靠近中心编辑点时，变成图1所示的样子，单击并拖拽鼠标即可改变渐变颜色的中心点，如图2所示，两种渐变形式的原理相同。 2 基本绘图工具 3.3 填充变形工具（2）样式 ：用于调节渐变颜色区域的形状。（3）范围 ：用于调节渐变颜色的渐变范围，这是调节放射状渐变填充时独有的。（4）角度 ：用于调整渐变颜色的旋转角度。 图1图22 基本绘图工具 3.3 填充变形工具3.3 滴管工具 滴管工具用于提取与绘制图形

19、中的线条或填充色具有相同属性的图形以及位图中的各种RGB颜色，不但可以用来确定渐变填充色，更可将位图转换为填充色。 提取线条属性 选取滴管工具，当光标靠近线条时单击，即可获得所选线条的属性，此时光标变成墨水瓶的样子，如果单击另一个线条，即可改变这个线条的属性。 提取填充色属性 选取滴管工具，当光标靠近填充色时单击，即可获得所选填充色的属性，此时光标变成颜料桶的样子，如果单击另一个填充色，即可改变这个填充色的属性。2 基本绘图工具 提取渐变填充色属性 选取滴管工具，在渐变填充色上方单击，提取渐变填充色，此时在另一个区域中单击即可应用提取的渐变填充色。 如果发现图形好像只被一种颜色填充了一样，只是

20、因为锁定填充选项被自动激活，所以渐变填充色会延续上一个填充色的效果，此时单击工具箱选项组中的锁定填充按钮，取消锁定，再次填充渐变色即可。2 基本绘图工具 3.3 滴管工具4 选取图形工具 利用主选工具选取对象时需要注意： 选择一个对象 在对象上单击鼠标左键就可以选择一条直线、一组对象或文字；选择图形，则需要在某条边线上双击鼠标左键。 选择多个对象 以拖动的方式框选；按住shift键复选。 移动端点 鼠标指针变成直角型时，单击左键选中拐点并拖动鼠标，移动到指定位置释放左键。 将直线变为曲线 鼠标移动到该线段，指针变为圆弧状，单击左键选中线段并拖动，移动到指定位置释放左键。 4.1 主选工具 增加

21、拐点 当箭头下方出现弧线标志时，按住ctrl键拖动鼠标，到适当位置释放鼠标，可以增加一个拐点。对齐对象：使用主选工具拖动某一个对象时，光标将出现一个圆点，将它向其他对象移动的时候，会自动吸附上去。平滑按钮：令被选线条变平滑，消除线条多余的锯齿。拉直按钮：令被选线条变平直，消除多余弧度。4 选取图形工具 4.1 主选工具 套索工具用于选取任意范围中的线条与填充色。选项组如下图所示。4.3 套索工具魔术棒属性多边形模式魔术棒4.2 次选工具次选工具既可以选取并移动对象，也可以对图形进行变形处理。移动控制点：选择图形，周围会出现控制点，拖动可 以改变轮廓形状。修改控制点的曲度：选择控制点移动时，该点

22、附近出现控制手柄，拖动手柄，使其变形。4 选取图形工具 选取套索工具，在工作区中单击并拖拽即可选择需要的区域。 多边形模式 以直线的方式绘制选区。 魔术棒属性 设置相近颜色值的范围。 魔术棒 根据魔术棒属性的设置，选择位图中相近的颜色。4 选取图形工具 套索工具的应用 5 变形工具 任意变形工具用于对图形进行放大、缩小、拉伸、压缩、旋转和扭曲等方面的操作 。5.1 旋转与倾斜 旋转 用于改变图形角度。当光标移动到图形边角的锚点外侧时，变成如左图所示的样子，单击并拖拽鼠标，可以看到旋转的图形轮廓线，如中间图所示，轮廓线的位置就是释放鼠标后图形所在的位置，如右图所示。 缩放图形就是改变图形的纵横比

23、，达到改变图形大小的目的，分为任意缩放与等比例缩放两种。 5.2 缩放图形 倾斜 用于改变图形形状。当光标移动到图形锚点之间的直线时，变成如左图所示的样子，单击并拖拽鼠标，可以看到倾斜的图形轮廓线，如中间图所示，轮廓线的形状就是释放鼠标后图形的形状，如右图所示。 5 变形工具 用于改变图形的纵横比。将光标移动到图形的边角处，变成如左图所示的样子，单击并拖拽鼠标，可以看到缩放的图形轮廓线，如中间图所示，轮廓线的位置就是释放鼠标后图形所在的位置，如右图所示。 以中心点为中心缩放图形 按住Alt键的同时单击并拖拽鼠标，即可以中心点为中心调整图形纵横比 。 5 变形工具 任意缩放图形 5.3 扭曲图形

24、 选择边角中的锚点 用任意变形工具选定对象以后，将光标移动到图形的边角处，单击并拖拽，可以看到扭曲的图形轮廓线，调整轮廓线的形状就是释放鼠标后图形的形状。 选择中间的锚点 扭曲图形就是改变图形的透视关系，根据选择锚点的不同，效果也不同，配合功能键的应用，达到以下不同的效果 。5 变形工具 用任意变形工具选定对象以后，将光标移动到中间的锚点，单击并拖拽鼠标，可以看到扭曲的图形轮廓线，调整轮廓线的形状就是释放鼠标后图形的形状，一并达到缩放与倾斜的效果。 对称扭曲效果 选择边角中的锚点，按下Ctrl+Shift键的同时单击并拖拽鼠标，可以看到扭曲的图形轮廓线，调整轮廓线的形状就是释放鼠标后图形的形状

25、。5.4 封套图形 封套图形可以通过锚点与锚点两边的切线手柄扭曲对象，用任意变形工具选定对象以后，单击选项组中的封套按钮，得到如图1所示的效果 。5 变形工具 边角锚点编辑手柄 将光标移动到图形的边角锚点编辑手柄处，单击并拖拽鼠标，可以看到扭曲的图形轮廓线，如图2所示，调整轮廓线的形状，得到如图3所示的效果。图1图2图35 变形工具 5.4 封套图形 图1图2图3中央锚点编辑手柄 将光标移动到图形的中央锚点编辑手柄处，单击并拖拽鼠标，看到如图1所示的扭曲图形轮廓线，调整轮廓线的形状，得到如图2所示的效果。在拖拽中央锚点编辑手柄的同时，如果按住Alt键，则只能调整一个方向的扭曲效果，如图3所示。5.4 封套图形 5 变形工具 变形对话框 除