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