FLASH_CS6课件绘制基本图形分析
合集下载
《FlashCS6动画制作与应用》2
2.3.3 橡皮擦工具
启用“橡皮擦”工具 ，有以下两种方法： 单击工具箱中的“橡皮擦”工具 按E键 如果想得到特殊的擦除效果，在工具箱的下方系统 设置了5种擦除模式可供选择。
5种擦除模式
2.3.4 任意变形工具和渐变 变形工具
1. 任意变形工具 启用“任意变形”工具 ，有以下两种方法： 单击工具箱中的“任意变形”工具 按Q键 在工具箱的下方系统设置了4种变形模式可供选择。
效果图
课后习题—绘制迷你太空
使用“钢笔”工具，绘制火箭轮廓；使用“颜料桶”工具，填充图形颜 色；使用“任意变形”工具，旋转图形的角度；使用“多角星形”工具，绘 制五角星；使用“椭圆”工具，绘制圆形装饰图形。
效果图
2.1 绘制基本线条与图形
线条工具和铅笔工具 椭圆工具和矩形工具 多角星形工具 刷子工具 钢笔工具
2.1.1 线条工具和铅笔工具
1. 线条工具 启用“线条”工具 ，有以下两种方法： 单击工具箱中的“线条”工具 按N键 2. 铅笔工具 启用“铅笔”工具 ，有以下两种方法： 单击工具箱中的“铅笔”工具 按Y键
第2章 绘制与 编辑图形
本章简介：
本章主要讲解了Flash CS6的绘图 功能、图形的选择和编辑方法、图形色 彩应用。通过学习这些内容，读者可以 熟练运用绘制和编辑工具，以及图形色 彩面板，设计制作出精美的图形和图案 元素。
课堂学习目标
掌握绘制基本线条与图形的方法 掌握选择图形的方法和技巧 掌握编辑图形的方法和技巧 掌握图形色彩的应用方法
2.1.2 椭圆工具和矩形工具
1. 椭圆工具 启用“椭圆”工具 ，有以下两种方法： 单击工具箱中的“椭圆”工具 按O键 2. 矩形工具 启用“矩形”工具 ，有以下两种方法： 单击工具箱中的“矩形”工具 按R键
《Flash-CS6动画制作案例教程》教学课件-002精选全文
在线段上添加节点
下面通过绘制热带鱼图形，学习“线条工具〞、“铅 笔工具〞和“选择工具〞在绘图中的应用，以及鱼类的绘 制方法。
鱼类主要由身体和鱼鳍组成， 不同鱼类的主要区别也在于这几 个局部。绘制热带鱼时，首先使 用“线条工具〞和“选择工具〞 绘制热带鱼身体和鱼鳍的轮廓， 然后进行细部刻画，并利用“铅 笔工具〞绘制热带鱼的眼睛，完 成热带鱼线稿的绘制。本例具体 操作可参考书中步骤。
2.将光标移动到舞台中， 光标会呈“十〞形状， 按住鼠标左健不放，然 后将光标拖动
到终点位置释放鼠标即 可绘制一条直线 。
设置“线条工具〞参数
绘制直线
选择绘图工具后， 也可以单击工具箱 下方的“笔触颜色” 和“填充颜色”按 钮，来设置图形的 线条或填充颜色。
选择绘图工具后，默认情况下绘制 的是分散的矢量图形，方便单独选 中对象的各个组成进行编辑。若按 下工具箱底部的“对象绘制”按钮， 绘制的图形将作为一个在整体对象 存在，方便对图形进行整体操作
小猫线稿
下面我们通过绘制草原线稿，继续练习绘图工具的使用 方法。
在绘制草原线稿时，首先使 用“矩形工具〞在舞台上绘制一个没 有填充的的矩形，作为舞台的边框； 然后利用“椭圆工具〞在舞台中绘制 多个相交的椭圆，并删除多余的线段 制作云彩图形；再新建一个图层，利 用“线条工具〞和“选择工具〞绘制 草原上的山坡；最后使用“铅笔工具 〞绘制草原上的灌木。本例具体操作 可参考书中步骤。
桃心图形
利用几何工具组中的“矩形工具〞、“椭圆工具〞和 “多角星形工具〞等可以绘制规那么的几何图形。我们还可 以使用“选择工具〞或其他工具对绘制的几何图形进行调整， 从而绘制出动画需要的图形。本任务将带着读者学习这几个 工具的使用方法。
利用“矩形工具〞可以绘制不同样式的矩形、正方形和 圆角矩形，它的使用方法可参考以下操作。
Flash CS6 动画设计与制作案例教程课件
4 选 择“椭 圆 工 具 ”， 设 置 笔 触 颜 色 为
“无 ”、 填 充 颜 色 为“红 色 ”， 色 值 为 “#FF0000”，然后按下【Shift】键，在工作 区中绘制一个正圆；按【Alt】键复制椭圆。
5
单击“文件”→“另存为”，并保存为“.fla” 格式文件。
旋转矩形
绘制并复制椭圆
移动椭圆形成心形
调整眼睛间隔
完 成
本 任 务 使用“铅笔工具”和“钢笔工具”可以绘制出各种线条和形 状，而“钢笔工具”是Flash CS6 中比较难掌握的绘图工具之一。
本任务中主要通过“钢笔工具”来勾勒人物头部、身体和裙子的线条，用“颜 料桶工具”为其填充颜色，再用“刷子工具”绘制辫子，通过完成上述绘制 图形过程的学习，掌握如何使用手工绘图工具绘制图形。
步
骤
填充背部
填充头部
完 绘制辫子 成
实训演练
作业一 制作“五彩铅笔”
作业二 制作不规则海星
重点
项目总结
Flash CS6 选择变换工具 几何形状绘图工具 手工绘图工具 绘图辅助工具 颜色填充工具
灵动的画面 跳跃的灵魂
Flash CS6动画设计与制作教程
知识链接
一、选择变换工具
任意变形工具
（a）
（b）
（c）
（d）
“任意变形工具”的使用
“任意变形工具”主要用于对对象进行不同方式的变形处理，如拉伸、压缩、旋转、翻转和自有变形等。 通过“任意变形工具”，可以将对象变形为需要的样式。在工具箱中选择“任意变形工具”时，工具箱底部 选项区的相关按钮会被激活。
调整锚点
任务实施
（a）
（b）
继续用“钢笔工具”在背部上绘制线条，并用“选择工具”和“部 分选择工具”进行调整，绘制出如图 （a）所示女孩子裙子的轮廓，再将 背部轮廓和头部轮廓组合，效果如图（b）所示。
《Flash CS6动画制作案例教程》教学课件 003
选中要转换为填充的线条后，选择“修改”>“形状”>“将线条转 换为填充”菜单，即可将所选线条转换为填充，并进行调整了。
将线条转换为填充并进行调整
通过对分散的图形执行“扩展填充〞和“柔化填充边缘〞 命令，可以制作很多特殊效果。下面通过制作霓虹灯图形，学 习这两个命令在实际绘图中的应用。
首先创立一个蓝色矩形，并使用 “选择工具〞 调整矩形的形状；然后 对调整后的矩形执行“柔化填充边缘〞 命令，并为其独立的边缘填充不同颜色； 再使用“文本工具〞 创立文本，并将 文本别离，调整文本的位置；最后对别 离的文本执行“扩展填充〞命令，制作 描边字效果。本例具体操作可参考书中 步骤。
取某一线段；双击线条，可以选取连接着的所有 颜色、样式和粗细一致的线段。
▪ 选取填充：单击分散的矢量图形填充区域可选取
该填充；要同时选中填充及其轮廓线，可在填充 区域中的任意位击选取填充
▪ 选取多个对象：按住【Shift】键依次单击希望选
择的对象，可同时选中多个对象；在需要选取的 对象周围拖出一个方框，释放鼠标后，该方框覆 盖的所有对象〔或矢量图形的一局部〕都将被选 中。此外，单击时间轴上的某一帧〔或按快捷键 【Ctrl+A】〕可选中该帧上的所有对象所示。
群组对象
要别离群组对象、元件实例和绘制对象等整体对象，可 选中要别离的对象，然后选择“修改〞>“别离〞菜单，或按 快捷键【Ctrl+B】。当要别离的对象是由多个整体对象组合 成的时，可执行屡次别离操作，直到将对象别离成分散的矢 量图形 。
别离对象
在同一图层上，Flash会根据对象创立的先后顺序层叠 放置，最后创立的对象将放置在最上面，而最早创立的对象 被放置在最下面。假设需要改变对象的排列顺序，可选中要 排列的对象，然后选择“修改〞>“排列〞菜单下的子菜单 项。
将线条转换为填充并进行调整
通过对分散的图形执行“扩展填充〞和“柔化填充边缘〞 命令，可以制作很多特殊效果。下面通过制作霓虹灯图形，学 习这两个命令在实际绘图中的应用。
首先创立一个蓝色矩形，并使用 “选择工具〞 调整矩形的形状；然后 对调整后的矩形执行“柔化填充边缘〞 命令，并为其独立的边缘填充不同颜色； 再使用“文本工具〞 创立文本，并将 文本别离，调整文本的位置；最后对别 离的文本执行“扩展填充〞命令，制作 描边字效果。本例具体操作可参考书中 步骤。
取某一线段；双击线条，可以选取连接着的所有 颜色、样式和粗细一致的线段。
▪ 选取填充：单击分散的矢量图形填充区域可选取
该填充；要同时选中填充及其轮廓线，可在填充 区域中的任意位击选取填充
▪ 选取多个对象：按住【Shift】键依次单击希望选
择的对象，可同时选中多个对象；在需要选取的 对象周围拖出一个方框，释放鼠标后，该方框覆 盖的所有对象〔或矢量图形的一局部〕都将被选 中。此外，单击时间轴上的某一帧〔或按快捷键 【Ctrl+A】〕可选中该帧上的所有对象所示。
群组对象
要别离群组对象、元件实例和绘制对象等整体对象，可 选中要别离的对象，然后选择“修改〞>“别离〞菜单，或按 快捷键【Ctrl+B】。当要别离的对象是由多个整体对象组合 成的时，可执行屡次别离操作，直到将对象别离成分散的矢 量图形 。
别离对象
在同一图层上，Flash会根据对象创立的先后顺序层叠 放置，最后创立的对象将放置在最上面，而最早创立的对象 被放置在最下面。假设需要改变对象的排列顺序，可选中要 排列的对象，然后选择“修改〞>“排列〞菜单下的子菜单 项。
第1章FlashCS6入门基础精品PPT课件
• 学习目标
• 了解Flash动画的基础知识 • 了解Flash动画的应用领域 • 熟悉Flash CS6操作界面 • 熟悉Flash CS6新增功能
教学目标和基本要求
___________________________________
___________________________________
1.2.5 Flash电子贺卡
在快节奏发展的今天，每当重要的节日或者纪 念日，更多的人选择借助发电子贺卡来表达自己对 对方的祝福和情感。而在这些特别的日子里，一张 别出心裁的Flash电子贺卡往往能够为人们的祝福带 来更加意想不到的效果。
1.2.6 搭建Flash动态网站
由于制作精美的Flash动画可以具有很强的视觉 冲击力和听觉冲击力，因此一些公司在网站发布新 的产品时，往往会采用Flash制作相关的页面，借助 Flash的精彩效果吸引客户的注意力，从而达到比以 往静态页面更好的宣传效果。
1.1.3 制作Flash短片
相信绝大多数人都是通过观看网上精彩的动画 短片知道Flash的。Flash动画短片经常以其感人的 情节或是搞笑的对白吸引上网者进行观看 。
1.2.2 制作互动游戏
对于大多数的Flash学习者来说，制作Flash游 戏一直是一项很吸引人，也很有趣的技术， 甚至许 多闪客都以制作精彩的Flash游戏作为主要的目标。 随着ActionScript动态脚本编程语言的逐渐发展， Flash已经不再仅局限于制作简单的交互动画程序， 而是致力于通过复杂的动态脚本编程制作出各种各 样有趣、精彩的Flash互动游戏 。
1．文件占用空间小，传输速度快
2．强大的交互功能
3．矢量绘图，可无极放大
4．动画的输出格式
Flash CS6-第1章Flash CS6基础入门课件
“属性”面板
1.1.7 浮动面板
使用面板可以查看、组合和 更改资源。但屏幕的大小有限， 为 了 尽 量 使 工 作 区 最 大 ， Flash CS6提供了许多种自定义工作区 的方式，如可以通过“窗口”菜 单显示、隐藏面板，还可以通过 鼠标拖动来调整面板的大小以及 重新组合面板。
浮动面板
1.2 Flash CS6的文件操作
主工具栏
1.1.3 工具箱
工具箱提供了图形绘制和编辑的各种工具，分为“工具”“查 看”“颜色”“选项”4个功能区。
“工具”区 提供选择、创建、编辑图形的工具。 “查看”区 改变舞台画面以便更好地观察。 “颜色”区
1.1.3 工具箱
选择绘制、编辑图形的笔触颜色和填充色。 “选项”区 不同工具有不同的选项，通过“选项”区为当前选
第1章 Flash CS6基础入门
本章简介: 本章将详细讲解Flash CS6的基本知识和基本操
作。读者通过学习要对Flash CS6有初步的认识和了解， 并能够掌握软件的基本操作方法和技巧，为以后的学 习打下一个坚实的基础。
课堂学习目标
了解Flash CS6的操作界面。 掌握文件操作的方法和技巧。 了解Flash CS6的系统配置。
“历史记录”面板
新建文件 保存文件 打开文件
1.2.1 新建文件
选择“文件 > 新建”命令， 或按Ctrl+N组合键，弹出“新 建文档”对话框。在对话框中， 可 以 创 建 Flash 文 档 ， 设 置 Flash影片的媒体和结构。创建 基于窗体的Flash应用程序，应 用 于 Internet ； 也 可 以 创 建 用 于控制影片的外部动作脚本文 件等。选择完成后，单击“确 定”按钮，即可完成新建文件 的任务。
flashcs6教程ppt课件
在网站中下载帮助应用程序、扩展以及其他相关信息。
步骤6 Flash CS6欢迎屏幕的右侧是“学习”列表，用户可以选择需要了解的Flash
CS6的相关知识。
步骤7 如果用户不希望每次打开软件时都出现欢迎屏幕
，则可以选中欢迎屏幕左下角的“不再显示”复选框，这时
会弹出如图1-11所示的对话框，单击“确定”按钮即可在下 次启动Flash CS6时直接打开一个默认的Flash空白文档。
3
步骤2 弹出Adobe Flash Professional CS6对话框，选择安装方式，这里单击“安装” 选项，如图1-2所示。
步骤3 进入“Adobe软件许可协议”界面，单击“接受”按钮，如图1-3所示。
图1-2 Adobe Flash Professional CS6对话框
图1-3 Adobe软件许可协议
步骤4 左侧除了“从模板创建”列表外，还有“打开 最近的项目”列表，通过单击列表中的文件选项，可以快 速打开曾经操作过的Flash文档。
图1-10 “从模板新建”对话框
最新版整理ppt
6
步骤5 在地选择要创建的文
件类型。在其下方是“扩展”列表，通过该列表可以链接到Flash Exchange网站，用户可
●1.2.5 新建文档 ●1.2.6 打开文档 ●1.2.7 保存文档
●1.2.8 关闭文档 ●1.2.9 设置文档属性 ●1.2.10 缩放和平移舞台 ●1.2.11 使用网格、标尺与辅助 线
● 1.3 Flash动画制作入门
●1.3.1 绘制图形 ●1.3.2 认识元件 ●1.3.3 认识帧 ●1.3.4 认识图层
最新版整理ppt
2
● 1.1 Flash动画概述
Flash是一款集动画创作与应用程序开发于一体的创作软件，可以将音乐、声效、动 画以及富有新意的界面融合在一起，实现多种动画特效。这些特效是由一帧帧的静态图片 在短时间内连续播放而造成的视觉效果，表现为动态过程。
《flashcs6教程》PPT课件
图8-9 选择“插入关键帧”命令
图8-10 选择“取消组合”命令
步骤11 单击文本框，然后在“属性”面板中设置文本颜色为“绿色”(#00FF00)，如 图8-11所示。
步骤12 单击椭圆图形，然后按Alt+Shift+F9组合键打开“颜色”面板，设置径向渐 变填充两端的颜色分别为“#FFFFFF”、“#B0FFB0”，如图8-12所示。
菜单项：单击该图标，可以打开“库”面板菜单，该菜单中包含了“库”面板中 的所有操作，如图8-23所示。
在库中可以新建元件、 文件夹、字型和视频
图8-22 显示Flash文件的存储位置 -
对文件夹的各种 操作命令
图8-23 展开菜单项
“新建元件”图标：单击该图标，也会弹出“创建新元件”对话框，可以为新元 件命名并选择类型。
步骤19 将指针定位到按钮上，此时的效果如图8-19所示。 步骤20 单击按钮，此时的效果如图8-20所示。释放鼠标左键后，按钮将恢复到“经 过”帧中的颜色。
-
图8-17 插入新创建的按钮元件
图8-18 选择“启用简单按钮”命令
图8-19 查看将指针定位到按钮上时的效果 -
图8-20 查看单击按钮时的效果
-
步骤4 在展开的“playback”文件夹列表中单击要使用的按钮元件，这里单击“gel Right”元件，并按住鼠标左键向舞台中拖动，插入该元件，如图8-31所示。
图8-26 选择Buttons命令
图8-27 “外部库”面板
图8-30 单击“playback”文件夹 -
图8-31 插入元件按钮
步骤5 在舞台中单击“编辑元件”图标，从弹出的菜单中选择“classic buttons”| “Playback”|“gel Right”命令，如图8-32所示。
FLASH_CS6课件___绘制基本图形
小练习：钢笔工具绘制心形曲线
图a
图b
图c
小练习：钢笔工具绘制心形曲线（2）
f
图d
图e
图f
钢笔工具（P）
复合工具
转换锚点（C）
新建立一个曲线锚点并拖动它的方向线的时候。 实际 上随着鼠标移动的是“去向”这条方向线，而“来向” 方向总是与之成180度水平夹角的，并且长度也相同。 转换锚点工具可 单独修改一侧的 方向线，即单独 修改“来向”或“去 向”线
线条工具——绘制直线 铅笔工具——绘制任意的线条或图形 钢笔（贝塞尔曲线）工具——绘制精确的直线 或曲线或图形 刷子工具——模拟软笔的绘画方式，可用于绘 制任意的线条或图形，也可用于随意填充颜色
线条工具（N）
主要用于绘制直线 使用方法
鼠标指针：十字状态 Shift键：垂直/水平/45度斜线 笔触颜色 颜色面板 笔触、样式、缩放 端点
缩放切换：Alt键缩小 快捷键：Ctrl+=放大，Ctrl+-缩小
手形工具（H）——移动舞台，以便在不更改 缩放比率的情况下更改视图（当前可视区域）
快捷键：按住空格键不放，用鼠标左键拖拽
辅助工具（2）
标尺
打开/隐藏： 视图->标尺 快捷键：Ctrl+Alt+Shift+R 修改标尺单位 文档属性对话框
内容概要
文件基本操作 辅助工具
缩放工具、手形工具、标尺、网格、辅助线
绘制线条
线条工具、铅笔工具、钢笔工具、刷子工具
椭圆和基本椭圆工具、矩形和基本矩形工具、 多角星形工具
Flash CS6-第2章图形的绘制与编辑课件
2.2.6 任意变形工具和渐变变形工具
在制作图形的过程中，可以应用任意变形工具来改变图形的大 小及倾斜度，也可以应用填充变形工具改变图形中渐变填充颜色的 渐变效果。
1．任意变形工具 2．渐变变形工具
2.2.7 手形工具和缩放工具
手形工具和缩放工具都是辅助工具，它们本身并不直接创建 和修改图形，而只是在创建和修改图形的过程中辅助用户进行操作。
铅笔工具“属性”面板
设置不同的线条属性后绘制的图形
2.1.4 椭圆工具
选择“椭圆”工具 ，在舞台上单击鼠标，按住鼠标不放，向需 要的位置拖曳鼠标，绘制椭圆，松开鼠标。按住Shift键的同时绘制 图形，可以绘制出圆形。在椭圆工具“属性”面板中设置不同的笔 触颜色、笔触大小、笔触样式和填充颜色。
椭圆工具 “属性”面板
课堂学习目标
熟练掌握绘制图形的多种工具的使用方法。 熟练掌握图形多种编辑工具的使用方法和技巧。 了解图形的色彩，并掌握几种常用的色彩面板。
2.1 基本线条与图形的绘制
课堂案例——绘制小篷车 基本矩形工具
线条工具
多角星形工具
铅笔工具
钢笔工具
椭圆工具
选择工具
基本椭圆工具
部分选取工具
2.3.4 样本面板
选择“窗口 > 样本”命令，弹出“样本”面板。在控制面板 中部的纯色样本区，系统提供了216种纯色。控制面板下方是渐变 色样本区。单击控制面板右上方的按钮 ，弹出下拉菜单。
“样本”面板
2.4 课堂练习—绘制迷你太空
使用“钢笔”工具、“椭圆”工具，绘制火箭图形；使用 “椭圆”工具“多角星形”工具，绘制装饰图形。
2.2.1 课堂案例—绘制卡通小鸟
使用“钢笔”工具，绘制小鸟轮廓；使用“墨水瓶”工具、 “任意变形”工具，装饰虚线效果；使用“多角星形”工具，绘制 五角星；使用“颜料桶”工具，填充颜色；使用“椭圆”工具，绘 制眼睛。
Flash CS6动画设计-Flash CS6绘制图形
第2章 绘制图形2.2 课堂案例：绘制荷花 内容导航行业提示：如何绘制表情动画2.1.1 Flash CS6的绘图模式2.1.2 绘制猫头轮廓和耳朵2.1.3 绘制其他部位行业提示：绘制图形的注意事项2.3 项目实训 2.4 课后练习 2.5 技巧提升行业提示：如何绘制表情动画3如今表情动画是深受广大动漫爱好者喜爱的一种动画表现形式，在绘制这类动画时，主要以形象可爱有趣为主，并在其中添加一些流行元素，使动画变得更加生动，在制作时可以使用线条、表情和gif等多种形式进行表现。
42.1.1 Flash CS6的绘图模式当工具栏中的“对象绘制”按钮呈未选中状态时，表示当前的绘图模式为合并绘制模式。
在合并绘制模式下绘制和编辑图形时，在同一图层中的各图形会互相影响，当其重叠时，位于上方的图形会将位于下方的图形覆盖，并对其形状造成影响。
1．合并绘制模式在工具栏中选择一种绘图工具后，在“工具”栏中单击“对象绘制”按钮，使其呈选中状态，表示当前的绘图模式为对象绘制模式。
在对象绘制模式下绘制和编辑图形时，在同一图层中绘制的多个图形并不会相互影响，因为它们都是一个独立的对象，在叠加和分离时不会产生变化。
2．对象绘制模式5 2.1.2 绘制猫头轮廓和耳朵猫的轮廓是曲线，并不是规则的几何图形，此时可使用Flash CS6的钢笔工具进行绘制，下面绘制猫头轮廓和耳朵部分，其效果如下图所示。
6 2.1.3 绘制其他部位眼睛部分的绘制较简单，可由圆组合而成，躯干部分可通过钢笔工具进行绘制，其效果如下图所示。
行业提示：绘制图形的注意事项7①对于规则图形，如手机、电视、电脑等，最好使用矩形工具栏中的工具进行绘制；②绘制图形时，还应注意图形的比例大小，其比例应符合实际，若比例失调，则绘制的图形不仅缺乏美感，还不规范；③自然状态下的物体，都会有高光面和阴影部分，在绘制时适当地添加一些反光和阴影使图形更生动。
2.1 课堂案例：绘制卡通猫动画2.2 课堂案例：绘制荷花 内容导航2.2.1 绘制曲线路径2.2.2 填充颜色2.2.3 绘制线条图形2.2.4 绘制任意线条2.3 项目实训2.4 课后练习2.5 技巧提升1．钢笔工具的绘制状态l初始锚点指针：选中钢笔工具后看到的第一个指针。
项目1 图形的绘制与编辑 Flash CS6动画制作项目教程课件
图1-27 机器猫头像
任务1.2 绘制网站Logo
清华大学出版社
任务描述
使用钢笔工具可以绘制精确的路径，如平滑、流畅的曲线或者直线，并可调整 曲线段的斜率以及直线段的角度和长度。另外，绘制了路径后，还可为闭合路径设 置缤纷多彩的颜色，从而创建出绚丽的图形效果。本任务将钢笔工具和颜色填充工 具进行巧妙结合，绘制如图1-32所示的网站Logo。
相关知识
1.1.3 Flash CS6 的工作界面
清华大学出版社
相关知识
1. 菜单栏 2. 主工具栏 3. 工具箱
清华大学出版社
图1-6 Flash CS6工具箱
清华大学出版社
相关知识
1.1.4 Flash CS6动画制作的一般过程 Flash动画制作的一般过程包括创建Flash文档、设置文档属性、保存文档、制作
图1-8 “另存为”对话框
相关知识
3. 打开文档
后缀为.fla的Flash文件称 为源文件，用户可以打开 源文件对其进行修改。打 开文档的具体操作步骤为： 选择菜单中的【文件】→ 【打开】命令（或按快捷 键Ctrl+O），在弹出的 【打开】对话框中选择要 打开文件的位置和文件名 称，如图1-9所示，单击 【打开】按钮，或直接双 击文件，即可打开选择的 动画文件。
（1）初步了解Flash CS6。 （2）掌握创建、保存和导出Flash文件的方法。 （3）掌握Flaቤተ መጻሕፍቲ ባይዱh CS6绘图的基本操作方法。
图1-1 米奇图案最终效果图
清华大学出版社
相关知识
1.1.1 Flash 动画特点 Flash动画具有如下特点。 ➢ 矢量动画：Flash属于二维矢量动画，所创建的元素是用矢量来描述的，不仅文件
任务1.2 绘制网站Logo
清华大学出版社
任务描述
使用钢笔工具可以绘制精确的路径，如平滑、流畅的曲线或者直线，并可调整 曲线段的斜率以及直线段的角度和长度。另外，绘制了路径后，还可为闭合路径设 置缤纷多彩的颜色，从而创建出绚丽的图形效果。本任务将钢笔工具和颜色填充工 具进行巧妙结合，绘制如图1-32所示的网站Logo。
相关知识
1.1.3 Flash CS6 的工作界面
清华大学出版社
相关知识
1. 菜单栏 2. 主工具栏 3. 工具箱
清华大学出版社
图1-6 Flash CS6工具箱
清华大学出版社
相关知识
1.1.4 Flash CS6动画制作的一般过程 Flash动画制作的一般过程包括创建Flash文档、设置文档属性、保存文档、制作
图1-8 “另存为”对话框
相关知识
3. 打开文档
后缀为.fla的Flash文件称 为源文件，用户可以打开 源文件对其进行修改。打 开文档的具体操作步骤为： 选择菜单中的【文件】→ 【打开】命令（或按快捷 键Ctrl+O），在弹出的 【打开】对话框中选择要 打开文件的位置和文件名 称，如图1-9所示，单击 【打开】按钮，或直接双 击文件，即可打开选择的 动画文件。
（1）初步了解Flash CS6。 （2）掌握创建、保存和导出Flash文件的方法。 （3）掌握Flaቤተ መጻሕፍቲ ባይዱh CS6绘图的基本操作方法。
图1-1 米奇图案最终效果图
清华大学出版社
相关知识
1.1.1 Flash 动画特点 Flash动画具有如下特点。 ➢ 矢量动画：Flash属于二维矢量动画，所创建的元素是用矢量来描述的，不仅文件
flash-cs6入门与进阶02
绘制图形之后，即可进行颜色的填充操作，Flash CS6中的填充工具 主要包括【颜料桶】工具、【墨水瓶】工具、【滴管】工具和【刷子 】工具等 。
使用【颜料桶】工具 使用【墨水瓶】工具 使用【滴管】工具 使用【刷子】工具 使用【喷涂刷】工具 使用【橡皮擦】工具 使用【Deco】工具
第18页，共30页。
计算机基础与实训教材系列
《中文版Flash CS6入门与进阶》
第1页，共30页。
第二章
图形的基本绘制
第2页，共30页。
学习目标
在Flash动画制作中，矢量图是不可缺少的.Flash CS6提供了很
多简单而强大的绘图工具来绘制矢量图形、本章将主要介绍各种矢量图绘制 工具的使用方法，熟练运用这些工具就可以绘制出更多样式的动画图形 。
第3页，共30页。
本章重点
Flash图形概念
绘制矢量图形 绘制几何图形
填充图形 设置色彩和显示效果
第4页，共30页。
2.1 认识Flash图形
绘制图形是创作Flash动画的基础，在学习绘制和编辑图形的操作之前，首先要对 Flash中的图形有较为清晰的认识，包括位图和矢量图的区别，以及图形色彩的相关 知识。
使用Flash CS6可以导入多种图像文件格式，这些图像文件类型和相应的扩展名如下
表所示 。
第8页，共30页。
2.1.4 绘制图形的作用
Flash中绘制的图形对制作Flash动画有以下几点作用 ：绘制背景图形 、绘制按钮图形
、绘制角色图形 。
第9页，共30页。
2.2 绘制矢量线条
Flash CS6提供了强大的绘图工具，包括【线条】工具、【铅笔】工具、【钢笔】工具 ，用户使用这些工具可以绘制各种矢量线条图形。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
两个锚点之间的曲线形态分为两类：C形和S形
虽然锚点的数量可以 反映出绘图人的水平 和熟练度。但是对于 大多数人而言，只要 能够满足需要就足够 了。所以在实际绘图 的时候，不必过于苛 求减少锚点的数目。
究竟需要多少个锚点，其实就是分析出“有多少个 可以用一条曲线（C形或S形）来绘制的区域”。
快捷键：Alt键
钢笔工具（P）
复合工具
转换锚点（C）
绘制一个m形的另一种方法：
钢笔工具（P）
复合工具
转换锚点（C）
绘制一个心形的另一种方法：
【基本原则】 绘制曲线的锚 点数量越少越 好，因为如果 锚点数量增加， 不仅会增加绘 制的步骤，同 时也不利于后 期的修改。
钢笔工具（P）
钢笔工具绘制一条曲线时需要多少锚点？
第二章 绘制基本图形
内容概要
文件基本操作 辅助工具
缩放工具、手形工具、标尺、网格、辅助线
绘制线条
线条工具、铅笔工具、钢笔工具、刷子工具
绘制几何图形
椭圆和基本椭圆工具、矩形和基本矩形工具、 多角星形工具
上机练习——绘制QQ笑脸表情
文件基本操作
新建文件
类型选项、模板
设置文件属性
工具栏选项设置区
钢笔工具（P）
绘制起始锚点 绘制中间锚点
也称作贝塞尔曲线工具，绘制精确的直线或曲线或图形 轮廓
使用方法
绘制直线：每单击一下 鼠标左键，就会产生一 个锚点，并且同前一个 锚点自动用直线相连接。
按住Shift键：保持45度 整数倍夹角（比如零度、 90度）。
钢笔工具（P）
使用方法（续1）
绘制曲线：单击后不要松开鼠标左键，一直按住鼠标左 键，进行拖动，会出现方向线和方向手柄，所绘制的直 线随着拖动变为曲线。
要点击手柄位置线：单击后不要松开鼠标左键，一直按住鼠标左 键，进行拖动，会出现方向线和方向手柄，所绘制的直 线随着拖动变为曲线。
大小（舞台） 背景颜色（舞台） ：拾色器、颜色对话框 动画播放速率/帧频FPS
保存文件 打开和关闭文件 测试文件
测试场景：控制->播放 或 Enter键 测试影片：控制->测试影片 或 Ctrl+Enter键
辅助工具
缩放工具（M）——更改舞台显示的缩放比率， 以便查看整个舞台，或者以特定的缩放比率查 看舞台的特定区域。
转换锚点工具可 单独修改一侧的 方向线，即单独 修改“来向”或“去 向”线
钢笔工具（P）
复合工具
转换锚点（C）
新建立一个曲线锚点并拖动它的方向线的时候。实际上 随着鼠标移动的是“去向”这条方向线，而“来向”方 向总是与之成180度水平夹角的，并且长度也相同。
转换锚点工具可 单独修改一侧的 方向线，即单独 修改“来向”或“去 向”线
线条工具——绘制直线 铅笔工具——绘制任意的线条或图形 钢笔（贝塞尔曲线）工具——绘制精确的直线
或曲线或图形 刷子工具——模拟软笔的绘画方式，可用于绘
制任意的线条或图形，也可用于随意填充颜色
线条工具（N）
主要用于绘制直线 使用方法
鼠标指针：十字状态 Shift键：垂直/水平/45度斜线
上机练习—卡通花朵
完成效果
上机作业—绘制牵牛花
完成效果
铅笔工具（Y）
主要用于绘制任意的线条或图形 使用方法
鼠标指针：小铅笔形状 Shift键：垂直/水平
属性：
铅笔模式： 伸直：较强校正，取直平滑，自动识别常见几何形状。 平滑：自动平滑处理，是动画绘制中首选设置 墨水：接近手绘，最大限度保留实际轨迹
视图->辅助线->编辑辅助线
辅助工具（4）
小练习：设置辅助线
内容概要
文件基本操作 辅助工具
缩放工具、手形工具、标尺、网格、辅助线
绘制线条
线条工具、铅笔工具、钢笔工具、刷子工具
绘制几何图形
椭圆和基本椭圆工具、矩形和基本矩形工具、 多角星形工具
上机练习2——绘制QQ笑脸表情
绘制线条
属性：
笔触颜色 颜色面板
笔触、样式、缩放 端点
线条工具（N）
属性（续）：
接合 尖角：
值越大越接近锐利的尖角
工具栏选项设置区：
贴紧至对象 对象绘制
对象绘制的作用
把图形绘制成一个单独的对象，可以有层叠的 效果。单独画的对象不会和其它图形造成同色 组合异色修剪的作用，并且还可以直接改变绘 制对象的颜色形状，不像元件和组那样需要进 入才能编辑。所以绘制对象就是让图形对象形 成元件或组的独立性和图形的直接可编辑性。
要点击手柄位置才可以改变方向线。
方向线越长，曲线在这个方向上走的路程就越长。
钢笔工具（P）
使用方法（续2） 结束曲线绘制的3种方法： 1. 在终点处双击鼠标左键； 2. 用鼠标点击工具箱中的其它工具； 3. 按住Ctrl键在曲线之外的任意位置单击鼠标左键。
绘制闭合曲线：将光标移至曲线的起点处，当光标变为 时单击鼠标左键，即可形成闭合曲线； 否则得到的为开口曲线。
注意：鼠标指针的变化，钢笔形状边上的微小区别！
小练习：钢笔工具绘制心形曲线
图a
图b
图c
小练习：钢笔工具绘制心形曲线（2）
f
图d
图e
图f
钢笔工具（P）
复合工具
转换锚点（C）
新建立一个曲线锚点并拖动它的方向线的时候。 实际 上随着鼠标移动的是“去向”这条方向线，而“来向” 方向总是与之成180度水平夹角的，并且长度也相同。
缩放切换：Alt键缩小 快捷键：Ctrl+=放大，Ctrl+-缩小
手形工具（H）——移动舞台，以便在不更改 缩放比率的情况下更改视图（当前可视区域）
快捷键：按住空格键不放，用鼠标左键拖拽
辅助工具（2）
标尺
打开/隐藏： 视图->标尺 快捷键：Ctrl+Alt+Shift+R
修改标尺单位 文档属性对话框
网格
显示/隐藏：视图->网格->显示网格（默认10*10像素）
贴紧至网格：视图->贴紧->贴紧至网格 修改网格参数：视图->网格->编辑网格
辅助工具（3）
辅助线
添加：打开标尺，从标尺处用鼠标左键拖拽
删除：视图->辅助线->清除辅助线
对齐：视图->贴紧->贴紧至辅助线 移动：选择工具，鼠标左键拖拽 锁定/解锁：视图->辅助线->锁定辅助线 显示/隐藏：视图->辅助线->显示辅助线 设置辅助线参数：
虽然锚点的数量可以 反映出绘图人的水平 和熟练度。但是对于 大多数人而言，只要 能够满足需要就足够 了。所以在实际绘图 的时候，不必过于苛 求减少锚点的数目。
究竟需要多少个锚点，其实就是分析出“有多少个 可以用一条曲线（C形或S形）来绘制的区域”。
快捷键：Alt键
钢笔工具（P）
复合工具
转换锚点（C）
绘制一个m形的另一种方法：
钢笔工具（P）
复合工具
转换锚点（C）
绘制一个心形的另一种方法：
【基本原则】 绘制曲线的锚 点数量越少越 好，因为如果 锚点数量增加， 不仅会增加绘 制的步骤，同 时也不利于后 期的修改。
钢笔工具（P）
钢笔工具绘制一条曲线时需要多少锚点？
第二章 绘制基本图形
内容概要
文件基本操作 辅助工具
缩放工具、手形工具、标尺、网格、辅助线
绘制线条
线条工具、铅笔工具、钢笔工具、刷子工具
绘制几何图形
椭圆和基本椭圆工具、矩形和基本矩形工具、 多角星形工具
上机练习——绘制QQ笑脸表情
文件基本操作
新建文件
类型选项、模板
设置文件属性
工具栏选项设置区
钢笔工具（P）
绘制起始锚点 绘制中间锚点
也称作贝塞尔曲线工具，绘制精确的直线或曲线或图形 轮廓
使用方法
绘制直线：每单击一下 鼠标左键，就会产生一 个锚点，并且同前一个 锚点自动用直线相连接。
按住Shift键：保持45度 整数倍夹角（比如零度、 90度）。
钢笔工具（P）
使用方法（续1）
绘制曲线：单击后不要松开鼠标左键，一直按住鼠标左 键，进行拖动，会出现方向线和方向手柄，所绘制的直 线随着拖动变为曲线。
要点击手柄位置线：单击后不要松开鼠标左键，一直按住鼠标左 键，进行拖动，会出现方向线和方向手柄，所绘制的直 线随着拖动变为曲线。
大小（舞台） 背景颜色（舞台） ：拾色器、颜色对话框 动画播放速率/帧频FPS
保存文件 打开和关闭文件 测试文件
测试场景：控制->播放 或 Enter键 测试影片：控制->测试影片 或 Ctrl+Enter键
辅助工具
缩放工具（M）——更改舞台显示的缩放比率， 以便查看整个舞台，或者以特定的缩放比率查 看舞台的特定区域。
转换锚点工具可 单独修改一侧的 方向线，即单独 修改“来向”或“去 向”线
钢笔工具（P）
复合工具
转换锚点（C）
新建立一个曲线锚点并拖动它的方向线的时候。实际上 随着鼠标移动的是“去向”这条方向线，而“来向”方 向总是与之成180度水平夹角的，并且长度也相同。
转换锚点工具可 单独修改一侧的 方向线，即单独 修改“来向”或“去 向”线
线条工具——绘制直线 铅笔工具——绘制任意的线条或图形 钢笔（贝塞尔曲线）工具——绘制精确的直线
或曲线或图形 刷子工具——模拟软笔的绘画方式，可用于绘
制任意的线条或图形，也可用于随意填充颜色
线条工具（N）
主要用于绘制直线 使用方法
鼠标指针：十字状态 Shift键：垂直/水平/45度斜线
上机练习—卡通花朵
完成效果
上机作业—绘制牵牛花
完成效果
铅笔工具（Y）
主要用于绘制任意的线条或图形 使用方法
鼠标指针：小铅笔形状 Shift键：垂直/水平
属性：
铅笔模式： 伸直：较强校正，取直平滑，自动识别常见几何形状。 平滑：自动平滑处理，是动画绘制中首选设置 墨水：接近手绘，最大限度保留实际轨迹
视图->辅助线->编辑辅助线
辅助工具（4）
小练习：设置辅助线
内容概要
文件基本操作 辅助工具
缩放工具、手形工具、标尺、网格、辅助线
绘制线条
线条工具、铅笔工具、钢笔工具、刷子工具
绘制几何图形
椭圆和基本椭圆工具、矩形和基本矩形工具、 多角星形工具
上机练习2——绘制QQ笑脸表情
绘制线条
属性：
笔触颜色 颜色面板
笔触、样式、缩放 端点
线条工具（N）
属性（续）：
接合 尖角：
值越大越接近锐利的尖角
工具栏选项设置区：
贴紧至对象 对象绘制
对象绘制的作用
把图形绘制成一个单独的对象，可以有层叠的 效果。单独画的对象不会和其它图形造成同色 组合异色修剪的作用，并且还可以直接改变绘 制对象的颜色形状，不像元件和组那样需要进 入才能编辑。所以绘制对象就是让图形对象形 成元件或组的独立性和图形的直接可编辑性。
要点击手柄位置才可以改变方向线。
方向线越长，曲线在这个方向上走的路程就越长。
钢笔工具（P）
使用方法（续2） 结束曲线绘制的3种方法： 1. 在终点处双击鼠标左键； 2. 用鼠标点击工具箱中的其它工具； 3. 按住Ctrl键在曲线之外的任意位置单击鼠标左键。
绘制闭合曲线：将光标移至曲线的起点处，当光标变为 时单击鼠标左键，即可形成闭合曲线； 否则得到的为开口曲线。
注意：鼠标指针的变化，钢笔形状边上的微小区别！
小练习：钢笔工具绘制心形曲线
图a
图b
图c
小练习：钢笔工具绘制心形曲线（2）
f
图d
图e
图f
钢笔工具（P）
复合工具
转换锚点（C）
新建立一个曲线锚点并拖动它的方向线的时候。 实际 上随着鼠标移动的是“去向”这条方向线，而“来向” 方向总是与之成180度水平夹角的，并且长度也相同。
缩放切换：Alt键缩小 快捷键：Ctrl+=放大，Ctrl+-缩小
手形工具（H）——移动舞台，以便在不更改 缩放比率的情况下更改视图（当前可视区域）
快捷键：按住空格键不放，用鼠标左键拖拽
辅助工具（2）
标尺
打开/隐藏： 视图->标尺 快捷键：Ctrl+Alt+Shift+R
修改标尺单位 文档属性对话框
网格
显示/隐藏：视图->网格->显示网格（默认10*10像素）
贴紧至网格：视图->贴紧->贴紧至网格 修改网格参数：视图->网格->编辑网格
辅助工具（3）
辅助线
添加：打开标尺，从标尺处用鼠标左键拖拽
删除：视图->辅助线->清除辅助线
对齐：视图->贴紧->贴紧至辅助线 移动：选择工具，鼠标左键拖拽 锁定/解锁：视图->辅助线->锁定辅助线 显示/隐藏：视图->辅助线->显示辅助线 设置辅助线参数：