搜索
1Flashcs3二维动画设计与制作课时：2课时课题：Flash简介重、难点：Flash动画的特点Flashcs3的界面目的要求：了解Flashcs3动画发展史掌握cs3动画的特点教法：讲练结合过程：一、Flash动画的发展史Flash的前身是FutureWave公司的Futuresplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档，macromedia又被Adobe公司收购，最新版本为：AdobeFlashcs5，Flash通常也指MacromediaFlashPlayer，用于播放Flash文件。1998年5月31日推出Flash3.0，支持影片剪辑，Javascript插件，透明度和独立播放器，1999年6月进入Flash4.0，支持变量，文本输入框，流媒体Mp3，2000年8月24日，推出了Flash5.0，支持的播放器为FlashPlayer5，支持XML,Java，SmaotClip(智能影片剪辑)，Html文本格式的支持，之后Flash6.0。22002年推出FlashMx，播放器为FlashPlayer6.0；2003年8月推出FlashMx2004，播放器为FlashPlayer7；2005年10月推出Flash8.0，增强视频支持，改进动作脚本；2005年Adobe并购Macromedia，从此更名为AdobeFlashCS3；2008年底，推出Flashcs4；最近推出FlashCs5：Xfl格式（Flash专业版），文本布局，代码片断库…………二、Flash动画的特点：1、体积小：通过关键帧和组技术的使用使得生成的动画（.SWF）文件非常小，几K字节的动画即可实现令人生动的动画效果。2、矢量图系统：使用Flash创建的元素是用矢量来描述的，与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量。3、流式播放技术：动画可以边下载边播放。4、支持MP3数据流式音频：可将Mp3音频压缩格式，直接导入Flash中。5、增强的Flahs交互功能：增强对交互事件的动作控制，可更精准，更容易控制动画。三、FlashCS3的操作界面1、FlashCS3的操作界面由以下几部分组成：菜单栏、主工具栏、工具箱、时间轴、场景和舞台，属性面板以及浮动面板。32、菜单栏：文件、编辑、视图、插入、修改、文本、命令、控制、调试、窗口、帮助3、工具栏：在菜单栏的下面，有常用工具栏4、工具箱：工具区、查看区、颜色区、选项区5、时间轴：图层名称、关键帧、空白关键帧、播放头、帧、帧频率、运行时间……6、场景和舞台：场景名称、工作区、舞台、编辑场景、舞台比例……7、属性面板：窗口——属性8、浮动面板：颜色、库、对齐和变形（窗口—分别可调出各个面板）4四、FlashCs3的文件操作1、新建文件：文件——新建——Flash文档2、保存文件：文件——保存3、打开文件：文件——打开4、FlashCs3的系统配置：参数面板、设置浮动面板、历史记录面板（1）首选参数：编辑——首选参数——常规绘画、剪贴板……（2）浮动面板：窗口——颜色、混色器、对齐、变形…………（3）历史记录：窗口——其他面板——历史记录、五、小结：本次课主要介绍了Flash的发展史，Flash的特点以及Flash操作界面的认识，希望学生能充分的了解Flash这门课的基础，以便为以后的学习打下基础。六、作业：无七、优秀Flash网站推荐：（1）Flash官方中文网站：（2）闪客帝国：（3）闪吧：（4）闪客天地：（5）网易Flash欣赏站：（6）动漫世纪：课时：2课时课题：简单Flash动画的介绍重、难点：每个小动画里面所包含的动画原理、知识点以及Flash动画创作流程目的要求：通过学习简单小动画的制作方法来熟悉和适应Flash工作环境教法：讲练结合过程：一、复习：上次课我们介绍了Flash的发展史，Flash的特点以及一些简单的基本知识，并认识了Flash的工作环境和工作界面，希望同学们能在短时间内尽最大努力熟悉Flash人动画原理。二、新课：本次课学习两个简单的小动画，在此之前会让大家先熟悉Flash动画创作流程，大家在观察动画过程时注意观察其动画原理。1、制作流程:（1）前期策划：先明确制作动画的目的及达到的效果（2）准备素材：据策划内容绘制角色造型，背景及使用道具，搜集素材等，如：声音、图像……（3）制作动画：主要包括为角色造型添加动作，角色背景的合成，6声音与动画的同步。（4）后期调试：包括调试动画和测试动画调试动画：如动画片断的衔接，场景的切换，声音与动画的协调等进行调整，使整个动画播放流畅测试动画：指最终播放效果，网上播放效果进行检测（5）发布作品：将其导出或发布为.Swf格式的影片2、制作一个物体的变形动画(圆形变五角星)方法：（1）打开Flash程序（开始——程序——micromedia——micromediaFlash8.0）（2）在时间轴上的第一帧位置，利用椭圆工具画一个圆形，颜色任意填充（3）在50帧的位置右击鼠标——插入空白关键帧——再用矩形工具绘制一个五角星的形状（注：两个图形分别放大不同的位置，即不要让他们重合）（4）在第1帧——50帧之间任意帧位置上定位光标——属性面板——补间——形状补间——按键盘组合键Ctrl+Enter测动画补间——试动画，即可看到图形从圆形变为五角星形的动画效果。73、在第1个动画的基础上，做一个文字由变大的动画效果。方法：（1）在第1个动画效果上，新建一个图层（图层2）（2）利用文字工具（文本工具A）输入文本“形状变化”四个字，放在第1帧（3）在第2层的50帧位置上右击鼠标——插入关键帧——把文字用任意变形工具放大到一定程度（4）在第2层第1帧——50帧之间任意位置定位光标——属性面板——补间——动作补间——按键盘Ctrl+Enter播放动画，即可看到两个物体的不同变化（图层1的形状变化及图层2的文字由小变大效果）三、扩展知识：通过上面2个小动画引出一个新的知识点1、图层：用于存放不同的动画效果而准备的，不同的制作过程放在不同的层上可避免在修改作品时方便、简捷且不会影响同8一个动画中其他层的内容。2、文本工具：即在舞台上编辑文字的工具（A）3、补间动画：包括形状补间和动画补间动画。四、小结：本次课旨在介绍Flash动画的创作流程及动画的基本操作原理，通过2个小动画来让学生更有兴致来学习Flash动画。五、作业：课堂作业（分别一个形状补间动画和一个动画补间动画）