flash n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
FLASH 动画制作 (一) PowerPoint Presentation
Download Presentation
FLASH 动画制作 (一)

Loading in 2 Seconds...

play fullscreen
1 / 69

FLASH 动画制作 (一) - PowerPoint PPT Presentation


  • 173 Views
  • Uploaded on

FLASH 动画制作 (一). FLASH 动画制作 ( 一 ). 1 认识界面 2 时间轴面板 3 在 Flash 中创建图形基础 4 基本工具介绍 5 Flash 绘制图形(一) 6 Flash 绘制图形(二) 7 编辑图形. 1 认识界面. 启动 Flash CS3 以后,显示如图所示画面,选择所需项目如 “ 新建 /Flash 文件 (Action Script2.0 或是 Action Script3.0) ” ,来新建一个文件。. 1 认识界面. 1 认识界面.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'FLASH 动画制作 (一)' - nuncio


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
flash1
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
slide3
1 认识界面
  • 启动Flash CS3以后,显示如图所示画面,选择所需项目如“新建/Flash文件(Action Script2.0或是Action Script3.0)”,来新建一个文件。
slide5
1 认识界面
  • 这时显示如图所示Flash CS3界面,Adobe公司在其CS3系列中采用了相同的风格。
slide7
1 认识界面
  • 1. 标题栏
  • 2. 菜单栏
  • 3. 常用工具栏
  • 4. 控制工具栏
  • 5. 绘图工具栏
  • 6. 属性面板
  • 7. 设计舞台
  • 8. 时间轴面板
  • 9. 其它面板组
flash2
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
slide9
2 时间轴面板
  • 2.1 图层
  • 2.2 画格
slide10
2.1 图层
  • 1. 新增图层
  • 新建立的文件,一般只有一个图层。如果在制作的时候需要多个图层,就可以新增图层,具体步骤如下:
  • (1) 选择任一个图层。
  • (2) 单击添加图层按钮【 】。或通过菜单“插入”|“时间轴”|“图层”命令来新增图层。新增图层出现在当前选择的图层上面。
slide11
2.1 图层
  • 2. 选择图层
  • 在Falsh中,当需要对图层中的内容进行动画制作时,你必须先选择图层,在Flash中,选择一个图层可以通过多种方法:
  • (1) 选择图层名称的方法:通过选择图层名称,从而选择该图层中的所有内容。
  • (2) 选择图层中的画格的方法:通过选择图层中的任何一个画格,来选择该图层的内容。
slide12
2.1 图层
  • 2. 选择图层
  • (3) 选择图层中的物件的方法:通过选择图层中的某个物件,从而也选择该图层。
  • 在选择多个图层的时候,可以配合【Shift】键或【Ctrl】键:配合【shift】键,可以选择多个连续的图层。配合【Ctrl】键,可以选择多个不连续的图层。在选择的时候,如果需要减少图层的选择,也是配合【Ctrl】键取消选择。
slide13
2.1 图层
  • 3. 重新命名图层
  • Flash在缺省情况下,新增图层名字以图层加上序列号组成。在实际应用中,可以根据自己的需要将图层重新命名。双击图层名称后,直接输入新名称即可。
slide14
2.1 图层
  • 4. 删除图层
  • 当确定不再需要某个图层时,可以直接删除该图层。方法是:先选择需要删除的图层,再单击时间轴面板上的删除图层按钮【 】。
slide15
2.1 图层
  • 5. 在Flash中,各个图层之间也有先后顺序关系
  • 改变图层顺序的方法和Photoshop一样,选择图层并按下鼠标左键上下拖动即可。
slide16
2.1 图层
  • 6. 图层状态
  • 作用状态:只有处在作用状态的图层才可以进行编辑,如添加、删除、移动等操作。
  • 隐藏状态:如果文件有很多图层,而在编辑中不需显示那么多图层,就可以隐藏一些图层。
  • 锁定状态:处于锁定状态的图层内容只可见但不可对它进行编辑。
  • 外框显示状态:这种方式表示图层中的所有内容都以外框形式显示出来,即可以看见图层内容,又可以执行编辑工作。
