FLASH 动画制作 (一)
description
Transcript of FLASH 动画制作 (一)
FLASHFLASH 动画制作动画制作(一)(一)
FLASH 动画制作(一)▪ 2
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 3
1 1 认识界面认识界面启动 Flash CS3 以后,显示如图所示画面,选
择所需项目如“新建 /Flash 文件 (Action Script2.0 或是 Action Script3.0)”,来新建一个文件。
FLASH 动画制作(一)▪ 4
1 1 认识界面认识界面
FLASH 动画制作(一)▪ 5
1 1 认识界面认识界面这时显示如图所示 Flash CS3 界面, Adobe
公司在其 CS3 系列中采用了相同的风格。
FLASH 动画制作(一)▪ 6
1 1 认识界面认识界面
FLASH 动画制作(一)▪ 7
1 1 认识界面认识界面1. 标题栏2. 菜单栏3. 常用工具栏4. 控制工具栏5. 绘图工具栏6. 属性面板7. 设计舞台8. 时间轴面板9. 其它面板组
FLASH 动画制作(一)▪ 8
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 9
2 2 时间轴面板时间轴面板2.1 图层2.2 画格
FLASH 动画制作(一)▪ 10
2.1 2.1 图层图层1. 新增图层新建立的文件,一般只有一个图层。如果在制作
的时候需要多个图层,就可以新增图层,具体步骤如下:
(1) 选择任一个图层。(2) 单击添加图层按钮【 】。或通过菜单“插入
” |“时间轴” |“图层”命令来新增图层。新增图层出现在当前选择的图层上面。
FLASH 动画制作(一)▪ 11
2.1 2.1 图层图层2. 选择图层在 Falsh 中,当需要对图层中的内容进行动画制
作时,你必须先选择图层,在 Flash 中,选择一个图层可以通过多种方法:
(1) 选择图层名称的方法:通过选择图层名称,从而选择该图层中的所有内容。
(2) 选择图层中的画格的方法:通过选择图层中的任何一个画格,来选择该图层的内容。
FLASH 动画制作(一)▪ 12
2.1 2.1 图层图层
2. 选择图层(3) 选择图层中的物件的方法:通过选择图层中
的某个物件,从而也选择该图层。在选择多个图层的时候,可以配合【 Shift 】键
或【 Ctrl 】键:配合【 shift 】键,可以选择多个连续的图层。配合【 Ctrl 】键,可以选择多个不连续的图层。在选择的时候,如果需要减少图层的选择,也是配合【 Ctrl 】键取消选择。
FLASH 动画制作(一)▪ 13
2.1 2.1 图层图层3. 重新命名图层Flash 在缺省情况下,新增图层名字以图层加上
序列号组成。在实际应用中,可以根据自己的需要将图层重新命名。双击图层名称后,直接输入新名称即可。
FLASH 动画制作(一)▪ 14
2.1 2.1 图层图层4. 删除图层当确定不再需要某个图层时,可以直接删除该图
层。方法是:先选择需要删除的图层,再单击时间轴面板上的删除图层按钮【 】。
FLASH 动画制作(一)▪ 15
2.1 2.1 图层图层5. 在 Flash 中,各个图层之间也有先后顺序关
系改变图层顺序的方法和 Photoshop 一样,选择
图层并按下鼠标左键上下拖动即可。
FLASH 动画制作(一)▪ 16
2.1 2.1 图层图层6. 图层状态作用状态:只有处在作用状态的图层才可以进行
编辑,如添加、删除、移动等操作。隐藏状态:如果文件有很多图层,而在编辑中不
需显示那么多图层,就可以隐藏一些图层。锁定状态:处于锁定状态的图层内容只可见但不
可对它进行编辑。外框显示状态:这种方式表示图层中的所有内容
都以外框形式显示出来,即可以看见图层内容,又可以执行编辑工作。
FLASH 动画制作(一)▪ 17
2 2 时间轴面板时间轴面板2.1 图层2.2 画格
FLASH 动画制作(一)▪ 18
2.2 2.2 画格画格时间轴面板上,一格一格的小方格就是画格
(Frame) 。由左至右连续播放画格的内容,就形成了 Flash 动画。
FLASH 动画制作(一)▪ 19
2.2 2.2 画格画格1. 修改画格的播放速率画格播放速率是指每秒钟播放的画面数,默认值
是 12fps(Frame Percent Second) 。画格的播放速率影响动画的流畅性。一般来说在每秒钟播放的画格数越多 (30 帧以内 ) 动画就越流畅,像卡通画一般是 12fps ,电影是24fps , PAL 制式的电视是 25fps , NTSC是 30fps 。
FLASH 动画制作(一)▪ 20
2.2 2.2 画格画格1. 修改画格的播放速率如果我们想改变画格的播放速率,选择菜单“修
改 / 文档”命令,或快捷键【 Ctrl+M 】,都可以打开如图所示的属性设置对话框。
FLASH 动画制作(一)▪ 21
2.2 2.2 画格画格2. 新增画格新建立的文件,默认情况下,只有一个画格。你
可以根据自己动画的长度,来设定画格的数目,在需要设定画格长度的地方右击,在弹出菜单中选择“插入帧”命令或快捷键【 F5 】就可以增加画格。
在当前层设定了一定长度的帧数后,在它之上新增的图层,会以它的长度为标准,自动设定画格的长度。
FLASH 动画制作(一)▪ 22
2.2 2.2 画格画格
3. 选择画格 选择画格:在编辑画格之前,需要选择画格。可以通过以下
几种方式来选取画格。 (1) 用鼠标拖动选择连续的画格; (2) 按住【 Shift 】键的同时,选择连续的画格; (3) 按住【 Ctrl 】键的同时,选择不连续的画格; (4) 选择图层,可以将该图层中的所有画格都选择; (4) 选择物件,可以将与该物件有关的所有画格都选中。
FLASH 动画制作(一)▪ 23
2.2 2.2 画格画格4. 删除画格如果你确定要删除某些画格,可以先选择它们,
然后右击,在弹出菜单中选择“删除帧”命令或快捷键【 Shift+F5 】。
FLASH 动画制作(一)▪ 24
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 25
3 3 在在 FlashFlash 中创建图形基础中创建图形基础在 Flash 中,当你所绘制的线条穿过别的线条或
图形时,它会像刀一样把其他的线条或图形切割成不同的部分。同时,线条本身也会被其他线条和图形分成若干部分。
FLASH 动画制作(一)▪ 26
3 3 在在 FlashFlash 中创建图形基础中创建图形基础在 flash 中,当在同一层中绘制图形时,如果图
形之间有重叠部分,那么重叠部分将属于后绘制的图形,如图所示,后绘制的椭圆 ( 也就是上面的椭圆 ) 就把下面的椭圆的内容冲掉。
FLASH 动画制作(一)▪ 27
3 3 在在 FlashFlash 中创建图形基础中创建图形基础在 Flash 中,对于绘制的图形,其描边和填充是分别独立的对象,可以进行单独操作。如图所示。
FLASH 动画制作(一)▪ 28
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 29
4 4 基本工具介绍基本工具介绍4.1 绘画工具4.2 选择工具4.3 文字工具4.4 其它工具
FLASH 动画制作(一)▪ 30
4.1 4.1 绘画工具绘画工具
1. 直线工具直线工具【 】用来绘制直线,配合【 Shift 】键
可以绘制水平、垂直和 45 度角的直线。对直线我们可以在如图所示的属性面板中设置其颜色、粗细和线型等属性。
FLASH 动画制作(一)▪ 31
4.1 4.1 绘画工具绘画工具2. 椭圆工具和矩形工具椭圆工具【 】用来绘制椭圆和圆;矩形工具
【 】用来绘制矩形和正方形。对于绘制的图形,除了有填充内容以外,还有描边设置。这里的描边设置和在直线中的设置相同。
FLASH 动画制作(一)▪ 32
4.1 4.1 绘画工具绘画工具2. 椭圆工具和矩形工具而对于填充色的设定可在颜色面板中设置为单色
、放射渐变、线性渐变、位图等。
FLASH 动画制作(一)▪ 33
4.1 4.1 绘画工具绘画工具3. 使用铅笔工具如果鼠标使用比较熟练,在用铅笔工具【 】绘图
时会感觉和用真正的铅笔差不多。 Flash还允许对所绘线条进行拉直或圆滑,拉直或圆滑的程度取决于所选绘图模式。
FLASH 动画制作(一)▪ 34
4.1 4.1 绘画工具绘画工具4. 刷子工具在 Flash 中,对刷子工具【 】,除了可以设置
像图形那样的颜色属性外,我们还可以设置如下属性:
设置画笔模式:画笔的大小:画笔的形状:锁定填充:
FLASH 动画制作(一)▪ 35
4.1 4.1 绘画工具绘画工具5. 墨水瓶工具在绘图工具栏中点选【 】进入墨水瓶涂色方式,
这时图标也变为墨水瓶形状。单击线条,可以将其改为指定的颜色。其参数设置和直线设置相同。
注意,墨水瓶工具不能改变图形的填充色。
FLASH 动画制作(一)▪ 36
4.1 4.1 绘画工具绘画工具6. 颜料桶工具它的作用是使用单色、渐变色或位图对某一区域
进行填充,和墨水瓶工具相对应的是它只能作用于填充区域而不能作用于线条。单击【 】进入颜料桶填色状态,除了设置和椭圆工具的填充颜色设置外,还可以设置空隙大小为:
不封闭空隙封闭小空隙封闭中等空隙封闭大空隙
FLASH 动画制作(一)▪ 37
4.1 4.1 绘画工具绘画工具 7. 渐变变形工具 渐变变形工具【 】用来对填充的渐变色进行变
形,
FLASH 动画制作(一)▪ 38
4 4 基本工具介绍基本工具介绍4.1 绘画工具4.2 选择工具4.3 文字工具4.4 其它工具
FLASH 动画制作(一)▪ 39
4.2 4.2 选择工具选择工具1. 选择工具【 】(1) 选择并移动图形和线条。
FLASH 动画制作(一)▪ 40
4.2 4.2 选择工具选择工具1. 选择工具【 】(2) 调整线条和图形的形状。如图所示,左边为没调整之前的形状,右边为调整后的形状。
FLASH 动画制作(一)▪ 41
4.2 4.2 选择工具选择工具2. 套索工具【 】单击绘图工具栏中的【 】进入套索选取状态。套索工具可以用来选取任何形状范围内的对象,相对于选择工具而言,套索工具在选择功能上更强一些。点住鼠标并绘制,象用铅笔工具那样绘出要选择的区域,可以不封闭, Flash 将用直线来自动封闭。
FLASH 动画制作(一)▪ 42
4.2 4.2 选择工具选择工具 2. 套索工具【 】 在套索工具的选项中【 】为魔术棒工具,主要用于对位
图进行操作,【 】为魔术棒参数设置选项,一共有两个参数,一个是阈值 (Threshold) ,用于定义包括在选取范围内的相邻像素色值的接近程度,数值越高,可选取范围越宽,如果输入数值为 0 , 只有与你最先单击那一点的像素色值完全一致的像素才会被选中。另一个参数是平滑程度 (Smoothing) ,用于定义位图边缘平滑到什么程度。 其选项包括 Smooth , Pixels , Rough 和Normal 。【 】为多边形套索工具,可以绘制出边为直线的多边形选择区域,绘制时在顶点单击鼠标,在结束时双击鼠标即可。
FLASH 动画制作(一)▪ 43
4 4 基本工具介绍基本工具介绍4.1 绘画工具4.2 选择工具4.3 文字工具4.4 其它工具
FLASH 动画制作(一)▪ 44
4.3 4.3 文字工具文字工具单击按钮【 】进入文字编辑状态,在属性面板上
可以设置其参数。可以选择的设置包括字体、字号、颜色、加粗、倾斜和对齐方式等。
FLASH 动画制作(一)▪ 45
4 4 基本工具介绍基本工具介绍4.1 绘画工具4.2 选择工具4.3 文字工具4.4 其它工具
FLASH 动画制作(一)▪ 46
4.4 4.4 其它工具其它工具除了我们上面介绍的这些工具外,其它一些工具
像部分选取工具【 】、钢笔工具【 】、橡皮工具【 】、抓手工具【 】、缩放工具【 】等,它们的使用方法和 Photoshop 中的使用方法类同,这里就不再复述。
FLASH 动画制作(一)▪ 47
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 48
5 Flash5 Flash 绘制图形(一)绘制图形(一)
FLASH 动画制作(一)▪ 49
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 50
6 Flash6 Flash 绘制图形(二)绘制图形(二)
FLASH 动画制作(一)▪ 51
FLASHFLASH 动画制作动画制作 (( 一一 ))
1 认识界面2 时间轴面板3 在 Flash 中创建图形基础4 基本工具介绍5 Flash 绘制图形(一)6 Flash 绘制图形(二)7 编辑图形
FLASH 动画制作(一)▪ 52
7 7 编辑图形编辑图形7.1 选择对象7.2 移动对象7.3 复制对象7.4 群组和分离7.5 变形对象7.6 分布和对齐
FLASH 动画制作(一)▪ 53
7.1 7.1 选择对象选择对象要对一个对象进行操作,应先选择它,选择的方
式是用选择工具【 】然后进行以下操作:(1) 对于没有交叉的线条,单击线条,可选择线
条。(2) 对于交叉的线条,双击线条会选择它和颜色
一致的线条。(3) 要选择多个线条可以用【 Shift 】键配合。
FLASH 动画制作(一)▪ 54
7.1 7.1 选择对象选择对象(4) 对于没有分开的填充部分,单击可以选择。(5) 对于有线条分开的填充,选择多个部分可以
用【 Shift 】键配合。(6) 无论是线条还是填充都可以在选择工具下用
画选择框的方法来选择。
FLASH 动画制作(一)▪ 55
7 7 编辑图形编辑图形7.1 选择对象7.2 移动对象7.3 复制对象7.4 群组和分离7.5 变形对象7.6 分布和对齐
FLASH 动画制作(一)▪ 56
7.2 7.2 移动对象移动对象在 Flash 中要移动对象可以用以下方法:(1) 用选择工具(2) 用信息面板 (3) 用属性面板
FLASH 动画制作(一)▪ 57
7 7 编辑图形编辑图形7.1 选择对象7.2 移动对象7.3 复制对象7.4 群组和分离7.5 变形对象7.6 分布和对齐
FLASH 动画制作(一)▪ 58
7.3 7.3 复制对象复制对象在 Flash 中要复制对象可以用以下方法:(1) 在移动的同时,配合【 Alt 】键可以移动并复制对象。
(2) 通过快捷键【 Ctrl+C 】复制对象、【 Ctrl+V 】粘贴对象。
(3) 用“变形”面板复制对象
FLASH 动画制作(一)▪ 59
7 7 编辑图形编辑图形7.1 选择对象7.2 移动对象7.3 复制对象7.4 群组和分离7.5 变形对象7.6 分布和对齐
FLASH 动画制作(一)▪ 60
7.4 7.4 群组和分离群组和分离群组对象的方法很简单,首先选中要群组的几个
对象,然后选择菜单“修改” |“组合”命令,或快捷键【 Ctrl+G 】即可将图形组合成一个整体,群组后这几个图形就变为一个图形,当被选择时,被一个蓝色边框框住为群组对象,如图所示。
FLASH 动画制作(一)▪ 61
7.4 7.4 群组和分离群组和分离分离对象是指将位图、文字或群组后的对象分离
成一个一个的像素点或单个对象,以便对其中的一部分进行编辑。先选中要分离的对象,然后选择菜单“修改” |“分离”命令,或快捷键【 Ctrl+B 】分离对象。如图所示,为分离后可单独编辑的对象。
FLASH 动画制作(一)▪ 62
7 7 编辑图形编辑图形7.1 选择对象7.2 移动对象7.3 复制对象7.4 群组和分离7.5 变形对象7.6 分布和对齐
FLASH 动画制作(一)▪ 63
7.5 7.5 变形对象变形对象1. 用选择工具【 】变形 ( 对线条、填充区域等
选择后反白显示的对象 ) ,如图所示,左边为变形前的效果,右边为变形后的效果。
FLASH 动画制作(一)▪ 64
7.5 7.5 变形对象变形对象2. 用部分选择工具变形【 】 ( 对路径 ) 如图所
示,为用部分选择工具变形前、后效果。
FLASH 动画制作(一)▪ 65
7.5 7.5 变形对象变形对象3. 用任意变形工具【 】变形如图所示。
FLASH 动画制作(一)▪ 66
7.5 7.5 变形对象变形对象4. 用“变形”面板变形,这在前面以及讲过,在此不再重复。
5. 用“信息”面板变形图形的精确宽和高,这在前面以及讲过,在此不再重复。
FLASH 动画制作(一)▪ 67
7 7 编辑图形编辑图形7.1 选择对象7.2 移动对象7.3 复制对象7.4 群组和分离7.5 变形对象7.6 分布和对齐
FLASH 动画制作(一)▪ 68
7.6 7.6 分布和对齐分布和对齐在 Flash 中,分布和对齐对象可以采用对齐面板
,如图所示。
FLASH 动画制作(一)▪ 69
7.6 7.6 分布和对齐分布和对齐先建立 5 个群组对象,如左图所示是分布和对齐
前的对象情况;如图右所示是分布和对齐后的情况。