Flash基础与案例第3章
合集下载
Flash cs3-3
对线条属性进行采样
应用线条属性
案例3 采样文字——制作“床前明月光” 案例3 采样文字——制作“床前明月光”文 本
1.选中要改变属性的文本， 然后将“滴管工具” 移 动到要取样的文本上 2.单击鼠标后，即可使 选中的文本应用取样 文本的属性
对文本属性进行采样
应用文本属性
本例操作步骤可 参考视频：3-1.avi。
为小熊上色
3.4 使用“滴管工具”采样填充 使用“滴管工具”
案例1 采样填充色和位图——绘制可爱小狗 案例1 采样填充色和位图——绘制可爱小狗
1.选择“滴管工具” 后， 将光标移动到要采样的对象上 单击即可对填充色进行采样 2.采样后“滴管工具” 会自动切换 为“颜料桶工具” ，将光标移动到 要填充的对象上单击，即可填充纯色
“导入到库”对话框
2.在“导入到库” 对话框中选择要 导入的位图，然 后单击“打开” 按钮，即可在 “颜色”面板的 位图列表中看到 导入的位图
3.在位图列表中单击选择要填 充的位图，将光标分别移动到 小鳄鱼的身体和眼皮上并单击， 为小鳄鱼填充位图
导入位图
填充位图
3.3 使用“墨水瓶工具”修改线条 使用“墨水瓶工具”
三原色
色相、明度、纯度称为色彩三要素。色彩三要素是色彩最 基本的属性，是研究色彩的基础。 a
• 色相：色相是一个颜色的本身固有色，可以理解为红、橙、 •
黄、绿、青、蓝、紫，色相是颜色最主要的特征。 明度：明度指色彩的明暗程度，任何色彩都有自己的明暗 特征。一个物体表面的光反射率越大，对视觉的刺激的程 度越大，看上去就越亮，这一颜色的明度就越高。明度适 于表现物体的立体感和空间感。 纯度：指的是颜色所含的无彩色的分量，含无彩色分量越 多纯度越低，反之越高。如：灰蓝色的纯度就比蓝色的纯 度低，而粉蓝色的纯度也比蓝色低，因为其中加了无彩 色——白色。 ——白色。
章Flash动画制作基础与案例教学
态支FL持ASH8.0
加入了新20的19动态 和透FL明AS度H支9.0持
视频, 共享库 和组件
2020/2/12
ActionScript 升级为 2.0,并且加大了对声音
和视频的支2持01. 9.11
加入了滤镜效果, 引GI入F ActionScript 3,更 和PNG的图片支加持正, 规的编程方式,对
参数”窗口 使用控制面板 2020/2/12
1.2.2Flash CS3的基本操作 • 使用控制面板 • 使用扩展剪贴板 • 使用工具面板 • 发布Flash文档
2020/2/12
1.3 Flash动画的制作流程
• 设定舞台尺寸和安排场景 执行“文件”→“新建”，出现如图1-8 所示窗口，然后点击“Flash文件（ ActionScript3.0）”，进入编辑界面。
bitmap支持, XML 的全新支持等
Flash Player 9插件安装到达了3.2亿
1.1.1 Flash的特点
网络资源约束比较小，矢量动画 交互性比较好 播放采用流媒体技术 制作成本低，节省人力物力 Flash动态网站的开发 知识产权的保护
2020/2/12
1.2 Flash CS3的工作环境 • Flash CS3是Micromedia公司被Adobe公司
2019.12,MM FLASH1.0
2019 FLASH2.0
2000/92％ FLASH5.0
2019/1BW FLASH4.0
入了按钮,库,声音 文件和色彩动态
变化支持.
2019 FLASH3.0
2019
加了代码语言2:019
ActionScript 1. 0
FLASH6.0
FLASH7.0
加入了新20的19动态 和透FL明AS度H支9.0持
视频, 共享库 和组件
2020/2/12
ActionScript 升级为 2.0,并且加大了对声音
和视频的支2持01. 9.11
加入了滤镜效果, 引GI入F ActionScript 3,更 和PNG的图片支加持正, 规的编程方式,对
参数”窗口 使用控制面板 2020/2/12
1.2.2Flash CS3的基本操作 • 使用控制面板 • 使用扩展剪贴板 • 使用工具面板 • 发布Flash文档
2020/2/12
1.3 Flash动画的制作流程
• 设定舞台尺寸和安排场景 执行“文件”→“新建”，出现如图1-8 所示窗口，然后点击“Flash文件（ ActionScript3.0）”，进入编辑界面。
bitmap支持, XML 的全新支持等
Flash Player 9插件安装到达了3.2亿
1.1.1 Flash的特点
网络资源约束比较小，矢量动画 交互性比较好 播放采用流媒体技术 制作成本低，节省人力物力 Flash动态网站的开发 知识产权的保护
2020/2/12
1.2 Flash CS3的工作环境 • Flash CS3是Micromedia公司被Adobe公司
2019.12,MM FLASH1.0
2019 FLASH2.0
2000/92％ FLASH5.0
2019/1BW FLASH4.0
入了按钮,库,声音 文件和色彩动态
变化支持.
2019 FLASH3.0
2019
加了代码语言2:019
ActionScript 1. 0
FLASH6.0
FLASH7.0
Flash CS6 课件制作案例教学经典教程第3章分解
1．在菜单栏中选择“文件”>“导 入”>“导入到舞台”按钮。 2．选择Lesson03/03Start文件夹中的 background.psd文件。点击打开。 3．在“导入到舞台”对话框中，有3个 图层。确保选择了所有的图层。 4．在左边的图层窗口中分别点选这三 个图层，在右边的选项中，选中“具有 可编辑图层样式的位图图像”单选按钮 （如图3.7所示）。这样使得psd文件中 的位图导入到Flash后直接转换为影片剪 辑元件。
图 3.2 精品资源共享课
3.2 元件及其分类
元件
元件是用于特效、动画和交互性的可重用的资源，就像影视 剧中的演员、道具，都是具有独立身份的元素，却又是构成 影片的主体。
影片剪辑
一个独立的小影片，可以包含交互动画和音效，甚至 可以包含其他的影片剪辑。可以对影片剪辑实例应用滤镜 、颜色设置和混合模式。元件可以包含自己独立的“时间 轴”。元件可以利用ActionScript语言进行编辑以对用户 的操作做出响应。
2.将舞台上的原有图形转换为图形元件。
选择舞台上的对象。点击“修改”>“转换为元件”，在出现的“ 转换为元件”对话框中，进行命名和选择“图形类型”。当然，这种 方式不是一种真正的转换，而是把舞台上的对象放在一个新的元件中 。
精品资源共享课
3.5 向Flash中导入矢量图形
操作步骤如下：
1．在菜单栏中选择“文件”>“ 导入”>“导入到舞台”按钮。 2．选择Lesson03/03Start文件夹 中的person.ai文件。点击打开。 3．在“导入到舞台”对话框中， 有3个图层组合。确保选择了所有的图 层。庞大的级联菜单群和图层群是 Illustrator所创建的ai文件中所有图 层的表现。在“将图层转换为”菜单 中选择“Flash图层”，然后勾选“将 对象置于原始位置”。点击“确定” 按钮（如图3.3所示）。
图 3.2 精品资源共享课
3.2 元件及其分类
元件
元件是用于特效、动画和交互性的可重用的资源，就像影视 剧中的演员、道具，都是具有独立身份的元素，却又是构成 影片的主体。
影片剪辑
一个独立的小影片，可以包含交互动画和音效，甚至 可以包含其他的影片剪辑。可以对影片剪辑实例应用滤镜 、颜色设置和混合模式。元件可以包含自己独立的“时间 轴”。元件可以利用ActionScript语言进行编辑以对用户 的操作做出响应。
2.将舞台上的原有图形转换为图形元件。
选择舞台上的对象。点击“修改”>“转换为元件”，在出现的“ 转换为元件”对话框中，进行命名和选择“图形类型”。当然，这种 方式不是一种真正的转换，而是把舞台上的对象放在一个新的元件中 。
精品资源共享课
3.5 向Flash中导入矢量图形
操作步骤如下：
1．在菜单栏中选择“文件”>“ 导入”>“导入到舞台”按钮。 2．选择Lesson03/03Start文件夹 中的person.ai文件。点击打开。 3．在“导入到舞台”对话框中， 有3个图层组合。确保选择了所有的图 层。庞大的级联菜单群和图层群是 Illustrator所创建的ai文件中所有图 层的表现。在“将图层转换为”菜单 中选择“Flash图层”，然后勾选“将 对象置于原始位置”。点击“确定” 按钮（如图3.3所示）。
flash基础课第3课 基本绘图工具
4．【钢笔工具】和【部分选取工具】 的用法
用【钢笔工具】画路径是非常容易的。选择【钢笔 工具】后，在舞台上不断地单击鼠标，就可以绘制 出相应的路径，如果想结束路径的绘制，双击最后 一个点。 说明：按住 Shift 键的同时再进行单击，可以将线 条限制为倾斜 45 度的倍数方向。 创建曲线的要诀是在按下鼠标的同时向你想要绘制 曲线段的方向拖动鼠标，然后将指针放在你想要结 束曲线段的地方，按下鼠标按钮，然后朝相反的方 向拖动来完成线段。如果觉得这条曲线不满意，我 们还可以用部分选取工具来进行调整。
在【图层1】下面单击【插入图层】按钮， 如图2-2-24所示。这样就可以插入一个新图 层了。
为了使在新图层中的操作不影响下一图层， 可将【图层1】锁定。单击【图层1】中与 上面锁状按钮所对应的小黑点，可以将本 图层锁定，如图2-2-25所示。
选择【图层2】，使用【椭圆工具】绘制出 一个椭圆，并移动到如图2-2-26所示的位置。
回头看看我们画的小房子，美中不足的是颜色比 较呆板，在Flash中有没有办法让色彩过渡柔和平 滑呢？我们将通过另一个实例来学习Flash中调整 色彩变化的工具：【填充变形工具】。我们的实 例是制作一个网页上经常可以看到的按钮图形， 晶莹剔透，先看看效果，如图2-2-19所示。
选择【椭圆工具】，设置【填充色】为无，按住 Shift键，在舞台上绘制出一个空心的正圆。 执行【窗口】|【混色器】命令，打开【混色器】 面板，在其中选择填充类型为【放射状】，在颜 色条下，单击左端的色标，设置为浅紫色 （#D9C8FD），单击右端的色标，设置为深紫色 （#5407E4），如图2-2-20所示。
flash课件_第3章：动作补间动画
动画被称为动作补间动画。
（2）构成动作补间动画的元素 构成动作补间动画的元素是元件
（3）动作补间动画在时间帧面板上的表现
动作补间动画建立后，时间帧面板的背景色 变为淡紫色，在起始帧和结束帧之间有一个长长 的箭头
元件的概述:
元件是Flash中的一个最重要、最基本的元素.
所谓元件就是动画中可以反复取出使用的一个部件,它分为
讨论: 从以下三个方面讨论形状补间动画与动作补间动 画的区别是什么?
在时间轴上的表现
组成元素
完成的作用
4、形状补间动画和动作补间动画的区别
区别之处 在时间轴 上的表现 组成元素 动作补间动画 淡紫色背景加长箭头 形状补间动画 淡绿色背景加长箭头
影片剪辑、图形元件、 按钮
形状，如果使用图形元 件、按钮、文字，则必 先打散再变形。
图形、按钮和影片剪辑三种类型。 其中影片剪辑元件本身是一段动画并且可以独立播放，它是 主动画的一个组成部分。 将元件从库中拖入到场景中，就生成了该元件的一个实例， 改变场景中实例的属性（大小、颜色等），库中元件的属性 并不改变以。
2、动作补间动画分类 a、颜色渐变 b、位置变化 c、大小变化 d、旋转 e、透明度变化
3、属性参数设置
旋转：可以设置对象的旋转运动,各项含义为: 无:对象不旋转; 自动:对象以最小的角度进行旋转,直到终点位置; 顺时针或逆时针:对象沿着顺时针或逆时针方向旋转到 终点位置;
教师演示 “洋葱皮文字”动画的制作步骤
练一练： 学生自主创作“迎风旋转的风车” 提示： 将风车旋转的动画制作成影片剪辑元件，并在“旋 转”属性中设置“顺时针”，在场景中多次调用元 件，并调整实例的大小、位置和颜色。
完成的作用
实现一个元件的大小、 位置、颜色、透明等的 变化。
FLASH制作教程第三章PPT课件
23
五、矢量图形的编辑
选择工具和套索工具 墨水瓶工具和颜料桶工具 任意变形和填充变形工具 吸管工具 橡皮擦工具
举例：1、形变动画 2、字幕效果
24
25
26
27
28
29
30
31
32
33
34
35
橡皮工具举例：将左图擦成右图所示 (先将文字或位图打散)
36
第二节 文字处理
一、文字的输入 二、设定文字属性 三、文字特效制作 四、为文字添加超链接
21
锚点 调节柄
22
钢笔工具使用说明：
贝氏曲线：每条线条都是由两个以上的锚点构成 的线段，成为贝塞尔曲线。
按住 Shift 键进行单击可以将线条限制为倾斜 45 度的倍数。
要以开放或闭合形状完成路径，执行以下操作： 要完成一条开放路径，在最后一个节点处双击 鼠标，或者是单击工具箱中的任何一种工具都可 以。 要闭合路径，请将钢笔工具放置到第一个锚点 上。如果定位准确，就会在靠近钢笔尖的地方出 现一个小圆圈。单击鼠标就可以产生一个封闭的 图形。
第三章 动画对象的创建与编辑
1
目录
第一节 绘制图像 第二节 文字处理 第三节 导入对象 第四节 对象的变形 第五节 对象的群组 第六节 对象的位置管理 第七节 线条和轮廓的编辑 第八节 对象编辑辅助工具
创建对象 编辑对象
2
第一节 绘制图像
一、矢量图形的特点 二、FLASH 工具箱 三、基本几何形状的绘制 四、不规则图形的绘制 五、矢量图形的编辑
3
一、矢量图特点
1、矢量图与位图的区别 2、矢量图形中线条和填充颜色分别为 单独的两个部分 3、Flash中矢量图形具有重叠、分段特 点
五、矢量图形的编辑
选择工具和套索工具 墨水瓶工具和颜料桶工具 任意变形和填充变形工具 吸管工具 橡皮擦工具
举例：1、形变动画 2、字幕效果
24
25
26
27
28
29
30
31
32
33
34
35
橡皮工具举例：将左图擦成右图所示 (先将文字或位图打散)
36
第二节 文字处理
一、文字的输入 二、设定文字属性 三、文字特效制作 四、为文字添加超链接
21
锚点 调节柄
22
钢笔工具使用说明：
贝氏曲线：每条线条都是由两个以上的锚点构成 的线段，成为贝塞尔曲线。
按住 Shift 键进行单击可以将线条限制为倾斜 45 度的倍数。
要以开放或闭合形状完成路径，执行以下操作： 要完成一条开放路径，在最后一个节点处双击 鼠标，或者是单击工具箱中的任何一种工具都可 以。 要闭合路径，请将钢笔工具放置到第一个锚点 上。如果定位准确，就会在靠近钢笔尖的地方出 现一个小圆圈。单击鼠标就可以产生一个封闭的 图形。
第三章 动画对象的创建与编辑
1
目录
第一节 绘制图像 第二节 文字处理 第三节 导入对象 第四节 对象的变形 第五节 对象的群组 第六节 对象的位置管理 第七节 线条和轮廓的编辑 第八节 对象编辑辅助工具
创建对象 编辑对象
2
第一节 绘制图像
一、矢量图形的特点 二、FLASH 工具箱 三、基本几何形状的绘制 四、不规则图形的绘制 五、矢量图形的编辑
3
一、矢量图特点
1、矢量图与位图的区别 2、矢量图形中线条和填充颜色分别为 单独的两个部分 3、Flash中矢量图形具有重叠、分段特 点
第3章 用Flash制作动画演示积件
巩固练习 举一反三
♦ 运用引导路径动画制作生物课件 运用引导路径动画制作生物课件——蜜蜂与蜜源. 蜜蜂与蜜源. 蜜蜂与蜜源
♦ 实验 实验5
遮罩动画积件——三原色 三原色 遮罩动画积件
实验目标
♦ 1）学习和掌握遮罩动画的制作方法。 ♦ 2）影片剪辑的初步认识。
♦ 实验 实验5
遮罩动画积件——三原色 三原色 遮罩动画积件
巩固练习 举一反三
♦ 运用补间形状制作生物课件“细胞分裂”。
♦ 实验 实验4
引导路径动画积件——氧化汞 氧化汞 引导路径动画积件 受热分解
实验目标
♦ 1）学习和掌握引导路径动画的制作方法。 ♦ 2）其他课件中库元件的调用方法。 ♦ 3）认识引导层和引导层的添加方法。
♦ 实验 实验4
引导路径动画积件——氧化汞 氧化汞 引导路径动画积件 受热分解
实验分析
♦ 在实验2中，我们利用补间动画制作了化学分子结合的实验，比
较形象直观，并且有助于学生理解相关内容。但其中有一个明 显的缺陷就是把原子运动的路径都假定为直线，而事实上分子 运动的路径应当是无序的，因此为更科学地反映分子运动的实 际情况，就必须让原子按自由路径运动，Flash 在补间动画的基 础上也提供了按指定路径运动的动画方式——引导路径动画。
♦ 实验 逐帧动画积件 实验1 逐帧动画积件——酒精灯 酒精灯
实验过程
♦ ♦ ♦ ♦
任务1 绘制“酒精灯” 任务 绘制“酒精灯”图形元件 任务2 任务 布局场景 任务3 任务 创建逐帧动画效果 任务4 运用“绘图纸” 任务 运用“绘图纸”修改各关键帧上的形状
♦ 实验 逐帧动画积件 实验1 逐帧动画积件——酒精灯 酒精灯
♦ 实验 形状补间动画积件 实验3 形状补间动画积件——爬山虎的脚 爬山虎的脚
♦ 运用引导路径动画制作生物课件 运用引导路径动画制作生物课件——蜜蜂与蜜源. 蜜蜂与蜜源. 蜜蜂与蜜源
♦ 实验 实验5
遮罩动画积件——三原色 三原色 遮罩动画积件
实验目标
♦ 1）学习和掌握遮罩动画的制作方法。 ♦ 2）影片剪辑的初步认识。
♦ 实验 实验5
遮罩动画积件——三原色 三原色 遮罩动画积件
巩固练习 举一反三
♦ 运用补间形状制作生物课件“细胞分裂”。
♦ 实验 实验4
引导路径动画积件——氧化汞 氧化汞 引导路径动画积件 受热分解
实验目标
♦ 1）学习和掌握引导路径动画的制作方法。 ♦ 2）其他课件中库元件的调用方法。 ♦ 3）认识引导层和引导层的添加方法。
♦ 实验 实验4
引导路径动画积件——氧化汞 氧化汞 引导路径动画积件 受热分解
实验分析
♦ 在实验2中，我们利用补间动画制作了化学分子结合的实验，比
较形象直观，并且有助于学生理解相关内容。但其中有一个明 显的缺陷就是把原子运动的路径都假定为直线，而事实上分子 运动的路径应当是无序的，因此为更科学地反映分子运动的实 际情况，就必须让原子按自由路径运动，Flash 在补间动画的基 础上也提供了按指定路径运动的动画方式——引导路径动画。
♦ 实验 逐帧动画积件 实验1 逐帧动画积件——酒精灯 酒精灯
实验过程
♦ ♦ ♦ ♦
任务1 绘制“酒精灯” 任务 绘制“酒精灯”图形元件 任务2 任务 布局场景 任务3 任务 创建逐帧动画效果 任务4 运用“绘图纸” 任务 运用“绘图纸”修改各关键帧上的形状
♦ 实验 逐帧动画积件 实验1 逐帧动画积件——酒精灯 酒精灯
♦ 实验 形状补间动画积件 实验3 形状补间动画积件——爬山虎的脚 爬山虎的脚
中文版FlashCS5基础培训教程3ppt课件
为图形绘制外边线
将外边线转换为填充色块 为填充色块设置其他颜色
3.2.4 扩展填充
扩展填充色
选中图形的填充颜色， 选择“修改 > 形状 > 扩展 填充”命令，弹出“扩展 填充”对话框，设置后单 击“确定”按钮，填充色 向外扩展。
收缩填充色
选中图形的填充颜色， 选择“修改 > 形状 > 扩展 填充”命令，弹出“扩展 填充”对话框，设置后单 击“确定”按钮，填充色 向内收缩。
“旋转”选项：用于设置图形的角度。
“倾斜”选项：用于设置图形的水平倾斜或垂直倾斜。
“复制并应用变形”按钮：用于复制图形并将变形设置应用给图形。
“重置”按钮：用于将图形属性恢复到初始状态。
课堂练习——制作鲜花速递网页
使用颜色面板、颜料桶工具、任意变形工具和变形面板来完成图形的绘制。
效果图
“对齐”面板
“对齐”选项组 “分布”选项组 “匹配大小”选项组 “间隔”选项组 “相对于舞台”选项
3.3.3 变形面板
选择“窗口 > 变形”命令，弹出“变形”面 板。
“宽度”和“高度”选项：用于设置图形的宽度和高度。
“变形”面板
“约束”选项：用于约束“宽度”和“高度”选项，使图形能够成比例地变 形。
对象应用封套命令前后效果对比
3.1.4 缩放对象
选择“修改 > 变形 > 缩放”命令，在当前选择的图形上出现控制点，按住鼠标 不放，向右上方拖曳控制点，用鼠标拖动控制点可成比例地改变图形的大小。
对象缩放前后效果对比
3.1.5 旋转与倾斜对象
选择“修改 > 变形 > 旋
转与倾斜”命令，在当前选 择的图形上出现控制点，用 鼠标拖动中间的控制点倾斜 图形，光标变为，按住鼠标 不放，向右水平拖曳控制点， 松开鼠标，图形变为倾斜。
Flash CS6动画设计教程 第3版 第3章 编辑图形
，直接在要选择的图形上单击鼠标左键，即可选择该图形。此时， 在对象绘制模式下绘制的图形四周将出现框线，；在合并模式下绘制的图形呈矢量 图的选择状态，以点的形式显示。
选择多 个图形
选择选择工具 后，按住【Shift】键，依次单击要选择的图形，可以选择多个图形。
框选图 选择选择工具 后，在舞台中按住鼠标左键不放并拖动，此时在舞台中会出现一个实
3.1.4 旋转和变形图形
10
1．旋转图形
许多片花瓣围绕着花心组成了一个花朵，因此需要将之前复制的花朵通过旋转或翻转等 操作，使其围绕一个中心点环绕，排列在一起。
3.1.4 旋转和变形图形
11
2．变形图形
组合好花朵后，需要对其进行一些变形，使每一片花瓣都有一些变化，这里使用任意变形工 具对图形进行变形和调整。
3.4 课后练习 3.5 技巧提升
3.3.1 制作山坡场景
17
1．实训目标
本实训的目标是制作一个山坡场景，制作时先绘制天空和云朵，使场景多元化。在绘制 时应注意景物的远近效果，天空的颜色渐变，以及各个对象的位置和大小，然后绘制山坡， 以从远到进的方式进行绘制，最后添动物素材，使场景更具活力。本实训的效果如下图所示。
高等教育立体化精品系列规划教材
第3章 编辑图形
Flash CS6动画设计教程（微课版）（第3版）
内容导航
3.1 课堂案例：绘制花朵
3.1.1 填充渐变色 3.1.2 调整渐变色 3.1.3 选择和复制图形 3.1.4 旋转和变形图形 行业提示：绘制和调整图形的注意事项
3.2 课堂案例：制作新年场景
3.3.2 制作童趣森林动画
22
3. 操作思路
完成本实训首先应导入所有的素材，然后添加背景至舞台，最后添加并调整各个素材，这是 本项目制作的主要部分，在制作过程中主要使用各种编辑图形的工具，使布局更完美，其操作思 路如下图所示。
选择多 个图形
选择选择工具 后，按住【Shift】键，依次单击要选择的图形，可以选择多个图形。
框选图 选择选择工具 后，在舞台中按住鼠标左键不放并拖动，此时在舞台中会出现一个实
3.1.4 旋转和变形图形
10
1．旋转图形
许多片花瓣围绕着花心组成了一个花朵，因此需要将之前复制的花朵通过旋转或翻转等 操作，使其围绕一个中心点环绕，排列在一起。
3.1.4 旋转和变形图形
11
2．变形图形
组合好花朵后，需要对其进行一些变形，使每一片花瓣都有一些变化，这里使用任意变形工 具对图形进行变形和调整。
3.4 课后练习 3.5 技巧提升
3.3.1 制作山坡场景
17
1．实训目标
本实训的目标是制作一个山坡场景，制作时先绘制天空和云朵，使场景多元化。在绘制 时应注意景物的远近效果，天空的颜色渐变，以及各个对象的位置和大小，然后绘制山坡， 以从远到进的方式进行绘制，最后添动物素材，使场景更具活力。本实训的效果如下图所示。
高等教育立体化精品系列规划教材
第3章 编辑图形
Flash CS6动画设计教程（微课版）（第3版）
内容导航
3.1 课堂案例：绘制花朵
3.1.1 填充渐变色 3.1.2 调整渐变色 3.1.3 选择和复制图形 3.1.4 旋转和变形图形 行业提示：绘制和调整图形的注意事项
3.2 课堂案例：制作新年场景
3.3.2 制作童趣森林动画
22
3. 操作思路
完成本实训首先应导入所有的素材，然后添加背景至舞台，最后添加并调整各个素材，这是 本项目制作的主要部分，在制作过程中主要使用各种编辑图形的工具，使布局更完美，其操作思 路如下图所示。
FlashCS3基础与实例教程教案
Flash CS3基础与实例教程教案Flash cs3 基础与实例教程重庆市职业中学学科教案本Teaching Plan20 年—20 年学年度学期The (1st/2na)Semester of the Academic Year from 20 to 20学校(School) __________________________ 学科(Subject) Flash CS3基础与实例__年级(Grade) ___________________________ 教师(Teacher)___________________________重庆大学出版社制第 1 页共 52 页重庆大学出版社制作Flash cs3 基础与实例教程《Flash CS3基础与实例教程》目录模块一初识Flash CS3注意: 任务一走进动画城按住Ctrl键后单击每个任务即任务二走进Flash CS3可跳转到对应的教案任务三制作七彩动感相框目模块二 Flash CS3工具的使用录任务一美丽蝴蝶——选择工具的使用 ?单击按钮可返回目录页面设置参数为: 任务二春暖花开——绘图工具的使用纸张:A4 任务三个性签名——文字工具的使用页边距为为默认模块三 Flash CS3中的元件、实例和库任务一蓝天白云沙滩——元件的使用任务二旋转风车——实例和库的使用模块四基础动画任务一画蜻蜓——逐帧动画任务二天鹅的故事——形状补间动画任务三中秋之夜——动作补间动画模块五高级动画任务一老鼠画汽车——引导层动画任务二礼花绽放——遮罩层动画任务三风景这边独好——交互动画模块六加入声音和视频任务一动物按钮——声音的应用任务二环保电影广告——视频的应用模块七特效制作任务一音乐相册——时间轴特效的应用任务二片头动画——混合模式的应用任务三广告文字——滤镜的使用模块八 Flash CS3的脚本动画任务一九九乘法表——Flash CS3编程基础任务二剪刀石头布——Flash CS3制作简单游戏模块九综合实战任务一时钟的制作任务二 MTV的制作任务三情人节贺卡——动画短片制作任务四公益广告——水是生命之源目教学录任务一走进动画城课题第 2 页共 52 页重庆大学出版社制作Flash cs3 基础与实例教程班级执教时间学习水平课知识点识理应分综堂记解用析合教1( 播放Flash动画片 ? 学2( 二维动画制作步骤 ? 目3( 动画原理与计算机动画 ? 标思想教育内容兴趣是最好的老师播放Flash动画片教学重点无教学难点课型实作课时安排 1教学内容与教学过程,达标措施、反馈矫正)一部优秀动画片的制作～不是一个人或一群人拍脑袋的发明创作～而是教学一个系统工程～一个有组织的集体创作结果。
中文Flash CS4实例教程 第3章
图形的编辑与调整
可以单击“修改/对齐”命令来打开像素对齐功能。如果“对齐像素”是打 开的，当视图缩放比率设置为400%或更高时会出现一个像素网格。
3.4.3 贴紧对齐
可以单击“视图/贴紧/贴紧对齐”命令来打开“贴紧对齐”功能，也可以单 击“视图/贴紧/编辑贴紧方式”命令对“贴紧对齐”进行设置。
第3章
3.1.1 选取工具
图形的编辑与调整
可以选择各种对象，其方法是单击某个需要选择的对象，或者按住鼠标左 键拖动一个矩形框，将所需要选择的图形框住。 1．选择图形的方法 2．改变图形的形状 3．修改选择内容
第3章
图形的编辑与调整
3.1.2 部分选择工具
使用“部分选取工具” 可以通过调整图形的锚点或调整杆来改变图形的外 形。
第3章 3.3
图形的编辑与调整
对象的群组与锁定
对于比较复杂的图形，为了将不同的图形组合在一起，可以单击“修改/组 合”命令，它的组合键是“Ctrl+G”。
3.4
对象的对齐
3.4.1 对象对齐
使用选取工具的“对齐”功能键或“视图/对齐”命令，可以打开对齐对 象功能。 如果单击“视图/对齐/对齐对象”命令，在拖动元素时指针下面会出现一个 黑色的小环，当对象处于另一个对象的对齐距离内时，该小环会变大。
第3章 3.5
图形的编辑与调整
处理文本
在Flash中可以创建多种类型的文本字段，如创建包含静态文本的文本 块，内容可动态更新的动态文本，以及允许浏览者输入内容的文本字段。所 有的文本字段都支持 Unicode。
3.5.1 创建文本
1．创建静态文本 2．创建动态文本 3．创建输入文本
第3章
图形的编辑与调整
选择舞台上的对象之后，用户可以通过鼠标、方向键和信息面板的帮助 实现对象的移动与复制。另外，需要在不同的图层和文件中移动和复制对象 时，可以通过剪切、粘贴或复制、粘贴操作的配合来实现。需要移动多个对 象时，可先将它们进行群组，还可改变对象之间的层次关系。 1．使用方向键移动对象 2．使用信息面板移动对象 3．对象的复制
可以单击“修改/对齐”命令来打开像素对齐功能。如果“对齐像素”是打 开的，当视图缩放比率设置为400%或更高时会出现一个像素网格。
3.4.3 贴紧对齐
可以单击“视图/贴紧/贴紧对齐”命令来打开“贴紧对齐”功能，也可以单 击“视图/贴紧/编辑贴紧方式”命令对“贴紧对齐”进行设置。
第3章
3.1.1 选取工具
图形的编辑与调整
可以选择各种对象，其方法是单击某个需要选择的对象，或者按住鼠标左 键拖动一个矩形框，将所需要选择的图形框住。 1．选择图形的方法 2．改变图形的形状 3．修改选择内容
第3章
图形的编辑与调整
3.1.2 部分选择工具
使用“部分选取工具” 可以通过调整图形的锚点或调整杆来改变图形的外 形。
第3章 3.3
图形的编辑与调整
对象的群组与锁定
对于比较复杂的图形，为了将不同的图形组合在一起，可以单击“修改/组 合”命令，它的组合键是“Ctrl+G”。
3.4
对象的对齐
3.4.1 对象对齐
使用选取工具的“对齐”功能键或“视图/对齐”命令，可以打开对齐对 象功能。 如果单击“视图/对齐/对齐对象”命令，在拖动元素时指针下面会出现一个 黑色的小环，当对象处于另一个对象的对齐距离内时，该小环会变大。
第3章 3.5
图形的编辑与调整
处理文本
在Flash中可以创建多种类型的文本字段，如创建包含静态文本的文本 块，内容可动态更新的动态文本，以及允许浏览者输入内容的文本字段。所 有的文本字段都支持 Unicode。
3.5.1 创建文本
1．创建静态文本 2．创建动态文本 3．创建输入文本
第3章
图形的编辑与调整
选择舞台上的对象之后，用户可以通过鼠标、方向键和信息面板的帮助 实现对象的移动与复制。另外，需要在不同的图层和文件中移动和复制对象 时，可以通过剪切、粘贴或复制、粘贴操作的配合来实现。需要移动多个对 象时，可先将它们进行群组，还可改变对象之间的层次关系。 1．使用方向键移动对象 2．使用信息面板移动对象 3．对象的复制
维动画制作Flash8.0第3章使用绘图工具
图形添加描边效果，同时还可以调整描边的粗细、颜色和样式。
03
图层的应用与管理
通过创建多个图层，可以将不同的图形元素分别放置在不同的图层中，
方便进行编辑和管理。同时还可以使用图层属性来设置图层的可见性、
锁定状态和透明度等。
实例演示：绘制一个卡通角色
角色轮廓的绘制
首先使用“线条工具”绘制出角色的轮廓线，可 以根据需要调整线条的粗细和颜色。
设置橡皮擦形状和大小
在属性面板中可以选择橡皮擦的形状 （圆形、方形等）和大小。
任意变形工具和填充变形工具
任意变形工具
用于对图形进行缩放、旋转、倾斜等变形操作。选择任意变形工具，在图形上 拖动鼠标即可进行变形。
填充变形工具
用于调整图形填充的颜色、渐变、透明度等属性。选择填充变形工具，在图形 上单击并拖动鼠标即可调整填充效果。
位图填充
位图填充是将图像作为填充应用于图形或对象的方法。用户可以将导入的图像作为位图填充，为动画 或交互元素添加复杂的纹理和视觉效果。Flash 8.0 提供了调整位图填充大小、位置和旋转等属性的功 能。
实例演示：为卡通角色上色
步骤一
步骤二
步骤三
步骤四（可选）
步骤五
导入卡通角色素材，创 建一个新的图层并将其 放置在角色图层之上。
椭圆工具用于绘制椭圆形和圆 形。
可以选择不同的线条粗细和颜 色，以及填充颜色。
通过属性面板，可以调整图形 的边角圆滑度、旋转角度等。
03
高级绘图工具使用
钢笔工具
01
02
03
绘制直线
选择钢笔工具，在舞台上 单击起点并拖动至终点， 即可绘制直线。
绘制曲线
选择钢笔工具，在舞台上 单击起点并拖动以创建曲 线控制点，然后单击终点 完成曲线绘制。
FLASH-第3章使用元件、实例和库
精选ppt
17
3.3.3 交换元件实例
可以给实例指定不同的元件，从而在舞台上 显示不同的实例，并保留所有的原始实例属 性（如色彩效果或按钮动作）
精选ppt
18
3.3.4 改变实例类型
您可以改变实例的类型来重新定义它在 Flash 应用程序中的行为。例如，如果一个 图形实例包含您想要独立于主时间轴播放的 动画，您可以将该图形实例重新定义为影片 剪辑实例。
精选ppt
15
3.3.2 改变实例的颜色和透明度
“属性”面板的“颜色”下拉列表框中的功能项可以 设置舞台中元件实例的属性。
“亮度”调节图像的相对亮度或暗度，度量范围为从 黑 (100%) 到白 (100%)。单击该三角形然后拖动滑块， 或者在文本框中输入一个值来调节亮度。
“色调”用于给实例增加某种色调。使用“属性”检 查器中的色调滑块设置色调百分比，从不受色调的影 响 (0%) 到所选的颜色完全取代实例的色彩 (100%)。
精选ppt
4
3.2.1 元件的类型
在Flash中元件有三种：
（1）影片剪辑元件
影片剪辑元件即是一种小型影片，即可以包含影片，也可 以被放置在另一个影片中，还能够无限次嵌套使用。
（2）按钮元件
按钮元件用来创建影片中相应鼠标事件的交互按钮，在舞 台中可以为其设置实例动作。
（3）图形元件
图形元件是制作影片的基本元素。在影片中重复出现的对 象常常被制作成图形元件，一般用于制作静态图像或者简 单动画。在舞台中不能对图形元件添加交互行为和声音控 制。
精选ppt
5
3.2.2 创建新元件
利用菜单命令创建新元件 单击“插入”/“新建元件”命令，或用快捷键Ctrl+F8
flash第三章阴影小球及阴影文字教案
上课时间：2012.10.26如图3-30所示为带阴影小球的图形，它由立体小球和阴 影两部分组成，绘制步骤如下：图3-30带阴影的小球(1) 绘制阴影：新建一个文件，选择椭圆工具，在混色器 中将边框色设置为没有颜色，即不加边框，将填充颜色 设为淡灰色，然后在工作区绘制一个椭圆。
再使用自由 转换工具将椭圆转动一定角度，如图 3-31所示。
图3-31阴影(2) 选择椭圆工具，在混色器中将边框色设置为没有颜 色，填充颜色随意，在工作区中画一个圆。
(3) 选择颜料桶工具，在混色器中将填充颜色设置为放射 状渐变，调整颜色渐变条两端的颜色，使预览框中的图 像为中间亮、四周暗，混色器的设置如图 3-32所示。
学生练习:学生练习：根据课本提供的方法绘制小球。
图3-32混色器的设置(4)用设置好的颜料桶在所画的圆上单击，由于有颜色渐变，所画的圆有了光照小球的效果，如图3-33所示。
颜料桶在不同的位置填充渐变颜色，会产生光从不同方向照射的效果。
改变填充位置，选择理想的填充效果。
图3-33小球(5)用鼠标拖动小球移到阴影的上方，放在适当位置，也可以使用键盘上的方向键进行微调。
(4)选择填充变形工具，单击小球，出现颜色调整控点，用鼠标拖动控点调整光照方向，如图3-34(a)所示；也可以选择自由转换工具，单击阴影，调整阴影的倾斜角度，如图3-31(b)所示，达到最佳效果。
打开混色器面板，调整颜色，添加渐变色学生练习：为小球添加阴影图3-34调整光照和阴影的倾斜角度例2制作阴影字阴影字的制作方法较简单，如图3-35所示为阴影字 的效果图。
FLASH图3-35阴影字(1) 新建一个文件，选择文字工具，在属性面板上设定好 文字的字体和字号，将文字颜色设为浅灰色，在工作区 中单击鼠标，在出现的文本框中键入“FLASH ”这部分 文字将作为阴影部分。
(2) 使用箭头工具选中刚键入的文字，使用“复制”和“粘 贴”命令制作此文字的一个拷贝。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第3章 3.9
3.9.1
图形与文本编辑
案例精讲
制作立体文字
本例将使用所学知识制作立体文字。通过本例的学习，读者可 以掌握颜料桶工具、组合功能、颜色属性的综合应用。
第3章 3.9.2
图形与文本编辑
奔跑的豹子
本例将制作一个在草原上奔跑的豹子。主要练习导入图片素材， 然后将素材图片分别放于同一图层中的连续空白关键帧上，图片大 小与位置相同，这样便可以制作出一个连续动作的动画了。
第3章
3.2.2 复制对象
图形与文本编辑
（1）单击工具面板中的选取工具。 （2）在场景中选中要复制的图形，按住“Ctrl”键同时用鼠标将图形拖动到要 复制的位置，然后释放“Ctrl”键和鼠标左键即可复制一个新的图形。
第3章
3.2.3
图形与文本编辑
调整图形
在Flash中还可以利用选择工具对矢量图形或线条进行调整。
第3章 3.3
图形与文本编辑
变形对象
Flash CS4中的任意变形工具可用于对图形进行旋转、缩小、放大、 翻转、变形等操作，其对象既可以是矢量图，也可以是位图、文字、 元件或组等。
3.3.1
缩放对象
第3章
3.3.2
图形与文本编辑
旋转与倾斜对象
3.3.3
翻转对象
第3章 3.4
图形与文本编辑
组合与分离对象
第3章 3.6
图形与文本编辑
对齐与分布对象
在Flash中，可以执行“对齐”命令将舞台中多个对象进行有规律 地排列，从而将杂乱分布的图形整齐地排列在舞台中。
3.6.1
对齐对象
（1）选择要对齐的对象。 （2）执行“修改”|“对齐”命令，在弹出的子菜单中选择需要对齐 的方式即可。
第3章
3.6.2
图形与文本编辑
合并对象
创建文本对象 制作立体文字 奔跑的豹子
第3章
3.1
3.1.1
图形与文本编辑
选取对象
选择工具
1．单击选取 2．框选图形
第3章
3.1.2
图形与文本编辑
部分选取工具
部分选取工具用于对矢量线条或图形进行选择和编辑，使用该 工具选中图形后，图形的边缘会出现节点，通过对节点的调整可实 现对图形的编辑。
图形与文本编辑
制作成可选文本
在Flash中可以很轻松地将文本制作来自可选文本效果，也就是用户可以使用
鼠标来选择这些输入的文本。
3.8.4 URL链接
利用文本“属性”面板可以为静态文本和动态文本设置超级链接。
第3章
3.8.5
图形与文本编辑
打散文本
Flash中文本在打散前是一种特殊的不同于位图和矢量图的格式。打散后 的文本被作为矢量图进行编辑。
在Flash中可以将图像或其他元素组合为一个整体，也可以将组合 、实例和位图等元素分离为单独的可编辑元素。 1．组合对象 2．分离对象
第3章
图形与文本编辑
3.5
排列对象层次
Flash中绘制的图形在组合或转换为元件后，将作为一个独立的整 体，自动移动到矢量图形或已有组合的前方；当多个组合图形放在一 起时，可以通过“修改\排列”命令，调整所选组合在舞台中的前后层 次关系。
3.5.1
排列对象层次
排列对象的层次很简单，只需要选中对象，然后执行“修改\排列”命令， 在该命令弹出的菜单中选择排列方式即可，共包括“移至顶层”、“上移一 层”、“下移一层”和“移至底层”4种排列方式。
第3章
3.5.2
图形与文本编辑
锁定对象
锁定对象是指将选中的对象位置锁定，使排列顺序无法改变，锁定对象位 置的操作步骤如下。 （1）当编辑完成一个图形组合后，调整好它的大小和位置。 （2）执行“修改\排列\锁定”命令，即可将其锁定。
第3章
学习目标：
图形与文本编辑
Flash图形编辑主要指图形的选择、移动、复制、 变形、组合、排列、对齐等，而文字编辑主要是指 文本的打散操作。本章将详细介绍图形和文本编辑 工具的使用方法。
第3章
选取对象
图形与文本编辑
本章知识点：
移动、复制和调整对象 变形对象
组合与分离对象
排列对象层次 对齐与分布对象
分布对象
（1）选择分布的对象。 （2）执行“修改”|“对齐”命令，在弹出的子菜单中选择一种分布方式即 可。
第3章
图形与文本编辑
3.7
合并对象
合并对象是指通过合并或改变现有对象的方法来创建一个新的 形状。
第3章 3.8
3.8.1 3.8.2
图形与文本编辑
创建文本对象
输入文字 设置文本属性
第3章
3.8.3
3.1.3
套索工具
套索工具可用于选取图形的整体或部分，尤其是在选取不规则 图形时，使用套索工具就显得方便多了。 1．使用套索工具选取部分图形 2．使用多边形模式选取图形 3．使用魔术棒选取
第3章
3.2
3.2.1
图形与文本编辑
移动、复制和调整对象
移动对象
（1）单击工具面板中的选择工具，在场景中选中要移动的对象。 （2）按住鼠标左键将要移动的对象拖动到合适的位置，然后释放鼠标即可。