slide17
2 时间轴面板
  • 2.1 图层
  • 2.2 画格
slide18
2.2 画格
  • 时间轴面板上,一格一格的小方格就是画格(Frame)。由左至右连续播放画格的内容,就形成了Flash动画。
slide19
2.2 画格
  • 1. 修改画格的播放速率
  • 画格播放速率是指每秒钟播放的画面数,默认值是12fps(Frame Percent Second)。画格的播放速率影响动画的流畅性。一般来说在每秒钟播放的画格数越多(30帧以内)动画就越流畅,像卡通画一般是12fps,电影是24fps,PAL制式的电视是25fps,NTSC是30fps。
slide20
2.2 画格
  • 1.修改画格的播放速率
  • 如果我们想改变画格的播放速率,选择菜单“修改/文档”命令,或快捷键【Ctrl+M】,都可以打开如图所示的属性设置对话框。
slide21
2.2 画格
  • 2. 新增画格
  • 新建立的文件,默认情况下,只有一个画格。你可以根据自己动画的长度,来设定画格的数目,在需要设定画格长度的地方右击,在弹出菜单中选择“插入帧”命令或快捷键【F5】就可以增加画格。
  • 在当前层设定了一定长度的帧数后,在它之上新增的图层,会以它的长度为标准,自动设定画格的长度。
slide22
2.2 画格
  • 3. 选择画格
  • 选择画格:在编辑画格之前,需要选择画格。可以通过以下几种方式来选取画格。
  • (1) 用鼠标拖动选择连续的画格;
  • (2) 按住【Shift】键的同时,选择连续的画格;
  • (3) 按住【Ctrl】键的同时,选择不连续的画格;
  • (4) 选择图层,可以将该图层中的所有画格都选择;
  • (4) 选择物件,可以将与该物件有关的所有画格都选中。
slide23
2.2 画格
  • 4. 删除画格
  • 如果你确定要删除某些画格,可以先选择它们,然后右击,在弹出菜单中选择“删除帧”命令或快捷键【Shift+F5】。
flash3
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
3 flash
3 在Flash中创建图形基础
  • 在Flash中,当你所绘制的线条穿过别的线条或图形时,它会像刀一样把其他的线条或图形切割成不同的部分。同时,线条本身也会被其他线条和图形分成若干部分。
3 flash1
3 在Flash中创建图形基础
  • 在flash中,当在同一层中绘制图形时,如果图形之间有重叠部分,那么重叠部分将属于后绘制的图形,如图所示,后绘制的椭圆(也就是上面的椭圆)就把下面的椭圆的内容冲掉。
3 flash2
3 在Flash中创建图形基础
  • 在Flash中,对于绘制的图形,其描边和填充是分别独立的对象,可以进行单独操作。如图所示。
flash4
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
slide29
4 基本工具介绍
  • 4.1 绘画工具
  • 4.2 选择工具
  • 4.3 文字工具
  • 4.4 其它工具
slide30
4.1 绘画工具
  • 1. 直线工具
  • 直线工具【 】用来绘制直线,配合【Shift】键可以绘制水平、垂直和45度角的直线。对直线我们可以在如图所示的属性面板中设置其颜色、粗细和线型等属性。
slide31
4.1 绘画工具
  • 2. 椭圆工具和矩形工具
  • 椭圆工具【 】用来绘制椭圆和圆;矩形工具【 】用来绘制矩形和正方形。对于绘制的图形,除了有填充内容以外,还有描边设置。这里的描边设置和在直线中的设置相同。
slide32
4.1 绘画工具
  • 2. 椭圆工具和矩形工具
  • 而对于填充色的设定可在颜色面板中设置为单色、放射渐变、线性渐变、位图等。
slide33
4.1 绘画工具
  • 3. 使用铅笔工具
  • 如果鼠标使用比较熟练,在用铅笔工具【 】绘图时会感觉和用真正的铅笔差不多。 Flash还允许对所绘线条进行拉直或圆滑,拉直或圆滑的程度取决于所选绘图模式。
