Flash-基础与应用整套ppt课件完整版教学教程最全电子讲义(最新).ppt
《Flash-基础与应用整套ppt课件完整版教学教程最全电子讲义(最新).ppt》由会员分享,可在线阅读,更多相关《Flash-基础与应用整套ppt课件完整版教学教程最全电子讲义(最新).ppt(460页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、Flash 基础与应用精品教程第1章 从零起步 n关于Flash动画nFlash动画创作流程n初识Flash CS31.1 关于Flash动画1.1.1Flash动画的应用领域 目前,Flash被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示和电子相册等领域。Flash制作的网站欢迎页 Flash音乐动画 多媒体教学课件 Flash游戏1.1.2Flash动画的特点n从动画组成来看:从动画组成来看:Flash动画主要由矢量图形组成。n从动画发布来看:从动画发布来看:在导出Flash动画的过程中,程序会压缩、优化动画组成元素。n从动画播放来看:从动画播放来看
2、:发布后的.swf动画影片具有“流”媒体的特点。n从交互性来看:从交互性来看:可以通过为Flash动画添加动作脚本使其具有交互性。n从制作手法来看:从制作手法来看:Flash动画的制作比较简单。n从制作成本来看:从制作成本来看:用Flash软件制作动画可以大幅度降低制作成本。1.1.3 优秀Flash网站推荐http:/搜狐动漫频道http:/Flash动画城http:/动漫世纪http:/网易Flash欣赏站http:/闪客天地http:/闪吧http:/闪客帝国http:/ 如何欣赏Flash作品 如果不小心将Flash Player播放器卸载了,可以通过下面的方法重新安装:安装Flash
3、 Player播放器1.打开Flash Player播放器所在的文件夹2.双击“Install Flash Player 9 ActiveX.msi”文件 1.2 Flash动画创作流程1.2.1 前期策划 在着手制作动画前,我们应首先明确制作动画的目的以及要达到的效果。然后确定剧情和角色,有条件的话可以请别人编写剧本。准备好这些后,还要根据剧情确定创作风格。1.2.2 准备素材 做好前期策划后,便可以开始根据策划的内容绘制角色造型、背景以及要使用的道具。当然,也可以从网上搜集动画中要用到的素材,比如声音素材、图像素材和视频素材等。1.2.3 制作动画 一切准备就绪就可以开始制作动画了。这主要
4、包括为角色造型添加动作、角色与背景的合成、声音与动画的同步等。1.2.4 后期调试 后期调试包括调试动画和测试动画两方面。调试动画主要是对动画的各个细节,例如动画片断的衔接、场景的切换、声音与动画的协调等进行调整,使整个动画显得流畅、和谐。在动画制作初步完成后便可以调试动画以保证作品的质量。测试动画是对动画的最终播放效果、网上播放效果进行检测,以保证动画能完美地展现在欣赏者面前。1.2.5 发布作品 动画制作好并调试无误后,便可以将其导出或发布为.swf格式的影片,并传到网络上供人们欣赏及下载。1.3 初识Flash CS3 1.3.1 启动Flash CS3启动Flash CS3Flash
5、CS3开始页ActionScript 3.0主要是针对Flash编程用户开发。进行动画制作我们通常选择ActionScript 2.0单击“打开”选项,可以打开已有的Flash文档在这里单击相应的选项,可以使用系统自带的一些模板制作Flash动画1.3.2 Flash CS3工作界面 标题栏菜单栏工具箱主工具栏时间轴文档选项卡舞台编辑栏控制面板1文档选项卡 当打开多个Flash文档时,文档选项卡可用来在各个文档之间快速切换。此外,用鼠标右击文档选项卡,从弹出的快捷菜单中可以快速执行新建、打开、关闭、保存文档等操作。使用文档选项卡 1.右键单击文档选项卡2.在弹出的菜单中选择相关命令2时间轴 时
6、间轴面板用于组织动画内容。它包括图层和时间帧两部分。时间轴面板 播放头图层区时间帧标尺 每个图层都有独立的时间帧3工具箱 利用工具箱中的工具可以在舞台上绘制和编辑动画需要的图形。4舞台 舞台也被称为场景,它是用户创作作品的编辑区,时间轴上的内容大多数都在舞台上制作和编辑。位于舞台外的内容在播放动画时不会被显示。n“属性属性”面板:面板:使用“属性”面板可以方便地查看和更改当前选定项的属性。n“颜色颜色”面板:面板:用来设置图形填充色或线条颜色。n“库库”面板:面板:保管Flash动画素材的仓库。n“动作动作”面板:面板:用来查看、输入或编辑选定项上的动作脚本。5常用面板典型实例调整工作界面1.
7、选择“窗口”“面板名称”菜单可打开相应面板打开“动作”面板 关闭面板2.单击面板右上角的“关闭”按钮,可关闭面板隐藏面板 显示面板3.单击标题栏上的“最小化”按钮,可隐藏面板4.单击标题栏上的“还原”按钮,可显示面板 切换工具箱状态 折叠/展开面板5.单击工具箱左上角的“折叠”按钮 或“展开”按钮 ,可使工具箱在单列和双列之间切换6.单击面板组右上角的“折叠”按钮 或“展开”按钮 ,可使面板组在图标状态和打开状态之间切换单击图标打开相应面板 显示/隐藏主工具栏7.在面板组处于图标状态时,单击图标可打开相应面板8.选择“窗口”“工具栏”“主工具栏”菜单,可以显示或隐藏主工具栏“保存工作区布局”对
8、话框 打开保存的工作界面9.选择“窗口”“工作区”“保存当前”菜单,在打开的“保存工作区布局”对话框中输入名称,然后单击“确定”按钮,可保存调整好的工作界面10.选择“窗口”“工作区”“工作区名称”菜单,可打开保存的工作界面第2章 快速上手制作一个简单动画nFlash动画制作入门nFlash动画制作快速上手n制作一个简单动画小胖跑步2.1 关于Flash动画2.1.1 Flash动画制作原理小汽车启动的动画1.在第1帧上绘制一辆小汽车2.在第2帧插入关键帧,然后将小汽车向上稍微移动。此时循环播放,就会形成小汽车启动的动画2.1.2 动画组成元素n矢量图形:矢量图形:矢量图形是Flash动画最基
9、本的组成元素。n位图图像:位图图像:除了自己绘制图形外,还可以从外部收集并导入位图图像,适当修改后加入到动画中。n声音:声音:可以从外部收集并导入声音文件,加入到Flash动画中。n视频:视频:可以从外部收集并导入视频文件,加入到Flash动画中。2.2 Flash动画制作快速上手2.2.1 新建、保存和打开文档1新建文档 要制作动画,首选需要创建一个新文档。创建新文档的方法有以下几种:n通过单击开始业中的“Flash文件(ActionScript 3.0)”或“Flash文件(ActionScript 2.0)”按钮。n在Flash工作界面中选择“文件”“新建”菜单或按快捷键【Ctrl+N】
10、。n在Flash工作界面中右击文档选项卡,选择“新建”菜单项。2保存文档 选择“文件”“保存”菜单,或按下快捷键【Ctrl+S】,打开“另存为”对话框。“另存为”对话框n启动Flash时,在开始页左侧的“打开最近的项目”下单击要打开的文档名称。n选择“文件”“打开”菜单,或按快捷键【Ctrl+O】,在打开的“打开”对话框中找到并选择要打开文档,单击“打开”按钮。n打开存放文档的文件夹,然后双击文档图标。3打开文档下面是打开Flash文档的几种方法:2.2.2 设置文档属性单击“文档属性”按钮 “文档属性”对话框打开“属性”面板,单击“文档属性”按钮在打开的“文档属性”对话框中设置舞台尺寸、背景
11、颜色,以及动画帧频等2.2.3 舞台的设置1放大和缩小舞台n使用“缩放工具”在舞台上单击可放大显示比例,在按下【Alt】键后单击可缩小显示比例。n使用“缩放工具”在舞台上按住鼠标左键并拖动,拖出一个矩形框,矩形内的区域将填满整个窗口。n选择“视图”“缩放比率”“符合窗口大小”菜单,或双击工具箱中的“手形工具”,可使舞台完全适合给定的窗口空间。n选择“视图”“缩放比率”“显示全部”菜单,可以显示当前帧中的全部内容,包括舞台外的对象。n要显示整个舞台,可选择“视图”“缩放比率”“显示帧”菜单。n单击编辑栏右侧的“缩放”三角箭头,可在打开的下拉列表中选择不同的显示比例和命令,快速调整舞台大小。2移动
12、舞台 将舞台放大后,如果想查看没有被显示的区域,可拖动舞台下方或右侧的滚动条;也可以选择工具箱中的“手形工具”,然后在舞台上按住鼠标左键并拖动。3使用网格、标尺和辅助线网格的使用方法如下:显示网格线 “网格”对话框1.选择“视图”“网格”“显示网格”菜单,或按快捷键【Ctrl+“】,可显示或隐藏网格2.选择“视图”“网格”“编辑网格”菜单,在打开的“网格”对话框中设置网格线的颜色、网格间的距离以及对象是否贴紧网格对齐等标尺和辅助线的使用方法如下:使用辅助线 “辅助线”对话框 1.选择“视图”“标尺”菜单显示标尺,在舞台上方或左侧的标尺上按住鼠标左键并拖动,即可拖出水平或垂直辅助线2.选择“视图
13、”“辅助线”“编辑辅助线”菜单,在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数2.2.4 绘画工具的使用1认识绘图工具 工具箱“工具”区中包含了常用的绘图工具“察看”区中包含了察看舞台的工具在“颜色”区中可设置“填充颜色”和“笔触颜色”“选项”区用于设置所选工具的一些属性2使用绘图工具选择矩形工具 拾色器1.根据绘制需要,在工具箱中单击选择相应的绘图工具,如选择“矩形工具”2.单击工具箱底部的“笔触颜色”按钮或“填充颜色”按钮,可在弹出的“拾色器”中设置图形轮廓线的颜色或填充颜色“矩形工具”的“属性”面板利用“矩形工具”绘制的图形3.打开“属性”面板,设置所选工具的相关属性4.设
14、置好参数后,在舞台上按住鼠标左键并拖动即可绘制矩形2.2.5 关键帧、普通帧和空白关键帧时间轴面板关键帧普通帧空白关键帧1关键帧编辑关键帧上的内容关键帧是可以直接在舞台上编辑其内容的帧。当需要向某一关键帧添加内容或编辑帧中的内容时,可先在该帧处单击以将播放头将转到这里2普通帧 普通帧的作用是延伸关键帧上的内容。插入普通帧的方法是右击需要添加普通帧的空白帧,在弹出的快捷菜单中选择“插入帧”菜单项,或者单击选中要添加普通帧的空白帧,按【F5】键即可。3添加关键帧 用鼠标右击要插入关键帧的空白帧或普通帧,从弹出的快捷菜单中选择“插入关键帧”菜单项,或者单击选中要插入关键帧的空白帧或普通帧,按【F6】
15、键即可在该处插入关键帧。插入关键帧后,前一个关键帧上的内容会自动延伸到插入的关键帧上,而且在两个关键帧之间会自动生成普通帧。2.2.6 元件的类型和特点n可以重复使用元件,而不会增加Flash文件大小。n使复杂的动画制作变得简单,轻松制作合成动画。n在制作交互式动画时,也需要使用元件。例如利用按钮控制动画的播放,就需要制作按钮元件。1元件的作用2元件的类型n图形元件:图形元件:用于制作可重复使用的静态图像,以及附属于主影片时间轴的可重复使用的动画片段。n按钮元件:按钮元件:用于创建响应鼠标单击、滑过或其他动作的交互按钮。n影片剪辑元件:影片剪辑元件:用来制作可重复使用的、独立于主影片时间轴的动
16、画片段。3元件的创建与使用“创建新元件”对话框“转换为元件”对话框按下快捷键【Ctrl+F8】,在弹出的“创建新元件”对话框中选择元件类型并输入元件名称即可创建一个空白元件。选中舞台上的对象后,按下【F8】键,在弹出的“转换为元件”对话框中选择元件类型并输入元件名称。2.2.7 逐帧动画和补间动画1逐帧动画逐帧动画逐帧动画是指在连续的关键帧上绘制或放置不同的对象,当播放头在各关键帧之间快速移动的时候,利用人的视觉残象形成流畅的动画效果2补间动画 补间动画是在制作好前后两个关键帧上的画面后,由Flash通过计算自动生成中间各帧,使得画面从一个关键帧渐变到另一个关键帧形成的动画。在补间动画中,Fl
17、ash存储的仅仅是关键帧上的内容。因此,补间动画的文件容量很小。3创建一个补间动画将小蜜蜂移动到舞台左侧外 插入关键帧 1.打开素材文档后,将舞台上的小蜜蜂移动到舞台左侧外 2.在第30帧 插入关键帧将小蜜蜂移动到舞台右侧外 创建补间动画3.将第30帧上的小蜜蜂水平移动到舞台右侧外4.在第1帧与第30帧之间的任一帧上右击鼠标,在弹出的快捷菜单中选择“创建补间动画”菜单,即可创建一个动作补间动画2.2.8 操作的撤销和恢复n选择“编辑”“撤销”菜单,或按快捷键【Ctrl+Z】可撤销前一步操作,重复执行可撤销多步操作;选择“编辑”“重复”菜单,或按快捷键【Ctrl+Y】可恢复撤销的操作。n单击主工
18、具栏上的“撤销”按钮 可撤销前一步操作;单击主工具栏上的“重做”按钮 可恢复撤销的操作。2.3 制作一个简单动画小胖跑步 小胖跑步 本例操作步骤可参考视频:2-1.avi。第3章图形制作(上)妙笔生花 n绘制和调整线条n绘制几何图形n绘制平滑曲线n用“刷子工具”绘制图形n“文本工具”的使用n在Flash CS3中绘图的一些必要补充3.1 绘制和调整线条3.1.1 使用“线条工具”设置“线条工具”属性 “笔触样式”对话框选择“线条工具”后,可在“属性”面板中设置线条的“笔触颜色”、“笔触高度”、“笔触样式”等属性单击“属性”面板中的“自定义”按钮 ,可以在打开的“笔触样式”对 话框中对笔触样式进
19、行详细设置绘制线条 火箭在舞台中按住鼠标左键并拖动,即可绘制直线利用“线条工具”绘制的火箭3.1.2 使用“铅笔工具”选择铅笔模式 “铅笔工具”的“属性”面板1.选中“铅笔工具”后,可在工具箱的“选项”区选择铅笔模式2.在“属性”面板中设置“铅笔工具”的参数使用3种模式绘制的图形 直线化 平滑 墨水3.1.3 使用“选择工具”调整线条 调整曲线形状 选择“选择工具”后,将鼠标移到图形或线条边缘,当光标变为 形状时,单击并拖动可调整图形形状。如果光标所在位置存在拐点,光标将呈 形状,此时单击并拖动可拉出一个拐角。拖动拐点改变图形形状 如果图形是开放图形,则可以通过单击图形端点并拖动来拉长或缩短图
20、形的长度,或者改变图形的形状。改变开放图形形状典型实例打鱼小船打鱼小船 本例操作步骤可参考视频:3-1.avi。3.2 绘制几何图形3.2.1 使用“矩形工具”利用“矩形工具”可以绘制矩形、正方形和圆角矩形。“矩形工具”的“属性”面板在此可设置边框属性在此可设置“矩形工具”的填充颜色在此输入数值可绘制圆角矩形,0表示绘制普通矩形,值越大,圆角矩形的半径越大。单击小锁标志,可分别设置4个角的半径 设置好参数后,将光标移动到舞台中,按住鼠标左键并拖动,即可绘制矩形或圆角矩形。在拖动鼠标的同时按住【Shift】键,可绘制正方形。绘制矩形、正方形和圆角矩形3.2.2 使用“基本矩形工具”“基本矩形工具
21、”的使用方法与“矩形工具”基本一样。不同的是,用“基本矩形工具”绘制的图形是一个整体,不方便使用“选择工具”调整形状,但可以使用“选择工具”拖动边角上的节点,改变圆角矩形的弧度。改变圆角矩形的弧度3.2.3 使用“椭圆工具”利用“椭圆工具”可以绘制出正圆、椭圆、扇形、弧线和带有空心圆的扇形等。“椭圆工具”的“属性”面板在此输入相关数值,可绘制扇形、弧线和带有空心圆的扇形等。若不输入任何数值,绘制的是普通椭圆绘制椭圆形、正圆形在拖动鼠标的同时按住【Shift】键,可绘制正圆绘制扇形、弧线和带有空心圆的扇形在“起始角度”和“结束角度”文本框中输入起始和结束角度可以绘制扇形在“内径”文本框中输入正值
22、,并勾选“闭合路径”复选框,可以绘制带有空心圆的椭圆或扇形取消选取“闭合路径”复选框,绘制出来的是弧线3.2.4 使用“基本椭圆工具”“基本椭圆工具”的使用方法与“椭圆工具”基本一样。不同的是,用“基本椭圆工具”绘制的图形是一个整体。使用“选择工具”拖动椭圆外围的节点,可以改变椭圆起始角度和结束角度;使用“选择工具”拖动椭圆内部的节点,可改变内径。拖动椭圆外围和内部的节点3.2.5 使用“多角星形工具”利用“多角星形工具”可以绘制多边形和星形。设置“多角星形工具”属性单击“选项”按钮 会打开“工具设置”对话框在此处可设置绘制多边形还是星形在此处可设置多边形和星形的边数此选项只对星形起作用,可设
23、置星形顶点的大小利用“多角星形工具”绘制的多边形和星形“星形顶点大小”为1的五角星“星形顶点大小”为0.1的五角星典型实例小鳄鱼 小鳄鱼 本例操作步骤可参考视频:3-2.avi。3.3 绘制平滑曲线3.3.1 使用“钢笔工具”使用“钢笔工具”可以绘制直线线段和曲线,而通过调节曲线的曲率绘制平滑的曲线是它的强项。“钢笔工具”的“属性”面板1.在“属性”面板中设置“钢笔工具”的参数确定起始描点 绘制直线路径 调整调节杆2.将光标移动到舞台上的适当位置并单击,确定起始描点3.将光标移动到舞台的另一处,单击创建第二个描点,两个描点位置之间会出现一条路径3.在另一点按住鼠标左键向任意方向拖动,可拖出一个
24、调节杆,向任意方向拖动调节杆,可调整曲线弧度创建封闭路径 将路径转换为线条 4.将光标移动到起始描点处,当光标呈 形状时单击,可创建封闭路径5.路径绘制完成后,在工具箱中选择除“钢笔工具”组以外的任意工具,即可将路径转换为线条3.3.2 使用“部分选取工具”利用“部分选取工具”可以方便地移动线条上的锚点位置和调整曲线的弧度。单击显示图形线条的锚点 移动锚点 1.选择“部分选取工具”,然后将光标移到线条上并单击,可显示出该图形线条上的锚点2.将光标移动到锚点上,然后按住鼠标左键并拖动,可移动锚点位置调整曲线路径的弧度3.单击曲线描点,在描点两侧会出现调节杆,拖动调节杆可调整曲线路径的弧度4.在拖
25、动的同时按住【Alt】键,可单独调整一边的调节杆3.3.3 使用“添加锚点工具”和“删除锚点工具”利用“添加锚点工具”和“删除锚点工具”,可以在路径上添加锚点或删除已有的锚点,从而更加方便调整图形形状。添加锚点 删除锚点选择“添加锚点工具”在路经上单击,可添加锚点 选择“删除锚点工具”在锚点上单击,可删除锚点3.3.4 使用“转换锚点工具”利用“转换锚点工具”可以实现曲线锚点与直线锚点间的切换。将曲线锚点转换为直线锚点1.选择“转换锚点工具”,然后将光标移到线条上并单击,可显示出该线条的锚点2.将光标移到曲线锚点上并单击,即可将曲线锚点转换为直线锚点 将直线锚点转换为曲线锚点 单独调整一边的调
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 基础 应用 整套 ppt 课件 完整版 教学 教程 电子 讲义 最新
限制150内