FLASH贺卡设计与制作 全书课件电子教案汇总.pptx
《FLASH贺卡设计与制作 全书课件电子教案汇总.pptx》由会员分享,可在线阅读,更多相关《FLASH贺卡设计与制作 全书课件电子教案汇总.pptx(109页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、项目三 ActionScript 应用基础任务3.1 项目分解星光闪烁效果1、影片剪辑的属性设置2、影片剪辑的复制方法任务目标任务目标一任务重点、难点、课时安排二 【任务重点】脚本的使用 【任务难点】影片剪辑的控制 【课时安排】共计:2学时学习过程三1、知识讲解2、步骤详解3、任务小结4、任务评价知识讲解11ActionScript的功能ActionScript是Flash内置的编程语言,用它进行动画编程,可以实现各种动画特效、对影片的良好控制、强大的人机交互以及与网络服务器的交互功能。它的存在确保了Flash影片与普通的按照线性模式播放的动画相比,具备强大得多的人机交互能力。2ActionS
2、cript的编程环境“动作面板”是Flash提供的用户编写ActionScript脚本的工具。单击“窗口”|“动作”命令或按F9可以打开“动作面板”。动作面板包括三个组成部分:(1)脚本元素列表区(2)脚本编辑区(3)参数设置区知识讲解13ActionScript的语法(1)脚本的存放位置(2)脚本的执行方式与活动时间段(3)理解对象、属性、事件、方法、动作与事件句柄步骤详解21、建立影片剪辑元件,制作星光闪烁效果。2、添加脚本程序。步骤详解2案例效果如图所示:任务小结3本任务是使用ActionScript制作星光闪烁的动画。通过本次任务,要求掌握影片剪辑的制作,影片剪辑的复制以及控制。在操作
3、过程中,除了考核记录学生的个人完成情况,还特别考评了学生的审美能力,将综合效果作为考评结果。任务评价4评价项目评价标准满分得分自评教师评素材准备情况掌握素材的搜集渠道,并能解决本项目所需完成的任务10软件操作能力在实际操作过程中对软件使用的熟练程度,是否能在规定时间内完成作品的制作20动画设计能力在实际操作过程中的动画设计能力,能否能够根据项目需求,设计合适的动画30举手发言在教学课程中能积极参加讨论,提出自己的看法和见解10完成作品质量动画作品完成之后的效果,是否达到项目要求,色彩搭配合理,动画设计合理。30总分100项目三 ActionScript 应用基础任务3.2 项目分解影片播放控制
4、任务目标任务目标一1、熟悉AS的编程语法2、掌握影片播放控制3、掌握场景切换的方法任务重点、难点、课时安排二 【任务重点】影片的播放控制 【任务难点】AS的编程语法 【课时安排】共计:2学时学习过程三1、知识讲解2、步骤详解3、任务小结4、任务评价1时间轴控制函数时间轴控制函数主要用来控制帧和场景的播放、停止及跳转等,这类函数包括如下几种:stop();play();gotoAndPlay();gotoAndStop();nextFrame();prevFrame();nextScene();prevScene()(1)stop和play函数stop():暂停当前动画的播放,使播放头停止在当前
5、帧。play():如果当前动画暂停播放,而且动画并没有播放完时,从播放头停止处继续播放动画。(2) gotoAndPlay和gotoAndStop函数gotoAndPlay(scene,frame):指定跳转到某个帧开始播放动画,参数scene是设置开始播放的场景,如果省略scene参数,则默认当前场景;参数frame是指定播放的帧号。知识讲解1gotoAndStop(scene,frame):这条函数是指定跳转至动画的指定帧并停止在该帧。(3)nextFrame和prevFrame函数nextFrame()功能:播放动画的下一帧,并停在下一帧。prevFrame()功能:播放动画的前一帧,并
6、停在前一帧。(4)nextScene和prevScene函数nextScene()功能:使动画进入下一场景的第1帧,并继续播放动画。prevScene()功能:使动画进入前一场景的第1帧,并继续播放动画。知识讲解11)将前面所做的图层均在第85帧终止,在其中任意一层的最后一帧插入关键帧(本例在“文字按钮”层插入),在该关键帧上点击鼠标右键,在弹出的菜单中选择“动作”,添加代码:stop();如图所示。步骤详解22)在“星光闪烁”图层上新建图层“背景2”,在第86帧处插入关键帧,将“背景”层的第一帧拷贝到该帧上。步骤详解23)在“背景2”图层上分别新建图层“雪景”、“雪人”,“月亮”,分别在第8
7、7帧处插入关键帧,绘制如图3所示的雪景。步骤详解24)在菜单中点击【插入】【新建元件】,选择类型为“影片剪辑”,名称为“飘动的雪花”,进入该元件编辑界面,导入雪花素材,运用之前学习的引导线动画制作雪花飘动效果。并在该元件图层的最上面新建名称为“AS”的图层,在该元件的最后一帧插入关键帧,并在该关键帧上加入代码:如图4所示。this.removeMovieClip();该代码的作用在于在雪花飘动的最后,删除自己。步骤详解25)在菜单中点击【插入】【新建元件】,选择类型为“影片剪辑”,名称为“雪花复制”,在该元件的图层一中,拖入刚刚创建的“飘动的雪花” 影片剪辑,并在属性面板中将该影片剪辑命名为“
8、sn”。然后,新建图层,命名为“AS”,在该图层的第一帧插入关键帧,添加复制雪花的代码,如图6所示,实现“飘动的雪花”影片剪辑的复制,达到雪花纷飞的效果。步骤详解26)在场景的“月亮”图层上新建图层“雪花”, 在第87帧处插入关键帧,在该关键帧中拖入刚刚制作的“雪花复制” 影片剪辑,调整影片剪辑的位置。步骤详解27)在菜单中点击【插入】【新建元件】,选择类型为“按钮”,名称为“按钮”,创建按钮元件,进入按钮元件编辑场景,在“指针经过”帧插入关键帧,将前面制作的“鼠标停留效果”拖动到该关键帧上,将按钮拖动到场景文字“Merry christmas”上面,按Ctrl+Enter键测试影片,当鼠标移
9、动“Merry christmas”上时,就会出现星星闪烁效果。步骤详解28)点击选中场景中的按钮,右键点击,选中菜单中的“动作选项”,添加代码,如图9所示。按Ctrl+Enter键测试影片,当鼠标移动到按钮上,点击鼠标,画面即切换到第二场景,实现场景间的切换.步骤详解2本任务是使用ActionScript制作雪花飘落效果和控制影片播放效果。通过本次任务,要求掌握影片剪辑的制作,影片剪辑的复制以及控制、影片的跳转等。在操作过程中,除了考核记录学生的个人完成情况,还特别考评了学生的审美能力,将综合效果作为考评结果。任务小结3评价项目评价标准满分得分自评教师评素材准备情况掌握素材的搜集渠道,并能解
10、决本项目所需完成的任务10软件操作能力在实际操作过程中对软件使用的熟练程度,是否能在规定时间内完成作品的制作20动画设计能力在实际操作过程中的动画设计能力,能否能够根据项目需求,设计合适的动画30举手发言在教学课程中能积极参加讨论,提出自己的看法和见解10完成作品质量动画作品完成之后的效果,是否达到项目要求,色彩搭配合理,动画设计合理。30总分100任务评价4项目三 ActionScript 应用基础任务3.3 项目分解鼠标跟随效果任务目标任务目标一1、鼠标跟随的效果设置2、按钮上添加ActionScript代码的方法任务重点、难点、课时安排二 【任务重点】鼠标跟随的效果设置 【任务难点】按钮
11、添加AS代码的方法 【课时安排】共计:2学时学习过程三1、知识讲解2、步骤详解3、任务小结4、任务评价5、课后思考1拖拽函数StartDrag鼠标跟随效果就是在舞台中元件跟随鼠标移动的效果,主要用到的函数是StartDrag,以下就该函数的使用方法进行介绍:命令格式: StartDrag(拖动的影片剪辑,是否锁定到鼠标位置中央,左, 上,右,下)或写为要拖动的影片剪辑.StartDrag(是否锁定到鼠标位置中央,左,上,右,下) 。命令讲解:在制作动画的过程中,上面两种书写方法可任选一种。其中内的为可选参数,可以写,也可以不写。左,上,右,下四个参数是用来控制被拖对象的移动范围。2停止拖拽命令
12、 命令格式: 被拖动的影片剪辑实例名.stopDrag() 这样就可以停止对对象的拖拽动作。知识讲解11)在菜单中点击【插入】【新建元件】,选择类型为“影片剪辑”,名称为“Merry Christmas”,创建影片剪辑元件,进入影片剪辑元件编辑场景,在其中输入“Merry christmas”文字。步骤详解22)在菜单中点击【插入】【新建元件】,选择类型为“影片剪辑”,名称为“鼠标跟随”,创建影片剪辑元件,进入影片剪辑元件编辑场景。步骤详解23)在“鼠标跟随”元件的第一图层中拖入刚刚完成的“Merry christmas”元件,并将该元件命名为“mc”。步骤详解24)在“鼠标跟随”元件中新建图
13、层,命名为“AS”,在该图层的第一帧插入关键帧,右键点击,选中菜单中的“动作”选项,添加代码.按Ctrl+Enter键测试影片,点击“Merry christmas”进入第二场景,即可看到“Merry christmas”字幕随着鼠标移动。步骤详解2本任务是使用ActionScript制作雪花飘落效果和控制影片播放效果。通过本次任务,要求掌握影片剪辑的制作,影片剪辑的复制以及控制、影片的跳转等。在操作过程中,除了考核记录学生的个人完成情况,还特别考评了学生的审美能力,将综合效果作为考评结果。任务小结3评价项目评价标准满分得分自评教师评素材准备情况掌握素材的搜集渠道,并能解决本项目所需完成的任务
14、10软件操作能力在实际操作过程中对软件使用的熟练程度,是否能在规定时间内完成作品的制作20动画设计能力在实际操作过程中的动画设计能力,能否能够根据项目需求,设计合适的动画30举手发言在教学课程中能积极参加讨论,提出自己的看法和见解10完成作品质量动画作品完成之后的效果,是否达到项目要求,色彩搭配合理,动画设计合理。30总分100项目评价4 请运用StartDrag完成以下场景中“loading”字母鼠标跟随效果。课后思考5项目三 ActionScript 应用基础任务3.4 项目分解音乐的控制任务目标任务目标一掌握声音的控制相关函数和方法任务重点、难点、课时安排二 【任务重点】声音的控制相关函
15、数和方法 【任务难点】声音的控制相关函数和方法 【课时安排】共计:2学时学习过程三1、知识讲解2、步骤详解3、任务小结4、任务评价5、课后思考声音的控制相关函数及方法该构造函数可以用来为指定的影片剪辑创建新的Sound对象。my_sound=new Sound(目标);Sound.attachSound方法该方法用于将指定的声音附加到指定的Sound对象。该声音必须位于当前影片的库中,并且必须已经在“链接属性”对话框中指定导出。必须调用Sound.start()才开始播放此声音。my_sound.attachSound(“id名称”)Sound.start方法该方法用于从开头开始播放(如果未指
16、定声音的播放开始点)最后附加的声音,或者从指定的声音处开始播放。其用法为:my_sound.start(秒偏移量,循环);秒偏移量:可选参数,通过该参数可以指定从特点开始播放声音。知识讲解1Sound.stop方法该方法用于停止当前播放的声音,或者只停止播放指定的声音。其用法为:my_sound.stop(“id名称”);id名称:可选参数,指定特定声音停止播放。Sound.setVolume方法用来设置音量。其用法为:my_sound.setVolume(音量);音量:一个0-100之间的数字,表示音量级别。100为最大音量,而0为没有音量。Sound.position属性该属性为声音已播放
17、的毫秒数。Sound.onSoundComplete处理函数声音播放完时自动调用。其用法:mysound.onSoundComplete = function() 程序体知识讲解11)点击【文件】【导入】【导入到库】,将圣诞歌曲“sound.mp3”导入到库中,如图1所示。2)选中库中的声音文件, 单击鼠标右键, 在弹出的菜单中选择“属性”,将会弹出一个对话框,请勾选“为Actionscript导出”和“在帧1中导出”选项,并输入一个标识符:music,如图2所示。步骤详解23)回到主舞台,新建图层,命名为“声控”,在第86帧插入关键帧,单击鼠标右键,在弹出的菜单中选择“动作”, 输入图所示脚
18、本。步骤详解24)回到主舞台,新建图层,命名为“按钮”,在第86帧插入关键帧,拖入2个声音控制按钮,分别为播放按钮和停止按钮,如图所示。步骤详解25)右键点击播放按钮,在弹出的菜单中选择“动作”, 输入以下脚本:on (release) sound.start();6)右键点击停止按钮,在弹出的菜单中选择“动作”, 输入以下脚本:on (release) sound.stop();7)按Ctrl+Enter键测试影片,点击“Merry christmas”进入第二场景,即可听到“Merry christmas”音乐播放,点击停止按钮,音乐停止,点击播放按钮,音乐再次播放。步骤详解2本任务是使用
19、ActionScript控制声音的播放和停止。通过本次任务,要求掌握动画中声音的添加,声音效果的控制。在操作过程中,除了考核记录学生的个人完成情况,还特别考评了学生的审美能力,将综合效果作为考评结果。任务小结3评价项目评价标准满分得分自评教师评素材准备情况掌握素材的搜集渠道,并能解决本项目所需完成的任务10软件操作能力在实际操作过程中对软件使用的熟练程度,是否能在规定时间内完成作品的制作20动画设计能力在实际操作过程中的动画设计能力,能否能够根据项目需求,设计合适的动画30举手发言在教学课程中能积极参加讨论,提出自己的看法和见解10完成作品质量动画作品完成之后的效果,是否达到项目要求,色彩搭配
20、合理,动画设计合理。30总分100项目评价4 本按钮运用Sound类实现了声音的播放与停止,在实际创作中,我们还经常会用到暂停的功能,如在本案例添加暂停按钮,应该如何实现暂停功能?课后思考5多媒体动画设计FLASH 贺卡设计与制作-新年贺卡一项目重点、难点项目目标教学方法课时安排学习过程二三四五知识目标:1、熟悉FLASH CS5工作界面2、进一步熟悉FLASH的工具面板3、进一步掌握FLASH绘图工具的使用4、进一步掌握元件和库的使用5、进一步掌握各种动画的设计与制作6、进一步掌握常用脚本的使用项目目标一技能目标:1、绘图工具的使用2、填充工具的使用3、图层面板的使用4、元件、库的使用5、场
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FLASH贺卡设计与制作 全书课件电子教案汇总 FLASH 贺卡 设计 制作 全书 课件 电子 教案 汇总
限制150内