slide34
4.1 绘画工具
  • 4. 刷子工具
  • 在Flash中,对刷子工具【 】,除了可以设置像图形那样的颜色属性外,我们还可以设置如下属性:
  • 设置画笔模式:
  • 画笔的大小:
  • 画笔的形状:
  • 锁定填充:
slide35
4.1 绘画工具
  • 5. 墨水瓶工具
  • 在绘图工具栏中点选【 】进入墨水瓶涂色方式,这时图标也变为墨水瓶形状。单击线条,可以将其改为指定的颜色。其参数设置和直线设置相同。
  • 注意,墨水瓶工具不能改变图形的填充色。
slide36
4.1 绘画工具
  • 6. 颜料桶工具
  • 它的作用是使用单色、渐变色或位图对某一区域进行填充,和墨水瓶工具相对应的是它只能作用于填充区域而不能作用于线条。单击【 】进入颜料桶填色状态,除了设置和椭圆工具的填充颜色设置外,还可以设置空隙大小为:
  • 不封闭空隙
  • 封闭小空隙
  • 封闭中等空隙
  • 封闭大空隙
slide37
4.1 绘画工具
  • 7. 渐变变形工具
  • 渐变变形工具【 】用来对填充的渐变色进行变形,
slide38
4 基本工具介绍
  • 4.1 绘画工具
  • 4.2 选择工具
  • 4.3 文字工具
  • 4.4 其它工具
slide39
4.2 选择工具
  • 1. 选择工具【 】
  • (1) 选择并移动图形和线条。
slide40
4.2 选择工具
  • 1. 选择工具【 】
  • (2) 调整线条和图形的形状。如图所示,左边为没调整之前的形状,右边为调整后的形状。
slide41
4.2 选择工具
  • 2. 套索工具【 】
  • 单击绘图工具栏中的【 】进入套索选取状态。套索工具可以用来选取任何形状范围内的对象,相对于选择工具而言,套索工具在选择功能上更强一些。点住鼠标并绘制,象用铅笔工具那样绘出要选择的区域,可以不封闭,Flash将用直线来自动封闭。
slide42
4.2 选择工具
  • 2. 套索工具【 】
  • 在套索工具的选项中【 】为魔术棒工具,主要用于对位图进行操作,【 】为魔术棒参数设置选项,一共有两个参数,一个是阈值(Threshold),用于定义包括在选取范围内的相邻像素色值的接近程度,数值越高,可选取范围越宽,如果输入数值为0, 只有与你最先单击那一点的像素色值完全一致的像素才会被选中。另一个参数是平滑程度(Smoothing),用于定义位图边缘平滑到什么程度。 其选项包括Smooth,Pixels,Rough和Normal。【 】为多边形套索工具,可以绘制出边为直线的多边形选择区域,绘制时在顶点单击鼠标,在结束时双击鼠标即可。
slide43
4 基本工具介绍
  • 4.1 绘画工具
  • 4.2 选择工具
  • 4.3 文字工具
  • 4.4 其它工具
slide44
4.3 文字工具
  • 单击按钮【 】进入文字编辑状态,在属性面板上可以设置其参数。可以选择的设置包括字体、字号、颜色、加粗、倾斜和对齐方式等。
slide45
4 基本工具介绍
  • 4.1 绘画工具
  • 4.2 选择工具
  • 4.3 文字工具
  • 4.4 其它工具
slide46
4.4 其它工具
  • 除了我们上面介绍的这些工具外,其它一些工具像部分选取工具【 】、钢笔工具【 】、橡皮工具【 】、抓手工具【 】、缩放工具【 】等,它们的使用方法和Photoshop中的使用方法类同,这里就不再复述。
flash5
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
flash6
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
flash7
FLASH动画制作(一)
  • 1 认识界面
  • 2 时间轴面板
  • 3 在Flash中创建图形基础
  • 4 基本工具介绍
  • 5 Flash绘制图形(一)
  • 6 Flash绘制图形(二)
  • 7 编辑图形
