如何利用flash制作倒计时动画
方法/步骤
1.首先启动flash8,新建一个文档,在下面的属性中设置大小为600*600,背
景颜色为白色,帧频为5fps。
2.选择工具箱里的矩形工具,设置笔触颜色为黑色,填充颜色为黑色,笔触高
度为1,按住shift键在舞台上绘制一个正方形,设置全居中。
3.新建图层2,选择工具箱里的椭圆工具,设置笔触颜色为灰色,笔触高度为
4,填充颜色为白色,按住shift键绘制一个正圆,设置全居中。
4.新建图层3,采取同样的方法绘制一个白色的正圆,大小稍小一些,形成两
个同心圆形状。
5.新建图层4,选择工具箱里的直线工具,设置笔触颜色为灰色,笔触高度为
10,在水平方向和垂直方向上绘制两条垂直的直线。
6.新建图层5,选择工具箱里的文本工具,设置字体大小为100,字体颜色为
红色,字体为黑体,输入文字“9”设置全居中。
7.分别在图层1-图层5的15帧处插入帧,选择图层5,在2帧处插入关键帧,
修改数字为“8”,采用同样的方法依次修改3-10帧数字为“7-0”.
8.这样倒计时动画就基本制作完成了,执行ctrl+enter组合键进行测试动画
效果,如果不合适的进行继续修改,也可以修改背景颜色。
9.执行文件-导出-导出动画命令,在弹出的对话框中输入名称为“倒计时”,
保存类型为动画gif,保存在一个合适的位置上即可。
《Flash基本操作及简单动画制作》实验教学指导书 一、实验目的 1. 了解Flash的基本界面组成及特点。 2. 掌握Flash的基本操作。 3. 应用Flash设计制作静态二维画面。 4. 应用Flash设计动画。 二、实验内容 1.制作情人节贺卡静态画面。 2.制作声情并茂的生日贺卡。 三、实验仪器、设备 多媒体计算机,Flash MX 2004。 四、实验原理 任务驱动法,Flash的基本操作,应用Flash设计制作主题明确的静态画面、声情并茂的生日贺卡。 五、实验步骤 声情并茂的生日贺卡制作 最终效果如下图所示:
第一部分:制作着火的火柴 1.打开flash MX 2004,界面如下: 2.在空白处点击右键,选择设置文档属性,设置如下: 3.设置背景颜色为非白色。 4.单击窗口-库命令打开库面板。单击文件-导入-库,把需要的图片background,cake,hua等导入库中。如下图所示:
5.单击文件菜单,将文件保存为“祝你生日快乐.fla”。 6.单击插入菜单,选择新建元件,创建名称为“花按钮”,行为为:按纽
7.从库中把花拖入舞台,在图片上单击右键,选择:转换为元件,在弹出的窗口中选择:图形,将其命名为:花。 8.使用任意变形工具,将其旋转一定角度,分别在指针经过和按下处插入关键帧。 9.点击指针经过帧使用任意变形工具将元件稍稍变大;点击按下帧,将元件稍稍变小。 10.在库中新建一个影片剪辑,命名为“火焰”。 11.使用钢笔工具,在舞台中绘制火焰的轮廓。打开混色器,将颜色设置为“放射状”,
在颜色条上新建三个颜色条块,将第一第二个颜色滑块设置为白色,第三和第四个颜色滑块设置为红:241,绿:251,蓝:27。第五个颜色滑块设置为红:254,绿:148,蓝:137。 设置 12.使用油漆桶工具在火焰轮廓中设置颜色,使用填充变形工具将渐变调整为火焰形状。然后使用选择工具将边线删除。 13.分别在第10帧和第20帧处插入关键帧。点击第10帧,使用任意变形工具调整好火焰的形状,使其看起来像被风吹过得效果。分别在第1帧和第10帧设置形状补间动画。
第7章 Flash 8基础与实例(2)—— 常见动画的制作 知识点: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配:2学时 教学内容: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点: 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点: 形状补间动画与动作补间动画的区别。 教学方法与手段:讲授法,多媒体展示 教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法)
本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。 优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D 等)产生的动画序列。 三、绘图纸功能 1.绘图纸的功能
ppt倒计时器的制作(flash法) 制作方法: 在ppt文档中插入flash倒计时器,如果倒计时器在全ppt文档中计时,就将flash倒计时器插入PPT的母版中。有关ppt文档插入flash文件,请参考《》flash倒计时器制作步骤(5步): 1、启动flash 软件,创建空白文档,设置舞台大小(280×120),背景颜色(白色)。单击工具面板中的“文本工具”,在舞台上输入文字“00:00:00”;选中文字,打开“属性面板”,设置字体(黑体)、字号(65)、颜色(黑色);点击文字属性的下拉菜单,选中“动态文本”(这一点非常关键,动态文本意味着我们可以通过程序来随时改变显示的文字),在“变量”一栏(右下角红色框的部分)中输入“szsz”(这是为这个动态文本起个名字,一边将来我们在程序中调用)。锁住图层1。 2、新建一图层(图层2),单击菜单中的【窗口】-【其它面板】-【公用库】-【按钮】,打开公用按钮库,选择三个适当的按钮拖到舞台上,分别为开始按钮(点击开始到计时)、暂停按钮(点击暂停倒计时,再点击开始按钮后,又从暂停的时间开始倒计时)、停止按钮(点击停止倒计时,时间恢复到设定的时间)。 3、新建一图层(图层3),分别在第1、2、3帧处插入三个空白关键帧。在第1帧加入如下脚本代码(后面的说明可以不要): stop(); szsz = "02:30:00"; '这里是倒计时的时间,根据需要修改。 szsz8 = 9000; '倒计时的秒数。在第2帧加入如下脚本代码(后面的说明可以不要): time = new Date(); seconds1 = time.getTime(); countdown = szsz8; 在第3帧加入如下脚本代码(后面的说明可以不要):stop(); hs1 = setInterval( showTime, 100 ); function showTime() { time = new Date(); seconds2 = time.getTime(); nnn0 = seconds2-seconds1; nnn = countdown-Math.round(nnn0/1000); var hour = Math.floor(nnn/3600); if (hour<10) { hour0 = "0"+hour; } else { hour0 = hour; var minute = Math.floor((nnn-Math.floor(nnn/3600)*3600)/60); if (minute<10) { minute0 = "0"+minute; } else { minute0 = minute; var second = Math.round(nnn-Math.floor(nnn/60)*60);
第7章Flash 8基础与实例(2)—— 常见动画的制作 知识点: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配:2学时 教学内容: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点: 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点: 形状补间动画与动作补间动画的区别。 教学方法与手段:讲授法,多媒体展示 教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法)
本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。 优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D等)产生的动画序列。 三、绘图纸功能 1.绘图纸的功能
第7 章Flash 8 基础与实例( 2 ) 常见动画的制作 知识点: 1、逐帧动画的制作。 形状补间动画的制作。 2、 动作补间动画的制作。 3、 遮罩动画的制作。 4、 引导路径动画的制作。 5、 学时分配: 2 学时 教学内容: 逐帧动画的制作。 1、 形状补间动画的制作。 2、 动作补间动画的制作。 3、 遮罩动画的制作。 4、 引导路径动画的制作。 5、 教学重点: 形状补间动画的制作。 1、 动作补间动画的制作。 2、 遮罩动画的制作。 3、 引导路径动画的制作。 4、 教学难点: 形状补间动画与动作补间动画的区别。教学方法与手段:讲授法,多媒体展示教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash 实例,然后引导学生一个一个亲自动手制作。引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法) 本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。
逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也 就是每一帧中的内容不同,连续播放而成的一种动画。 优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧 转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非 常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3.文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4.导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D 等)产生的动画序列。三、绘图纸功能1.绘图纸的功能 绘图纸是一个帮助定位和编辑动画的辅助功能,这个功能对制作逐帧动画特别有用。通常情况下,Flash在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后,你就可以在舞台中一次查看两个或多个帧了。 如下图所示是使用绘图纸功能后的场景,可以看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上,这些内容相互层叠在一起。当然,这时你只能编辑当前帧的内容。
教你用flash8.0一步一步制作计时器和任意时间可以暂停的倒计时器 西风卷浪qq 340316272 一、获取系统时间方法: 1、新建一图层1,鼠标双击“图层1”,改名为“文本”;(图层改名方法后面就不再叙述) 2、选中“文本”层第一帧,再用鼠标点击左面工具栏的“A”,再点击在左下角属性栏“A”旁边的倒三角,点击“动态文本”(字体、字号、颜色根据需要自选),在工作面建立一个文本,输入“00:00:00”(引号不要)便于观察大小;在工作面中间的下面的“变量”里输入“bjsj”(引号不要)(输入变量名是便于动作调用,后面不再解释) 3、新建图层2,命名“动作”。选中“动作”层第一帧(为空白关键帧),按“F9”,在动作脚本框里输入(也可直接将下面脚本复制进去)(后面的脚本都可直接复制,不再解释)mytime=new Date() //定义一个时间函数mytime t_h=mytime.getHours() //定义t_h获得当前时间中的时 if(t_h<10){ shi="0" + t_h //让小时以“00”的格式显示 } else{shi=t_h //把小时赋值给变量“shi” }t_m=mytime.getMinutes() //定义t_m获得当前时间中的分钟 if(t_m<10){ fen="0" + t_m //让分钟以“00”的格式显示 }else{ fen=t_m //把分钟赋值给变量“fen” } t_s=mytime.getSeconds() //定义t_m获得当前时间中的秒 if(t_s<10){ miao="0" + t_s //让秒数以“00”的格式显示 } else{ miao=t_s //把秒数赋值给变量“miao” } bjsj=shi + ":" + fen + ":" + miao //动态文本框显示时分秒 4、选中“动作”层第二帧,按“F7”(插入空白关键帧),在按“F9”,在脚本里输入 gotoAndPlay(1) 5、测试、调整、完成。呵呵!! 二、制作计时器方法: 1、新建一图层1,鼠标双击“图层1”,改名为“文本”;(图层改名方法后面就不再叙述) 2、选中“文本”层第一帧,再用鼠标点击左面工具栏的“A”,再点击在左下角属性栏“A”旁边的倒三角,点击“动态文本”(字体、字号、颜色根据需要自选),在工作面建立一个文本,输入“00:00:00”(引号不要)便于观察大小;在工作面中间的下面的“变量”里输入“JiShiText”(引号不要)(输入变量名是便于动作调用,后面不再解释) 3、新建图层2,命名“动作”。选中“动作”层第一帧(为空白关键帧),按“F9”,在动作脚本框里输入(也可直接将下面脚本复制进去)(后面的脚本都可直接复制,不再解释)stop();//停止 zong=0 //为变量zong覆初值 JiShiText="00"+":"+"00"+":"+"00"; 4、分别选中“动作”层第二帧和第十三帧,按“F7”插入空白关键帧,选中第二帧,按“F9”,在脚本框里输入: zong=zong+1 //zong用来计算已经用去的总秒数 shi=int(zong/3600) //shi用来显示总秒数换算成的小时数 if(shi<10){ h="0" + shi //让小时以“00”的格式显示
《Flash动画制作》授课计划
2.Flash的历史与发展 3.Flash的特点 1.2 Flash应用领域 1.3 Flash动画原理 1.动画原理 2.Flash动画制作原理 1.4 Flash工作环境 1、舞台就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文 件进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。 2、时间轴窗口用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧 里,以安排电影内容播放的顺序。 3、绘图工具栏放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂, 修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的 修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效 果。 4、标准工具栏列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及 控制舞台放大比例的图标和选项,便于进行更为快捷的操作。 5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics), 按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。 6、控制器面板控制电影的播放操作的工具集合,一般不大常用,处于隐藏状态。 例1:使用工具制作一个“笑脸”或“哭脸” 思考:如何让“哭脸”变成“笑脸”? 引入层的概念,将“嘴”放在新建的图层上 引入简单动画制作步骤: a、绘制动作的开始状态与结束状态,即绘制两个关键帧,并注意两个关键帧在时间线上的 位置。 b、选择所有帧,创建动画。 例2:小球的直线运动。 步骤1:在舞台上画出小球。 步骤2:在第20 帧上插入关键帧。 步骤3:移动小球,使其开始位置与结束位置不同。 步骤4:选择所有帧,创建形状渐变动画。 例3:小球沿规定的轨迹运行。 步骤5:在前一个动画的基础上添加引导层 讲述层的概述时, 可结合前期学习 过的Photoshop 中层的概念,这样 学生头脑中就有 了印象。 请学生注意动画 制作的过程,并能 自己制作上述两 个动画。 注意flash的两种 不同格式的文件, 源文件和播放文 件分别的打开方 式
《F L A S H动画制作》课程教学大纲英文名称:Flash animation 学分/总学时:2/36(其中课堂: 32学时;课内实验: 0学时;课外实践: 4学时) 先修课程:《计算机基础》、《Photoshop》等 适用对象:展示设计专业、绘画专业 一、课程性质与目的 《Flash动画制作》是展示设计专业与绘画专业网页设计与制作类课程的专业选修课程之一,它以Flash 8为操作对象,介绍了制作Flash平面动画相关的技术和方法,将主要学习矢量绘图、基本动画和基本编程等动画技术。它的特点是涉及知识面广泛,对操作技能和实践性的要求较高,因此要求学生在全面掌握各个知识点的基础上,要特别勤于实际操作和不断积累经验。 本课程的目的是培养具有一定实践经验的网页设计人员。通过本课程的教学,使学生了解Flash的设计环境、制作流程,能独立绘制简单、复杂图形,学会导入图形、音频、视频等文件,制作逐帧动画、补间动画,制作引导层动画、遮罩层动画,并了解简单编程等。 二、教学内容及要求 第一章熟悉Flash8的设计环境( 2学时) 【基本内容】 1.熟悉Flash8的设计环境 动画制作流程 【基本要求】 1.熟悉Flash8的设计环境及流程 2.了解Flash8制作逐帧动画的方法 【重点及难点】 重点:Flash的一般制作流程 难点:Flash的操作界面 【教学活动与教学方式】 第1讲Flash 8动画制作基础 熟悉Flash 8的设计环境 知识点讲解 范例解析——Flash 8用户界面介绍 课堂练习——Flash 8用户基本操作 Flash 8动画制作流程 知识点讲解 范例解析——制作“过光文字” 课堂练习——制作“数字倒计时”
f l a s h制作计时器倒计时器 一、获取系统时间方法: 1、新建一图层1,鼠标双击“图层1”,改名为“文本”;(图层改名方法后面就不再叙述) 2、选中“文本”层第一帧,再用鼠标点击左面工具栏的“A”,再点击在左下角属性栏“A”旁边的倒三角,点击“动态文本”(字体、字号、颜色根据需要自选),在工作面建立一个文本,输入“00:00:00”(引号不要)便于观察大小;在工作面中间的下面的“变量”里输入“bjsj”(引号不要)(输入变量名是便于动作调用,后面不再解释) 3、新建图层2,命名“动作”。选中“动作”层第一帧(为空白关键帧),按“F9”,在动作脚本框里输入(也可直接将下面脚本复制进去)(后面的脚本都可直接复制,不再解释) mytime=new Date() //定义一个时间函数mytime t_h=() //定义t_h获得当前时间中的时 if(t_h<10){ shi="0" + t_h //让小时以“00”的格式显示 } else{shi=t_h //把小时赋值给变量“shi” }t_m=() //定义t_m获得当前时间中的分钟 if(t_m<10){ fen="0" + t_m //让分钟以“00”的格式显示 }else{ fen=t_m //把分钟赋值给变量“fen” } t_s=() //定义t_m获得当前时间中的秒 if(t_s<10){ miao="0" + t_s //让秒数以“00”的格式显示 } else{ miao=t_s //把秒数赋值给变量“miao” } bjsj=shi + ":" + fen + ":" + miao //动态文本框显示时分秒 4、选中“动作”层第二帧,按“F7”(插入空白关键帧),在按“F9”,在脚本里输入 gotoAndPlay(1) 5、测试、调整、完成。呵呵!! 二、制作计时器方法: 1、新建一图层1,鼠标双击“图层1”,改名为“文本”;(图层改名方法后面就不再叙述) 2、选中“文本”层第一帧,再用鼠标点击左面工具栏的“A”,再点击在左下角属性栏“A”旁边的倒三角,点击“动态文本”(字体、字号、颜色根据需要自选),在工作面建立一个文本,输入“00:00:00”(引号不要)便于观察大小;在工作面中间的下面的“变量”里输入“JiShiText”(引号不要)(输入变量名是便于动作调用,后面不再解释) 3、新建图层2,命名“动作”。选中“动作”层第一帧(为空白关键帧),按“F9”,在动作脚本框里输入(也可直接将下面脚本复制进去)(后面的脚本都可直接复制,不再解释) stop();//停止 zong=0 //为变量zong覆初值 JiShiText="00"+":"+"00"+":"+"00"; 4、分别选中“动作”层第二帧和第十三帧,按“F7”插入空白关键帧,选中第二帧,按“F9”,在脚本框里输入:zong=zong+1 //zong用来计算已经用去的总秒数 shi=int(zong/3600) //shi用来显示总秒数换算成的小时数 if(shi<10){ h="0" + shi //让小时以“00”的格式显示 } else{ h=shi } fen=int((zong-(shi*3600))/60) //fen用来显示总秒数减去小时后换算成的分钟数 if(fen<10){ m="0" + fen //让分钟以“00”的格式显示 }
第一周FLASH的基本知识 教学目标: 1、熟悉FLASH的界面。 2、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。 3、掌握几个基本术语:图层、元件 4、记住几个快捷键 5、完成四幅绘制图案 教学重点:应用工具画图 教学难点:复杂遮照的创建。 教学过程: 一、界面环境介绍 二、工具箱的介绍 工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏:“工具”栏、“查看”栏、“颜色”栏和“选项”栏,单击某个工具的按钮,即可激活相应的操作功能,以后把这一操作叫作使用某个工具。 (1)“工具”栏:工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。 (2)“查看”栏:工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。 (3)“颜色”栏:工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。 (笔触颜色)按钮:用于给线着色,也叫作描绘颜色。 (填充色)按钮:用于给填充着色。 (从左到右分别是:黑白、没有颜色和交换颜色)按钮:单击“黑白”按钮,可使笔触颜色和填充色恢复到默认状态(笔触颜色为黑色,填充色为白色)。在选择了椭圆或矩形工具后,“没有颜色”按钮才有效,变为,单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮,可以使笔触颜色与填充色互换。(4)“选项”栏:工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的,大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时,通常应当在选中绘图或编辑工具后,再对其属性和功能进行设置,才能顺利达到预期的效果。 三、动手用一下工具 1、使用工具制作一个“笑脸”或“哭脸” 2、渐变工具的使用:几个关键概念 颜色调板 填充变形工具的使用 3、用椭圆画个画环 操作步骤: 1、用填充色画圆,并设置笔触的粗细。 2、设置边线的填充色为“七彩色”。 3、将该线形圆环转换成填充色:修改--形状--将线条为填充。
第7章Flash 8基础及实例(2)—— 常见动画的制作 知识点: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配:2学时 教学内容: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点: 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点: 形状补间动画及动作补间动画的区别。
教学方法及手段:讲授法,多媒体展示 教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。 引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法) 本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。 优点:及电影播放模式相似,适合于表演很细腻的动画,如3D 动画、人物或动物急剧转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D等)产生的动画序列。 三、绘图纸功能 1.绘图纸的功能
ppt倒计时器的制作(flash法) 制作方法: 在ppt文档中插入flash倒计时器,如果倒计时器在全ppt文档中计时,就将flash倒计时器插入PPT的母版中。有关ppt文档插入flash文件,请参考《》flash倒计时器制作步骤(5步): 1、启动flash 软件,创建空白文档,设置舞台大小(280×120),背景颜色(白色)。单击工具面板中的“文本工具”,在舞台上输入文字“00:00:00”;选中文字,打开“属性面板”,设置字体(黑体)、字号(65)、颜色(黑色);点击文字属性的下拉菜单,选中“动态文本”(这一点非常关键,动态文本意味着我们可以通过程序来随时改变显示的文字),在“变量”一栏(右下角红色框的部分)中输入“szsz”(这是为这个动态文本起个名字,一边将来我们在程序中调用)。锁住图层1。 2、新建一图层(图层2),单击菜单中的【窗口】-【其它面板】-【公用库】-【按钮】,打开公用按钮库,选择三个适当的按钮拖到舞台上,分别为开始按钮(点击开始到计时)、暂停按钮(点击暂停倒计时,再点击开始按钮后,又从暂停的时间开始倒计时)、停止按钮(点击停止倒计时,时间恢复到设定的时间)。 3、新建一图层(图层3),分别在第1、2、3帧处插入三个空白关键帧。在第1帧加入如下脚本代码(后面的说明可以不要): stop(); szsz = "02:30:00"; '这里是倒计时的时间,根据需要修改。 szsz8 = 9000; '倒计时的秒数。在第2帧加入如下脚本代码(后面的说明可
以不要): time = new Date(); seconds1 = time.getTime(); countdown = szsz8; 在第3帧加入如下脚本代码(后面的说明可以不要):stop(); hs1 = setInterval( showTime, 100 ); function showTime() { time = new Date(); seconds2 = time.getTime(); nnn0 = seconds2-seconds1; nnn = countdown-Math.round(nnn0/1000); var hour = Math.floor(nnn/3600); if (hour<10) { hour0 = "0"+hour; } else { hour0 = hour; var minute = Math.floor((nnn-Math.floor(nnn/3600)*3600)/60); if (minute<10) { minute0 = "0"+minute; } else { minute0 = minute; var second = Math.round(nnn-Math.floor(nnn/60)*60); if (second<10) {
《Flash基本操作及简单动画制作》实验教学指 导书 一、实验目的 1. 了解Flash的基本界面组成及特点。 2. 掌握Flash的基本操作。 3. 掌握Flash四类基本动画。 4. 学会制作简易Flash课件。 二、实验内容 1. 制作简易Flash课件。 2. 制作简易电子相册。 三、实验仪器、设备 多媒体计算机,Flash CS3。 四、实验原理 任务驱动法,Flash的基本操作,应用Flash设计制作主题明确的动态贺卡、简单的Flash课件。 五、实验步骤 (一)制作简易Flash课件 1.新建一个flash(ActionScript 2.0) 文档,并设置文档大小为800*600。 2. 选择“文件|导入|导入到库”,将“课件背景.jpg”导入到当前库。
3. 创建课件背景:从库中拖动“课件背景 .jpg”到舞台,使其 与舞台边界对齐。选中图层1,单击鼠标右键,在弹出的快捷菜单中选择“属性”,通过图层属性对话框,修改图层1名称为“背景”。单击背景图层,在60帧处按F5,插入普通帧,锁定背景图层。如图1所示。 4.制作按钮元件:选择“插入|新建元件”,新建“第一章”按钮元件,并进入按钮元件编辑窗口。 1)单击“弹起”帧,使用文本工具创建文本“第一章”,并调整文本的大小及颜色。 2) 选择“弹起”帧,单击鼠标右键,在弹出的快捷菜单中选择“复制帧”,再分别在“指针经过”、“按下”帧上粘贴。将“指针经过”、“按下”两帧对应的文本修改成不同的颜色。 3)单击“点击”帧,按F7插入空白关键帧。选择工具箱中的“矩形工具”,在舞台中央绘制一矩形,大小刚好覆盖文本框即可。最终“第一章”按钮元件制作效果如图2所示。 图1 创建课件背景图层图2 制作按钮元件
竭诚为您提供优质文档/双击可除 ppt,倒计时器模板 篇一:ppt计时器的制作方法 在大家ppt演讲的时候,是不是经常因为把握不好时间而尴尬呢ppt计时器的实现可以帮你轻松搞定这些小问题! 但大家查询网上的资源不是叫你用Vba技术去搞就是编代码,现在ppt教程网给大家推荐两种简单快捷的ppt计时器的实现方法,看招了。 小提示:以下的方法都是在wps软件中实现的(国产的office),但方法也通用于微软的ppt。 方法一:嵌入Flash计时动画 1、准备好一个Flash计时动画,打开ppt文件后,依 次单击视图菜单下的母版/幻灯片母版命令。 进入幻灯片母版视图,再单击插入菜单下的Flash命令。 在弹出的插入Flash动画对话框中找到想要嵌入的动画后,单击打开按钮即可插入动画(最后可提供下载这些计时 器flash动画)。 2、选中插入的Flash动画,将鼠标移到周围的控制点 上按下左键拖动,调整动画的大小并将其拖放到幻灯片的右
上角后,关闭幻灯片母版视图。 3、按下F5键放映演示文稿,即可利用嵌入的Flash动画掌握教学时间。 方法二:插入页眉页脚 1、打开课件文件后按照上面的方法进入幻灯片母版视图,单击视图菜单下的页眉和页脚命令。 在弹出的页眉和页脚对话框中,勾选日期和时间复选项后,再选中自动更新单选项,单击该选项下方文本框右侧的下拉箭头,在弹出的下拉列表中选中8:40。 2、单击全部应用按钮关闭对话框后,选中母版左下角的 3、退出幻灯片母版视图,按下F5键放映演示文稿,即可通过幻灯片右上角显示的时间把握教学进度。 大家可以试一下,下面附上计时器制作时所要用到的素材。 另外有些朋友喜欢用Vba技术的,这样觉得技术更高人一等,哈哈,所以献上自己多年来搜集的一些比较好的ppt 计时器,一共有三个,大家可以下载后慢慢研究,定对你的ppt制作有相当给力的提高。 注:更多精彩教程请关注三联电脑教程栏目,三联电脑办公群:189034526欢迎你的加入 篇二:如何在ppt中插入一个倒计时画面 请问如何能在ppt中插入一个倒计时界面20分
作一个计时器 平山县回舍中学郜兵山 在实际生活中,许多事情都需要计时。比如:做一件事情,看看用多长时间完成。这就需要有一个计时装置。今天,我们就用FLASH软件,来制作一个计时器。具体制作过程如下:第一、制作控制图层 1、打开一个FLASH文档,将“图层1”重新命名为“控制”; 2、在控制图层的第一帧,添加动作脚本如下: x = 0; y = 0; z = 0; X1 = "0"+x; y1 = "0"+y; z1 = "0"+z; 3、在控制图层的第13帧插入关键帧。在13帧添加如下动作脚本: x = x+1; If (x == 60) { x = 0; y = y+1; If (y == 60) { y = 0; z = z+1;
} } If (lengths(x) == 1) { X1 = "0"+x; } else { X1 = x; } If (lengths(y) == 1) { y1 = "0"+y; } else { y1 = y; } If (lengths (z) == 1) { z1 = "0"+z; } else { z1 = z; } GotoAndPlay (2); 第二、制作“动态文本”图层 1、插入一个图层,并将其重新命名为“动态文本”; 2、选中工具箱中的文本工具,在舞台上拖动出一个矩形框,这个矩形框就是一个文域;然后选中这个文本域,设置其属性为:动态文本,实例名为:时,变量名为:z1。
用同样的方法,在这个动态文域的右边再拖出两个动态文本域,这两个实例名分别为:分、秒;变量名分别为:y1、x1。 第三、制作“按钮”图层 1、新插入一个图层,并重新命名为“按钮”; 2、执行“窗口”→“公用库”→“按钮”命令,打开公用库面板; 3、在公用库面板中,拖动四个按钮到舞台上,并按如图所示的顺序排放好(这四个按钮的实例名分别为“开始”、“暂停”、“继续”、“回复”)。 4、选中“开始”按钮,打开动作面板,在这个按钮上添加如下动作脚本: On (release) { x = 0; y = 0; z = 0; Gotoandplay (2); };选中“暂停”按钮,打开动作面板,在这个按钮上添加如下动作脚本: On (release) { Stop ();
flash制作计时器倒计时器 一、获取系统时间方法: 1、新建一图层1,鼠标双击“图层1”,改名为“文本”;(图层改名方法后面就不再叙述) 2、选中“文本”层第一帧,再用鼠标点击左面工具栏的“A”,再点击在左下角属性栏“A”旁边的倒三角,点击“动态文本”(字体、字号、颜色根据需要自选),在工作面建立一个文本,输入“00:00:00”(引号不要)便于观察大小;在工作面中间的下面的“变量”里输入“bjsj”(引号不要)(输入变量名是便于动作调用,后面不再解释) 3、新建图层2,命名“动作”。选中“动作”层第一帧(为空白关键帧),按“F9”,在动作脚本框里输入(也可直接将下面脚本复制进去)(后面的脚本都可直接复制,不再解释)mytime=new Date() //定义一个时间函数mytime t_h=mytime.getHours() //定义t_h获得当前时间中的时 if(t_h<10){ shi="0" + t_h //让小时以“00”的格式显示 } else{shi=t_h //把小时赋值给变量“shi” }t_m=mytime.getMinutes() //定义t_m获得当前时间中的分钟 if(t_m<10){ fen="0" + t_m //让分钟以“00”的格式显示 }else{ fen=t_m //把分钟赋值给变量“fen” } t_s=mytime.getSeconds() //定义t_m获得当前时间中的秒 if(t_s<10){ miao="0" + t_s //让秒数以“00”的格式显示 } else{ miao=t_s //把秒数赋值给变量“miao” } bjsj=shi + ":" + fen + ":" + miao //动态文本框显示时分秒 4、选中“动作”层第二帧,按“F7”(插入空白关键帧),在按“F9”,在脚本里输入 gotoAndPlay(1) 5、测试、调整、完成。呵呵!! 二、制作计时器方法: 1、新建一图层1,鼠标双击“图层1”,改名为“文本”;(图层改名方法后面就不再叙述) 2、选中“文本”层第一帧,再用鼠标点击左面工具栏的“A”,再点击在左下角属性栏“A”旁边的倒三角,点击“动态文本”(字体、字号、颜色根据需要自选),在工作面建立一个文本,输入“00:00:00”(引号不要)便于观察大小;在工作面中间的下面的“变量”里输入“JiShiText”(引号不要)(输入变量名是便于动作调用,后面不再解释) 3、新建图层2,命名“动作”。选中“动作”层第一帧(为空白关键帧),按“F9”,在动作脚本框里输入(也可直接将下面脚本复制进去)(后面的脚本都可直接复制,不再解释)stop();//停止 zong=0 //为变量zong覆初值 JiShiText="00"+":"+"00"+":"+"00"; 4、分别选中“动作”层第二帧和第十三帧,按“F7”插入空白关键帧,选中第二帧,按“F9”,在脚本框里输入: zong=zong+1 //zong用来计算已经用去的总秒数 shi=int(zong/3600) //shi用来显示总秒数换算成的小时数 if(shi<10){ h="0" + shi //让小时以“00”的格式显示
今天闲来无事,与大家一起分享一下倒计时的做法。 在之前有人要做各种倒计时,其中有一个就是中考倒计时,那么今天就分享给大家,看看这个到底用了哪些方法。 如上图是倒计时的外观。显示剩余时间,也就是现在距离2012年6月27日还剩的日子。其实这个思想的来源很简单,就是把正常时间倒过来计算就OK了。 1.根据你自己的要求设计一下倒计时的外观,添加所需要的内容;在这画面上,看到了很多数字,那么那些数字是要注意的呢?现在为大家解读一下 我们需要注意的是,天数,小时,分钟,还有就是秒,其他的外观完全由你们自己设计了2,如何呈现数字呢 首先在场景中,添加四个动态文本,分别命名为days ,hours,minutes,seconds,代表上图的天,小时,分,秒 3接下来就是核心工程了,在时间轴上第一帧添入如下代码 //生命所需要的各个变量 var my_date2:Date = new Date();//构造Date函数,声明一个变量my_date2 var my_date1:Date = new Date(2012, 5, 27, 0, 0);//同上,这里的参数,分别代表,未来的某一天,这里也就是2012年6月27日。 var day1 = my_date1.getDate();//某一天 var hour1 = my_date1.getHours();//小时 var minute1 = my_date1.getMinutes();//分钟 var second1 = my_date1.getSeconds();//秒 var month1 = my_date1.getMonth();//月份 var day2 = my_date2.getDate(); var hour2 = my_date2.getHours(); var minute2 = my_date2.getMinutes(); var second2 = my_date2.getSeconds(); var month2 = my_date2.getMonth(); // //返回指定的Date 对象自1970 年1 月1 日午夜(通用时间)以来的毫秒数。当比较两 个或更多个Date 对象时,使用此方法表示某一特定时刻
Flash基本操作及简单动画制作 第一部分实验指导书 《Flash基本操作及简单动画制作》实验教学指导书一、实验目的 1. 了解Flash的基本界面组成及特点。 2. 掌握Flash的基本操作。 3. 应用Flash设计制作静态二维画面。 4. 应用Flash设计动画。 二、实验内容 1.制作情人节贺卡静态画面。 2.制作声情并茂的生日贺卡。 三、实验仪器、设备 多媒体计算机,Flash MX 2004。 四、实验原理 任务驱动法,Flash的基本操作,应用Flash设计制作主题明确的静态画面、声情并茂的生日贺卡。 五、实验步骤 声情并茂的生日贺卡制作 最终效果如下图所示:
- 1 - 教育传播技术学院教育技术专业 第一部分实验指导书第一部分:制作着火的火柴 1(打开flash MX 2004,界面如下: 2(在空白处点击右键,选择设置文档属性,设置如下:
3(设置背景颜色为非白色。 4(单击窗口-库命令打开库面板。单击文件-导入-库,把需要的图片background,cake, hua等导入库中。如下图所示: - 2 - 教育传播技术学院教育技术专业 第一部分实验指导书 5(单击文件菜单,将文件保存为“祝你生日快乐.fla”。
6(单击插入菜单,选择新建元件,创建名称为“花按钮”,行为为:按纽 - 3 - 教育传播技术学院教育技术专业 第一部分实验指导书 7(从库中把花拖入舞台,在图片上单击右键,选择:转换为元件,在弹出的窗口中选 择:图形,将其命名为:花。 8(使用任意变形工具,将其旋转一定角度,分别在指针经过和按下处插入关键帧。