Flash绘图教案
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1、选中扇页，用“任意变形工具”调整扇页的中心点， 如图8所示：
2、通过“窗口”、“变形”打开变形面板，设置旋转 读数为，点击变形面板当中的复制并应用变形多次， 得到如图9所示：
35
知识点的强调
滤镜面板
滤镜是Flash8新增功能，从而大大增强了其设计方面的 能力。这项新特性对制作Flash动画产生了便利和巨大 影响。默认情况下，【滤镜】面板和【属性】面板、 【参数】面板组成一个面板组。
要点提示
椭圆工具
选择工具
绘制模式
6
绘制月亮的步骤
1. 2. 运行Flash 8，新建一个文档。 选择“椭圆工具”，设置笔触颜色为空，填充颜色为红 色。按住shift键，在舞台上绘制出一个圆，如图1： 点击“选择工具”，按下Alt键，拖动舞台上的圆，复制 一个圆形。如图2： 点击delete键，删除后面的圆，得到月亮。
擦除模式： 水龙头：可快速擦除图形和线段；
只在选取内删除
只删除封闭区域内图形， 且起点必须在封闭区域内
注：双击橡皮擦工具可以清除舞台上所绘制的图画
42
Thank You
43
10
实例 二、 绘制花朵 要点提示
椭圆工具 选择工具（复制、变形） 填充变形工具 任意变形工具
变形面板
铅笔工具 直线工具
11
绘制花朵的步骤 新建文档
1. 运行Flash 8，新建一个文档。
绘制花瓣
选择“椭圆工具”，设置笔触颜色为空，填充颜色随 便。按住鼠标不放，舞台上绘制出一个椭圆，如图1： 点击“选择工具”，选择该椭圆，再点击“颜料桶工 具”，在混色器活动面板当中，设置类型为线性，选 择左色标为红色，右色标为黄色，如图2：
33
7、新插入图层二，改名称为扇柄，利用矩形工具画出 一个填充色为线型，左右色标：#CC6600，中色标： #FEA64E，用“选择工具”和“部分选取工具”把矩 形调整成合适的形状，再放置在羽毛的合适位置，选 中整个扇页，转化为图形元件，取名为扇页，到此扇 片就制作完毕。如图7：
34
三、绘制扇子
3.
4.
图1
图2
7
图3
知识点总结和强调 在flash中利用绘图工具绘图时，可以设置不同的 绘制模式：
1、合并绘制 • 合并绘制是flash默认的绘制模式。在此模式下，绘 图工具绘制出来的图形都是分离形状，这些形状重 叠时会自动进行合并和擦出，如上面月亮的绘制。 2、对象绘制 • 在对象绘制模式下，用绘图工具绘制出来的图形是 独立的对象，这些对象在叠加时不会相互影响。合 并绘制是flash默认的绘制模式，如何切换到对象绘 制模式呢？选择任意一种绘图工具，工具面板参数 区就会出现【对象绘制】按钮，点击此按钮即可进 入对象绘制的模式。
– 按鼠标左键拖动或Shift+拖动，生成任意、水平、 垂直、45度直线
27
【Ctrl】+【B】与【Ctrl】+【G】命令
在Flash中，【Ctrl】+【B】打散(分离)和【Ctrl】+【 G】(组合)是两个常用的快捷键。 • 组合就是把一个或多个图形组合在一起,作为一个整 体进行移动、删除、复制等操作。 • 打散就是把组合的图形分离。
形
2. 在"工具"面板中，单击"椭圆"工具，选择对象绘制，再 在属性面板当中进行设置，笔触颜色为空，填充颜色为 黄色，在六边形内绘制圆圈时，按住 Shift 键约束形状如 下图示：
24
3.
4. 5.
用移动工具调整圆形在正六边形中的位置，调整到合适 位置后，用ctrl+B打散圆形，再按下delete键删除圆形， 如图： 用任意变形工具，调整舞台上图形的形状如下图所示： 在"工具"面板中，选择"线条"工具。在舞台上，从六边 形到您向下拖动的笔触副本绘制四条垂直线，如下图所 示：
31
3、选中每一组用方向键向第一组靠拢，形成一个整体。 用选择工具在羽毛的顶部拉成一个球形，如图3:
4、用“直线”勾画图形，如图4：
32
5、删除圆角部分线条外的图形，并删除笔触颜色，再 用“选择工具”做细微调整，如图5所示：
6、选中羽毛图层第1帧在全部选中元件的情况下右键 元件转换为元件，在弹出框中选择影片剪辑名为"羽毛 "，选项中羽毛元件在属性面板点开滤镜来给羽毛做个 模糊效果，点滤镜-点加号-点模糊，模糊度如图6：
39
其他绘图工具
套索工具
用于从打散的图像选取局部；
魔术棒：可选取相类似的颜色块；
魔术棒属性：设置颜色的相近程度 多边形模式：勾画多边形选区
40
其他绘图工具
吸管工具
可以获取指定位置色块的颜色来作为填充色
常用于对位图进行采样来进行位图填充
41
其他绘图工具
橡皮擦工具
25
知识点的总结和强调
矩形工具 （多边形，星形，椭圆
• 矩形由边框和填充区两部分组成
– 边框同直线属性设置 – 填充色通过颜料桶实现
）
• 图形的填充色
– – – – 纯色 线性渐变 放射状渐变 位图
26
直线工具
• 直线属性有：颜色，粗细，线型，角度 – 点击直线工具后，在属性面板中，设置颜色，粗细， 线型
28
实例四、 绘制扇子 要点提示：
直线工具
选择工具的灵活应用
任意变形工具 填充工具 滤镜 变形面板
29
绘制扇子步骤
一、建立新文档 点新建-文档，在文档属性里把背景颜色改为黑色，其它 默认。 二、绘制扇片元件
1、绘制羽毛，重命名第一个图层为“羽毛”，在工具箱中选择" 直线工具"，笔触颜色红色，在场景画一竖线，然后选择"选择工 具"（快捷键为“V”）在线条的中间把线条拉弯 ，在拉弯的线上 再画一条竖线同样拉弯形成封闭状的月牙形，如图1
8
选择工具
选择对象
在工具箱的【工具】区选择 【选择工具】，在对象的外框上单击 ，即可选择对象的外边框；在对象的内部单击，即可选择内部形 状；在对象上双击，即可选择整个对象；在对象外的空白舞台上 单击，即可取消选择。 在工具箱的【工具】区选择 【选择工具】，在对象外按住鼠标左 键，由上至下拉出一矩形区域框住要选择的对象，即可选择该对 象。
给封闭区域填充颜色
设置“空隙大小”可在 有较大缺口时仍能填充
墨水瓶工具
为矢量图描边
18
填充变形工具
通过调整填充区域的大小，方向，中心点位置，实现 线性，放射状，位图填充的变形。 • 以线性填充变形为例，放射状，位图填充略
移动渐变中心点
改变渐变量
改变渐变方向
19
利用任意变形工具
30
2、用放射状填充颜色，颜色可自己选择，我这里选择 左色标：#0000FF、右色标：#000000，填充好颜色后 把笔触删除，按着Alt键向右复制三个共四个形成一组， 然后全部选中，按着Alt键向左复制四个，中间间隔要 有一定距离做到可以单独选择一组，然后选择每组改 变填充颜色，右色标：#000000不变，左色标可以选择 自己喜欢的颜色。如图2
图1
12
图2
选择“填充变形工具”，通过旋转填充将图形填充调 整为如图3： 选择“任意变形工具”，调整线性渐变的中心点到花 瓣的最下端位置，如图4：
图3
图4
13
点击窗口——变形，调出变形面板，设置变形面板当 中，旋转角度为30度，再点击“复制并应用变形”多 次，得出如图5所示的花瓣： 点击选择工具，将所有花瓣全部选中，再选择“任意 变形工具”，将其进行缩放到如图6，这样一个花瓣就 画好了。
整体形状的变化 • 旋转/倾斜 • 缩放 • 扭曲 • 封套
拖动圆心可以确 定变形的轴心
旋转
倾斜
缩放
扭曲
封套
利用变形面板
• 窗口设计面板变形 精确地对对象进行等比例缩放、 旋转、控制对象倾斜度
20
铅笔工具
绘制任意形状的曲线，属性设置同直线 选中铅笔工具后，单击辅助选项面板的铅笔模式按钮 • 伸直 • 平滑 • 墨水
图8
16
图9
再用选择工具调整叶子的两侧，如图10： 点击“直线工具”，选择一种较为浅一点的绿色，绘 制叶子的脉络，这样一片叶子就绘制好了，如图11： 按住Alt键，拖动绿色，复制绿叶，然后用任意变形工 具调整叶子的大小，最后将花朵与绿叶合成，如图 12
图10
17
图11
图12
知识点的总结和强调 颜料桶工具
元件
在Flash动画制作中，“元件”是一个很重要的部分。 这个内容将在第三章《认识元件》中详细介绍，本文 不再赘述。
36
其他绘图工具
刷子工具
使用刷子工具涂色能绘制出刷子般的笔触，它可以让 用户创建特殊效果，包括书法的效果。 选中刷子工具后，辅助选项面板的有四种选项供选择 • 刷子模式 • 锁定填充 • 刷子大小 • 刷子形状
图6
图5
14
绘制花竿
选择“铅笔工具”，在选项卡中选择平滑，设置笔触 颜色为绿色，笔触大小为2，画一条线段，作为花竿， 如图7：
图7
15
绘制绿叶
选择“椭圆工具”，设置笔触颜色绿色，填充颜色为 绿色，他们的颜色几乎选的相近。按住鼠标不放，舞 台上绘制出一个椭圆，如图8： 点击选择工具，将鼠标移动到椭圆的右顶端，当鼠标 后面跟了一个弧形的时候，将鼠标往外拉，拉的过程 中同时按下ctrl键，拉出来的角度比较尖，如图9：
21
选择工具
利用主选工具 变形 • 移动/增加端点 • 直线曲线化
22
实例三、 绘制螺钉
要点提示：
多边形工具 椭圆工具 任意变形工具 线条工具
23
绘制螺钉步骤
1. 点击绘图工具栏--矩形工具，左键点击长按--选择多角星 形工具，在属性面板中进行设置： 笔触颜色为空 填充颜色为黑色 点击选项——样式:多边形；边数：6绘制一个正六边形边
对象的选取、复制
选取 • 主选/副选工具、按住shift选择多个对象 复制 • 按住alt拖动对象
9
椭圆工具
椭圆工具用于绘制椭圆或圆形图案，可在绘制的椭圆中填 充颜色。单击工具箱中的 椭圆工具按钮，光标变成一个小 十字形状，在工作区按下鼠标左键并拖动，释放鼠标，则 可得到一个以拖动区域的长方形为外切圆的椭圆。 如果拖动鼠标的同时按下【shift】键，则得到的是一个正 圆。椭圆/圆的属性可以再工作区下方的属性面板上设置
37
其他绘图工具
文本工具
静态文字 • 说明或提示，不能更新
动态文字（需要结合ActionScript） • 随时更新，可由外部文件读入 输入文字（需要结合ActionScript） • 输入文字及处理
38
其他绘图工具
钢笔工具
可以绘制平滑流畅的曲线路径； 用钢笔绘制好对象之后我们可以结合选择工具和部分 选取工具对绘制好的对象进行一个调整；
Flash8 绘 图
内 容 简 介
3 1 2
Flash工具箱介绍 flash绘图案例及知识点讲解
案例1：月亮
案例2：扇子
案例3：螺钉
案例4：花朵
2
内 容 简 介
3 1
Flash工具箱介绍
3
4
内 容 简 介
2
flash绘图案例及知识点讲解
案例1：月亮
案例2：花朵 案例3：螺钉 案例4：扇子
5Βιβλιοθήκη Baidu
实例一、绘制月亮
2、通过“窗口”、“变形”打开变形面板，设置旋转 读数为，点击变形面板当中的复制并应用变形多次， 得到如图9所示：
35
知识点的强调
滤镜面板
滤镜是Flash8新增功能，从而大大增强了其设计方面的 能力。这项新特性对制作Flash动画产生了便利和巨大 影响。默认情况下，【滤镜】面板和【属性】面板、 【参数】面板组成一个面板组。
要点提示
椭圆工具
选择工具
绘制模式
6
绘制月亮的步骤
1. 2. 运行Flash 8，新建一个文档。 选择“椭圆工具”，设置笔触颜色为空，填充颜色为红 色。按住shift键，在舞台上绘制出一个圆，如图1： 点击“选择工具”，按下Alt键，拖动舞台上的圆，复制 一个圆形。如图2： 点击delete键，删除后面的圆，得到月亮。
擦除模式： 水龙头：可快速擦除图形和线段；
只在选取内删除
只删除封闭区域内图形， 且起点必须在封闭区域内
注：双击橡皮擦工具可以清除舞台上所绘制的图画
42
Thank You
43
10
实例 二、 绘制花朵 要点提示
椭圆工具 选择工具（复制、变形） 填充变形工具 任意变形工具
变形面板
铅笔工具 直线工具
11
绘制花朵的步骤 新建文档
1. 运行Flash 8，新建一个文档。
绘制花瓣
选择“椭圆工具”，设置笔触颜色为空，填充颜色随 便。按住鼠标不放，舞台上绘制出一个椭圆，如图1： 点击“选择工具”，选择该椭圆，再点击“颜料桶工 具”，在混色器活动面板当中，设置类型为线性，选 择左色标为红色，右色标为黄色，如图2：
33
7、新插入图层二，改名称为扇柄，利用矩形工具画出 一个填充色为线型，左右色标：#CC6600，中色标： #FEA64E，用“选择工具”和“部分选取工具”把矩 形调整成合适的形状，再放置在羽毛的合适位置，选 中整个扇页，转化为图形元件，取名为扇页，到此扇 片就制作完毕。如图7：
34
三、绘制扇子
3.
4.
图1
图2
7
图3
知识点总结和强调 在flash中利用绘图工具绘图时，可以设置不同的 绘制模式：
1、合并绘制 • 合并绘制是flash默认的绘制模式。在此模式下，绘 图工具绘制出来的图形都是分离形状，这些形状重 叠时会自动进行合并和擦出，如上面月亮的绘制。 2、对象绘制 • 在对象绘制模式下，用绘图工具绘制出来的图形是 独立的对象，这些对象在叠加时不会相互影响。合 并绘制是flash默认的绘制模式，如何切换到对象绘 制模式呢？选择任意一种绘图工具，工具面板参数 区就会出现【对象绘制】按钮，点击此按钮即可进 入对象绘制的模式。
– 按鼠标左键拖动或Shift+拖动，生成任意、水平、 垂直、45度直线
27
【Ctrl】+【B】与【Ctrl】+【G】命令
在Flash中，【Ctrl】+【B】打散(分离)和【Ctrl】+【 G】(组合)是两个常用的快捷键。 • 组合就是把一个或多个图形组合在一起,作为一个整 体进行移动、删除、复制等操作。 • 打散就是把组合的图形分离。
形
2. 在"工具"面板中，单击"椭圆"工具，选择对象绘制，再 在属性面板当中进行设置，笔触颜色为空，填充颜色为 黄色，在六边形内绘制圆圈时，按住 Shift 键约束形状如 下图示：
24
3.
4. 5.
用移动工具调整圆形在正六边形中的位置，调整到合适 位置后，用ctrl+B打散圆形，再按下delete键删除圆形， 如图： 用任意变形工具，调整舞台上图形的形状如下图所示： 在"工具"面板中，选择"线条"工具。在舞台上，从六边 形到您向下拖动的笔触副本绘制四条垂直线，如下图所 示：
31
3、选中每一组用方向键向第一组靠拢，形成一个整体。 用选择工具在羽毛的顶部拉成一个球形，如图3:
4、用“直线”勾画图形，如图4：
32
5、删除圆角部分线条外的图形，并删除笔触颜色，再 用“选择工具”做细微调整，如图5所示：
6、选中羽毛图层第1帧在全部选中元件的情况下右键 元件转换为元件，在弹出框中选择影片剪辑名为"羽毛 "，选项中羽毛元件在属性面板点开滤镜来给羽毛做个 模糊效果，点滤镜-点加号-点模糊，模糊度如图6：
39
其他绘图工具
套索工具
用于从打散的图像选取局部；
魔术棒：可选取相类似的颜色块；
魔术棒属性：设置颜色的相近程度 多边形模式：勾画多边形选区
40
其他绘图工具
吸管工具
可以获取指定位置色块的颜色来作为填充色
常用于对位图进行采样来进行位图填充
41
其他绘图工具
橡皮擦工具
25
知识点的总结和强调
矩形工具 （多边形，星形，椭圆
• 矩形由边框和填充区两部分组成
– 边框同直线属性设置 – 填充色通过颜料桶实现
）
• 图形的填充色
– – – – 纯色 线性渐变 放射状渐变 位图
26
直线工具
• 直线属性有：颜色，粗细，线型，角度 – 点击直线工具后，在属性面板中，设置颜色，粗细， 线型
28
实例四、 绘制扇子 要点提示：
直线工具
选择工具的灵活应用
任意变形工具 填充工具 滤镜 变形面板
29
绘制扇子步骤
一、建立新文档 点新建-文档，在文档属性里把背景颜色改为黑色，其它 默认。 二、绘制扇片元件
1、绘制羽毛，重命名第一个图层为“羽毛”，在工具箱中选择" 直线工具"，笔触颜色红色，在场景画一竖线，然后选择"选择工 具"（快捷键为“V”）在线条的中间把线条拉弯 ，在拉弯的线上 再画一条竖线同样拉弯形成封闭状的月牙形，如图1
8
选择工具
选择对象
在工具箱的【工具】区选择 【选择工具】，在对象的外框上单击 ，即可选择对象的外边框；在对象的内部单击，即可选择内部形 状；在对象上双击，即可选择整个对象；在对象外的空白舞台上 单击，即可取消选择。 在工具箱的【工具】区选择 【选择工具】，在对象外按住鼠标左 键，由上至下拉出一矩形区域框住要选择的对象，即可选择该对 象。
给封闭区域填充颜色
设置“空隙大小”可在 有较大缺口时仍能填充
墨水瓶工具
为矢量图描边
18
填充变形工具
通过调整填充区域的大小，方向，中心点位置，实现 线性，放射状，位图填充的变形。 • 以线性填充变形为例，放射状，位图填充略
移动渐变中心点
改变渐变量
改变渐变方向
19
利用任意变形工具
30
2、用放射状填充颜色，颜色可自己选择，我这里选择 左色标：#0000FF、右色标：#000000，填充好颜色后 把笔触删除，按着Alt键向右复制三个共四个形成一组， 然后全部选中，按着Alt键向左复制四个，中间间隔要 有一定距离做到可以单独选择一组，然后选择每组改 变填充颜色，右色标：#000000不变，左色标可以选择 自己喜欢的颜色。如图2
图1
12
图2
选择“填充变形工具”，通过旋转填充将图形填充调 整为如图3： 选择“任意变形工具”，调整线性渐变的中心点到花 瓣的最下端位置，如图4：
图3
图4
13
点击窗口——变形，调出变形面板，设置变形面板当 中，旋转角度为30度，再点击“复制并应用变形”多 次，得出如图5所示的花瓣： 点击选择工具，将所有花瓣全部选中，再选择“任意 变形工具”，将其进行缩放到如图6，这样一个花瓣就 画好了。
整体形状的变化 • 旋转/倾斜 • 缩放 • 扭曲 • 封套
拖动圆心可以确 定变形的轴心
旋转
倾斜
缩放
扭曲
封套
利用变形面板
• 窗口设计面板变形 精确地对对象进行等比例缩放、 旋转、控制对象倾斜度
20
铅笔工具
绘制任意形状的曲线，属性设置同直线 选中铅笔工具后，单击辅助选项面板的铅笔模式按钮 • 伸直 • 平滑 • 墨水
图8
16
图9
再用选择工具调整叶子的两侧，如图10： 点击“直线工具”，选择一种较为浅一点的绿色，绘 制叶子的脉络，这样一片叶子就绘制好了，如图11： 按住Alt键，拖动绿色，复制绿叶，然后用任意变形工 具调整叶子的大小，最后将花朵与绿叶合成，如图 12
图10
17
图11
图12
知识点的总结和强调 颜料桶工具
元件
在Flash动画制作中，“元件”是一个很重要的部分。 这个内容将在第三章《认识元件》中详细介绍，本文 不再赘述。
36
其他绘图工具
刷子工具
使用刷子工具涂色能绘制出刷子般的笔触，它可以让 用户创建特殊效果，包括书法的效果。 选中刷子工具后，辅助选项面板的有四种选项供选择 • 刷子模式 • 锁定填充 • 刷子大小 • 刷子形状
图6
图5
14
绘制花竿
选择“铅笔工具”，在选项卡中选择平滑，设置笔触 颜色为绿色，笔触大小为2，画一条线段，作为花竿， 如图7：
图7
15
绘制绿叶
选择“椭圆工具”，设置笔触颜色绿色，填充颜色为 绿色，他们的颜色几乎选的相近。按住鼠标不放，舞 台上绘制出一个椭圆，如图8： 点击选择工具，将鼠标移动到椭圆的右顶端，当鼠标 后面跟了一个弧形的时候，将鼠标往外拉，拉的过程 中同时按下ctrl键，拉出来的角度比较尖，如图9：
21
选择工具
利用主选工具 变形 • 移动/增加端点 • 直线曲线化
22
实例三、 绘制螺钉
要点提示：
多边形工具 椭圆工具 任意变形工具 线条工具
23
绘制螺钉步骤
1. 点击绘图工具栏--矩形工具，左键点击长按--选择多角星 形工具，在属性面板中进行设置： 笔触颜色为空 填充颜色为黑色 点击选项——样式:多边形；边数：6绘制一个正六边形边
对象的选取、复制
选取 • 主选/副选工具、按住shift选择多个对象 复制 • 按住alt拖动对象
9
椭圆工具
椭圆工具用于绘制椭圆或圆形图案，可在绘制的椭圆中填 充颜色。单击工具箱中的 椭圆工具按钮，光标变成一个小 十字形状，在工作区按下鼠标左键并拖动，释放鼠标，则 可得到一个以拖动区域的长方形为外切圆的椭圆。 如果拖动鼠标的同时按下【shift】键，则得到的是一个正 圆。椭圆/圆的属性可以再工作区下方的属性面板上设置
37
其他绘图工具
文本工具
静态文字 • 说明或提示，不能更新
动态文字（需要结合ActionScript） • 随时更新，可由外部文件读入 输入文字（需要结合ActionScript） • 输入文字及处理
38
其他绘图工具
钢笔工具
可以绘制平滑流畅的曲线路径； 用钢笔绘制好对象之后我们可以结合选择工具和部分 选取工具对绘制好的对象进行一个调整；
Flash8 绘 图
内 容 简 介
3 1 2
Flash工具箱介绍 flash绘图案例及知识点讲解
案例1：月亮
案例2：扇子
案例3：螺钉
案例4：花朵
2
内 容 简 介
3 1
Flash工具箱介绍
3
4
内 容 简 介
2
flash绘图案例及知识点讲解
案例1：月亮
案例2：花朵 案例3：螺钉 案例4：扇子
5Βιβλιοθήκη Baidu
实例一、绘制月亮