slide52
7 编辑图形
  • 7.1 选择对象
  • 7.2 移动对象
  • 7.3 复制对象
  • 7.4 群组和分离
  • 7.5 变形对象
  • 7.6 分布和对齐
slide53
7.1 选择对象
  • 要对一个对象进行操作,应先选择它,选择的方式是用选择工具【 】然后进行以下操作:
  • (1) 对于没有交叉的线条,单击线条,可选择线条。
  • (2) 对于交叉的线条,双击线条会选择它和颜色一致的线条。
  • (3) 要选择多个线条可以用【Shift】键配合。
slide54
7.1 选择对象
  • (4) 对于没有分开的填充部分,单击可以选择。
  • (5) 对于有线条分开的填充,选择多个部分可以用【Shift】键配合。
  • (6) 无论是线条还是填充都可以在选择工具下用画选择框的方法来选择。
slide55
7 编辑图形
  • 7.1 选择对象
  • 7.2 移动对象
  • 7.3 复制对象
  • 7.4 群组和分离
  • 7.5 变形对象
  • 7.6 分布和对齐
slide56
7.2 移动对象
  • 在Flash中要移动对象可以用以下方法:
  • (1) 用选择工具
  • (2) 用信息面板
  • (3) 用属性面板
slide57
7 编辑图形
  • 7.1 选择对象
  • 7.2 移动对象
  • 7.3 复制对象
  • 7.4 群组和分离
  • 7.5 变形对象
  • 7.6 分布和对齐
slide58
7.3 复制对象
  • 在Flash中要复制对象可以用以下方法:
  • (1) 在移动的同时,配合【Alt】键可以移动并复制对象。
  • (2) 通过快捷键【Ctrl+C】复制对象、【Ctrl+V】粘贴对象。
  • (3) 用“变形”面板复制对象
slide59
7 编辑图形
  • 7.1 选择对象
  • 7.2 移动对象
  • 7.3 复制对象
  • 7.4 群组和分离
  • 7.5 变形对象
  • 7.6 分布和对齐
slide60
7.4 群组和分离
  • 群组对象的方法很简单,首先选中要群组的几个对象,然后选择菜单“修改”|“组合”命令,或快捷键【Ctrl+G】即可将图形组合成一个整体,群组后这几个图形就变为一个图形,当被选择时,被一个蓝色边框框住为群组对象,如图所示。
slide61
7.4 群组和分离
  • 分离对象是指将位图、文字或群组后的对象分离成一个一个的像素点或单个对象,以便对其中的一部分进行编辑。先选中要分离的对象,然后选择菜单“修改”|“分离”命令,或快捷键【Ctrl+B】分离对象。如图所示,为分离后可单独编辑的对象。
slide62
7 编辑图形
  • 7.1 选择对象
  • 7.2 移动对象
  • 7.3 复制对象
  • 7.4 群组和分离
  • 7.5 变形对象
  • 7.6 分布和对齐
slide63
7.5 变形对象
  • 1. 用选择工具【 】变形(对线条、填充区域等选择后反白显示的对象),如图所示,左边为变形前的效果,右边为变形后的效果。
slide64
7.5 变形对象
  • 2. 用部分选择工具变形【 】(对路径)如图所示,为用部分选择工具变形前、后效果。
slide65
7.5 变形对象
  • 3. 用任意变形工具【 】变形如图所示。
slide66
7.5 变形对象
  • 4. 用“变形”面板变形,这在前面以及讲过,在此不再重复。
  • 5. 用“信息”面板变形图形的精确宽和高,这在前面以及讲过,在此不再重复。
slide67
7 编辑图形
  • 7.1 选择对象
  • 7.2 移动对象
  • 7.3 复制对象
  • 7.4 群组和分离
  • 7.5 变形对象
  • 7.6 分布和对齐
slide68
7.6 分布和对齐
  • 在Flash中,分布和对齐对象可以采用对齐面板,如图所示。
slide69
7.6 分布和对齐
  • 先建立5个群组对象,如左图所示是分布和对齐前的对象情况;如图右所示是分布和对齐后的情况。