Flash AS 制作个性月历实例教程

Flash CS3 入门制作出生年月日选择框
数字微调组件通常用于网页中个人注册信息的对话框中，例如，有关个人出生年、月、日的选择。

本练习将制作有关学生个人情况的调查卡，如图56-1所示。

用户可以通过单击该调查卡栏目显示在向上箭头和向下箭头按钮旁边的文本框中的数字，从而选择自已的出生日期。

图56-1 选择出生日期
练习要点
●新建文档
●导入素材
●数字微调组件
练习过程
（1）新建默认的空白文档，导入素材图像，如图56-2所示内容。

图56-2 导入素材并输入文字
（2）打开【组件】面板，将NumericStepper组件拖动至“年”空白处，使用【任意变形工具】调整其大小，如图56-3所示。

图56-3 将NumericStepper组件拖动至文档
（3）选择刚刚拖动至文档的NumericStepper组件，在【属性】面板中设置该组件名称，接着，在【参数】面板中分别设置maximum和mimimum参数，如图56-4所示。

为组件命名设置其最大
和最小值
图56-4 输入所限制的年份数值
（4）参数以上方法，分别制作“月、日”前的组件，如图56-5所示。

图56-5 制作月份和日期的组件
（5）保存文档，按快捷键Ctrl＋Enter测试效果。

FIash电子日历课程设计一、课程目标知识目标：1. 让学生掌握Flash软件的基本操作，包括创建文档、设置文档属性和图层管理等。

2. 学习并掌握Flash中的ActionScript编程基础，能够编写简单的交互式程序。

3. 让学生理解电子日历的基本结构和工作原理。

技能目标：1. 培养学生运用Flash软件设计并制作电子日历的能力，包括动画制作、按钮设计和程序编写等。

2. 培养学生运用ActionScript编程实现电子日历的日期显示、切换和事件提醒等交互功能。

情感态度价值观目标：1. 培养学生对计算机编程和动画制作的兴趣，激发学生的创造力和创新精神。

2. 培养学生团队协作意识，学会与他人共同解决问题，分享学习成果。

3. 培养学生严谨、细心的学习态度，养成良好的编程习惯。

课程性质：本课程为信息技术学科的教学内容，以实践操作为主，注重培养学生的动手能力和创新能力。

学生特点：学生处于初中年级，具备一定的计算机操作基础，对动画制作和编程有一定兴趣，但编程经验不足。

教学要求：结合学生特点，课程设计应以实例为主线，引导学生动手实践，注重培养学生的实际操作能力和编程思维。

在教学过程中，关注学生的个体差异，提供有针对性的指导，确保每个学生都能达到课程目标。

通过本课程的学习，使学生能够独立完成一个具有基本功能的电子日历作品，提高学生的信息技术素养。

二、教学内容1. Flash软件基本操作：包括软件界面认识、文档创建与保存、设置文档属性、图层管理和库的应用。

关联教材章节：第一章 Flash基础2. 动画制作：教授基本动画制作原理，如补间动画、逐帧动画等，以及引导层和遮罩层的应用。

关联教材章节：第二章 动画制作基础3. ActionScript编程基础：介绍ActionScript语言的基本语法、变量、函数、条件语句和循环语句等。

关联教材章节：第三章 ActionScript编程基础4. 电子日历结构及功能设计：分析电子日历的基本结构，学习如何设计日期显示、切换和事件提醒等功能。

flash制作太阳地球月亮运动教程本实例用flash8制作太阳、地球、月亮之间的简单模拟运动。

可作为简单的物理课件，更重要的是进一步加深理解flash动画制作中的渐变动画、运动引导线、遮罩、按钮、简单As语言等其他制作技巧。

一、地球、月亮元件的制作1、新建flash8文档，场景大小默认/背景黑色/新建电影剪辑元件/起名：“地球月亮”。

确定后就进入了这个电影剪辑的编辑舞台，放大视图至200％/用椭圆工具/无边框/选择线性填充，增加一个色码，左、中、右色码分别：为#E6E9FF、#419DFA、#11076D（都是经验值，可以按自己的爱好设定）画一个正圆/调整大小为65×65，并全居中/在第10帧插入普通帧/改图层名为：“地球”。

混色器设置见图1：2、增加一个图层，改名为：“轨迹”/在“轨迹”图层第1帧用椭圆工具/无填充/边框为：黄色/笔触高度为1，画一个椭圆/改大小为：95×45像素/全居中。

连续插入3个图层，分别改图层名为：月亮、引导线、地球1/复制“轨迹”图层第1帧粘贴到“引导线”图层的第一帧。

/复制“地球”图层第1帧粘贴到“地球1”图层的第一帧。

/再用黑箭头工具框选地球1/删除地球1的下半部分，关闭轨迹图层的眼睛和锁。

/选中“引导线”图层第一帧上的椭圆线/用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺口。

如下图3、选中月亮图层第1帧（其他图层上锁）/用椭圆工具/无边框/选择放射状填充/增加一个色码，左色码为：#E7FCFE，中间色码为：#C0E9FA，右色码为：纯白色。

/并将右色码的透明度改为：0，/在舞台空白处画一个正圆/大小为：20×20。

/混色器设置见图2：右键点击月亮转换为元件。

/行为：图形，起名月亮/注册点选在左上角确定/把月亮元件拖到引导线的上线端稍微靠上一点/在第10帧插入关键帧/再把月亮元件拖到引导线的下线端稍微靠下一点/选中月亮图层第1帧建立运动（动画）渐变/在属性里把“调整到路径、同步、对齐”都打上勾/右键击引导线图层名/改图层属性为引导层/把月亮图层的属性改为被引导层/只关闭引导线图层的眼睛/按回车测试，看是否正常。

巧妙⽤Flash显⽰动态⼀周时间巧妙⽤Flash显⽰动态⼀周时间每当我们在查看天⽓预报时，会发现⼀些⽹站⾥能动态显⽰⼀周时间，⽽且还能实时显⽰星期。

觉得有些神奇，于是就想设计出⼀个flash动画来达到这个效果。

结合⽇常判断⽇期的⽅法，设计出下⾯流程图，我们就可以编写出Flash 程序来动态显⽰⼀周时间。

1.设计思路和需要解决的关键问题如上图所⽰，我们先取电脑显⽰时间与当⽉最后天数进⾏对⽐，如果发现显⽰时间⼩于当⽉最后天数，这时就让电脑实时显⽰当前天数；如果⼤于当⽉的最后天数，天数归1，⽉数加⼀，再判断电脑当前⽉数是否⼤于12⽉，如果⼩于12⽉，就直接显⽰当前⽉数，如果⼤于就让年数加1，让⽉数归1，周⽽复始，就可以显⽰⼀周时间了。

2.判断给定年份是否是闰年闰年的条件是：能被4整除且不能被100整除，或能被400整除的年份是闰年。

根据这个条件，我们可以定义⼀个函数来实现。

代码如下：function isLeapYear(year){var _loc1 = false;if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0){_loc1 = true;} // end ifreturn (_loc1);}这个函数对传递过来的年份进⾏判断，如果满⾜上述条件：能被4整除且不能被100整除((year%4 == 0) && (year%100<>0) )或能被400整除(year%400 == 0)，则该年为闰年。

判断是否是闰年的⽬的是确定每年的2⽉份的天数。

如果是闰年就是true，否则为false，⽤return动作返回闰年值。

3.确定给定⽉份的天数function getLastDay(year, yue){var _loc2 = 28;++yue;if (yue == 1 || yue == 3 || yue == 5 || yue == 7 || yue == 8 || yue == 10 || yue == 12){_loc2 = 31;}else if (yue == 4 || yue == 6 || yue == 9 || yue == 11){_loc2 = 30;}else if (isLeapYear(year) == true){_loc2 = 29;} // end else ifreturn (_loc2);}我们结合闰年的判断⽅法就可以准确地算出给定⽇期的天数，我们可以⽤指定的⽇期创建⼀个⽇期对象的实例，然后调⽤它的getLastDay(year, yue)⽅法来实现。

Flash8 AS脚本制作Flash日历一,在场景的舞台上制作:1,打开Flash8,建两层.第一层名:AS,第二层名:显示窗,每层有一帧就够.2,对"AS层"右击,出来窗口点<动作>,FLASH编辑窗口下方的<动作-帧>面版自动张开,选择<专家模式>如下图操作:(模式的选择看下行红字和图片说明)注意:专家模式和标准模式,是设置AS脚本的两个不同方式.在以后制作其他FLASH的时候,也需要脚本设置,一定要注意这两种模式.注意:下面代码:b = newdate.getMonth()+1;原来是:b = newdate.getMonth();是我疏忽大意!如果已经会弄日历的,请您改过来!3,把下面的AS脚本复制粘贴到<专家模式>的窗口里.粘贴完在时间轴的帧里出现小<a>,再关闭<动作-帧>面板就行了.fscommand("allowscale", false);fscommand("showmenu", false);newdate = new Date();a = newdate.getFullYear();b = newdate.getMonth()+1;//加1以后月份才正确c = newdate.getDate();d = newdate.getHours();e = newdate.getMinutes();f = newdate.getSeconds();if (d>12) {d = d-12;}aa = a+"年"+b+"月";cc = c+"日";//也可以把+"日"删除改成 cc = c;g = newdate.getDay();if (g == 0) {g_d = "星期日";}if (g == 1) {g_d = "星期一";}if (g == 2) {g_d = "星期二";}if (g == 3) {g_d = "星期三";}if (g == 4) {g_d = "星期四";}if (g == 5) {g_d = "星期五";}if (g == 6) {g_d = "星期六";}bb = g_d;4,再打开FLASH编辑窗口下方的<属性>面板,点时间轴"显示窗"层的第一帧,再点左侧<工具>的"A"字母,在属性里选择<动态文本>,在白色舞台上面点一下,出来动态文本筐,对筐的右下角的方块向右拉长.此为第一个筐.第二个筐,再点一次工具的黑箭头,再点<工具>的"A"字母,在白色舞台上按上方法再点一下,再拉长.第三个筐,再点一次工具的黑箭头,再点<工具>的"A"字母,在白色舞台上按上方法再点一下,再拉长.再回到工具里的黑箭头上.(注意:每次别忘记回到黑箭头上)于是舞台上出现扁长的三个筐,再分别设置三个筐的属性:点第一个筐,变量设置为:aa 其他先按下图设置:注意:1,动态文本框里不写文字.2,动态文本框里所要显示的动态文字的字体,字号码,颜色,粗细,对齐方式等等,就在动态文本框的属性里设置,看上图.同理再设置第二第三个动态文本框:第二个筐属性变量设置为:cc 第三个筐属性变量设置为:bb到此日历制作已经完成.测试调整:拖动三个筐,摆放适当位置上,再点<修改>里的<文档>,随你设置舞台属性:例如舞台颜色,宽高.点FLASH编辑窗口上方的<控制><测试影片>,看效果,如果不满意,关闭测试窗口,再重调整动态文本框大小位置字体颜色等等,反复调试.达到满意为止.一切完成后,点<文件><另存为>,起名保存.二,在元件里制作:点<插入><新建元件>,给元件起名,行为<影片剪辑>,和上面制作一样,成功后拉到舞台,测试效果是一样的.总结: 一层设置AS,把AS代码复制粘贴到帧里,另一层做三个动态文本筐,变量名分别是:aa cc bb。

教案：《Flash动画制作课程》制作高级动画—时间轴特效、滤镜、混合模式动画教案第一章：时间轴特效基础1.1 教学目标让学生了解时间轴特效的概念和应用让学生掌握时间轴特效的基本操作和制作方法1.2 教学内容时间轴特效的定义和分类时间轴特效的基本操作时间轴特效的制作方法1.3 教学步骤讲解时间轴特效的概念和分类演示时间轴特效的基本操作和制作方法让学生动手实践，制作一个简单的时间轴特效动画1.4 教学评价学生能理解时间轴特效的概念和应用学生能熟练掌握时间轴特效的基本操作和制作方法第二章：滤镜应用2.1 教学目标让学生了解滤镜的概念和应用让学生掌握滤镜的基本操作和制作方法2.2 教学内容滤镜的定义和分类滤镜的基本操作滤镜的制作方法2.3 教学步骤讲解滤镜的概念和分类演示滤镜的基本操作和制作方法让学生动手实践，应用滤镜制作一个动画效果2.4 教学评价学生能理解滤镜的概念和应用学生能熟练掌握滤镜的基本操作和制作方法第三章：混合模式动画制作3.1 教学目标让学生了解混合模式的概念和应用让学生掌握混合模式动画的制作方法3.2 教学内容混合模式的定义和分类混合模式动画的制作方法3.3 教学步骤讲解混合模式的概念和分类演示混合模式动画的制作方法让学生动手实践，制作一个混合模式动画3.4 教学评价学生能理解混合模式的概念和应用学生能熟练掌握混合模式动画的制作方法第四章：综合实例—制作一个高级动画4.1 教学目标让学生掌握时间轴特效、滤镜和混合模式动画的综合应用培养学生独立制作高级动画的能力4.2 教学内容综合应用时间轴特效、滤镜和混合模式动画制作高级动画的方法4.3 教学步骤讲解综合应用时间轴特效、滤镜和混合模式动画的方法演示制作一个高级动画的过程让学生动手实践，制作一个高级动画4.4 教学评价学生能理解并掌握时间轴特效、滤镜和混合模式动画的综合应用学生能独立制作出一个高级动画第六章：时间轴特效的进阶技巧6.1 教学目标让学生掌握时间轴特效的进阶技巧培养学生创造性地运用时间轴特效的能力6.2 教学内容时间轴特效的进阶技巧，如缓动、跟随、弹性等如何根据动画需求选择合适的进阶技巧讲解时间轴特效的进阶技巧及其应用场景演示运用进阶技巧制作复杂动画的过程让学生动手实践，运用进阶技巧制作动画6.4 教学评价学生能理解并掌握时间轴特效的进阶技巧学生能根据动画需求创造性地运用时间轴特效第七章：滤镜特效的拓展应用7.1 教学目标让学生了解滤镜特效的拓展应用培养学生灵活运用滤镜特效的能力7.2 教学内容滤镜特效的拓展应用，如动态滤镜、交互式滤镜等如何根据动画需求选择合适的滤镜特效拓展应用7.3 教学步骤讲解滤镜特效的拓展应用及其实现方法演示运用拓展应用制作复杂动画的过程让学生动手实践，运用拓展应用制作动画7.4 教学评价学生能理解并掌握滤镜特效的拓展应用学生能灵活运用滤镜特效制作动画第八章：混合模式动画的深入探索让学生深入了解混合模式动画的原理和应用培养学生创新性地运用混合模式动画的能力8.2 教学内容混合模式动画的原理混合模式动画的应用技巧8.3 教学步骤讲解混合模式动画的原理和应用技巧演示运用混合模式动画制作复杂动画的过程让学生动手实践，运用混合模式动画制作动画8.4 教学评价学生能理解并掌握混合模式动画的原理和应用学生能创新性地运用混合模式动画制作动画第九章：综合实例—制作一个高级动画短片9.1 教学目标让学生熟练掌握时间轴特效、滤镜和混合模式动画的综合应用培养学生独立创作完整动画短片的能力9.2 教学内容制作一个完整动画短片的过程如何在短片项目中有效运用时间轴特效、滤镜和混合模式动画9.3 教学步骤讲解制作完整动画短片的过程演示运用时间轴特效、滤镜和混合模式动画制作短片的过程让学生动手实践，独立创作一个动画短片9.4 教学评价学生能熟练掌握时间轴特效、滤镜和混合模式动画的综合应用学生能独立创作出一个完整动画短片第十章：课程总结与拓展学习10.1 教学目标帮助学生总结本课程所学内容引导学生进行拓展学习，提升动画制作技能10.2 教学内容回顾本课程的重点知识和技能介绍拓展学习资源和方法10.3 教学步骤与学生一起总结本课程的主要内容和收获提供拓展学习资源，指导学生进行自主学习10.4 教学评价学生能对本课程内容进行有效总结学生能根据指导开展拓展学习，不断提升动画制作技能第十一章：高级Flash动画性能优化11.1 教学目标让学生了解Flash动画性能优化的重要性让学生掌握Flash动画性能优化技巧11.2 教学内容动画性能优化的重要性优化动画帧率、图形质量与文件大小的方法使用位图缓存与精灵技术提高动画性能11.3 教学步骤讲解动画性能优化的重要性演示如何优化动画帧率、图形质量与文件大小展示如何使用位图缓存与精灵技术提高动画性能学生动手实践，优化一个Flash动画的性能11.4 教学评价学生能理解动画性能优化的重要性学生能掌握优化Flash动画性能的技巧第十二章：高级Flash动画编程12.1 教学目标让学生了解Flash动画编程的概念和应用让学生掌握Flash动画编程的基本方法12.2 教学内容Flash动画编程的概念和应用使用ActionScript进行动画编程的基本方法常见动画编程技巧和功能实现12.3 教学步骤讲解Flash动画编程的概念和应用演示使用ActionScript进行动画编程的基本方法展示常见动画编程技巧和功能实现学生动手实践，编写一个简单的Flash动画程序12.4 教学评价学生能理解Flash动画编程的概念和应用学生能掌握Flash动画编程的基本方法第十三章：Flash动画与Web技术的结合13.1 教学目标让学生了解Flash动画在Web中的应用让学生掌握Flash动画与Web技术结合的方法13.2 教学内容Flash动画在Web中的应用场景使用HTML、CSS和JavaScript技术将Flash动画嵌入网页中实现Flash动画与网页交互的方法13.3 教学步骤讲解Flash动画在Web中的应用场景演示如何使用HTML、CSS和JavaScript技术嵌入Flash动画展示实现Flash动画与网页交互的方法学生动手实践，将一个Flash动画嵌入到网页中13.4 教学评价学生能理解Flash动画在Web中的应用学生能掌握Flash动画与Web技术结合的方法第十四章：Flash动画项目实战14.1 教学目标让学生了解Flash动画项目制作的整个流程培养学生独立完成Flash动画项目的能力14.2 教学内容Flash动画项目制作的流程和步骤项目策划、设计、制作、测试和发布的注意事项实战项目中应用Flash动画技术的技巧和经验14.3 教学步骤讲解Flash动画项目制作的流程和步骤分析实战项目中应用Flash动画技术的技巧和经验学生分组进行实战项目制作，教师提供指导14.4 教学评价学生能了解Flash动画项目制作的整个流程学生能独立完成Flash动画项目第十五章：课程回顾与未来展望15.1 教学目标帮助学生回顾本课程所学内容，巩固知识点引导学生思考Flash动画制作技术的未来发展趋势15.2 教学内容回顾本课程的重点知识和技能讨论Flash动画制作技术的未来发展趋势15.3 教学步骤与学生一起回顾本课程的主要内容和收获引导学生讨论Flash动画制作技术的未来发展趋势15.4 教学评价学生能对本课程内容进行有效回顾学生能对Flash动画制作技术的未来发展趋势有所思考重点和难点解析本文主要介绍了Flash动画制作课程中关于制作高级动画的内容，包括时间轴特效、滤镜、混合模式动画的制作方法，以及高级动画性能优化、编程和与Web 技术的结合等知识点。

巧妙使用动感闪图功能，自制动感日历
巧妙使用动感闪图功能，自制动感日历
今天牛牛和大家分享的教程，是有关将日历场景和动画闪字综合起来使用的一个小技巧，在这里我们把原来的教程可以重新复习一下，大家来一起动手做一下吧。

效果图：
第一步：利用可牛影像，打开一张实例图；这里我们还是选用了大家喜欢的泡沫之夏的剧照哦。

第二步：点击场景-日历-已下载-我们这里选用竖排日历，点击载入日历，这里我们可以通过调整蓝色框框的大小，将日历场景调整到适合的大小，并将背景不透明度滑动条调整到最右侧，使背景完全透明。

第三步：打开动感闪图-特效闪图-为图片添加闪图，这里我们选择红色区域的飘雨特效；通过调节图框。

我们保留日历部分。

点击另存为饰品；然后退出动感闪图编辑即可；
第四步：新建背景，新建出来的背景为白色，我们把背景调成黑
色背景，涂抹功能可以实现，这里我们和大家分享另一种变色方法：使用编辑-智能修复-自动曝光功能；背景就可以瞬间变成黑色了。

第五步：点击动感闪图-动感饰品-用户自定义-添加刚才保存的日历饰品；如图所示，通过拖动蓝色框框调整图片位置。

第六步：点击动画闪字-其他样式-竖排文字-渐变闪动样式，并且把字体颜色和山东颜色调成与日历背景色相近的颜色，这样整张图片看起来会比较协调；这里我们选取背景色中的浅绿色和淡粉色；
第七步：为图片添加一些动感饰品，使图片看起来更动感；点击保存就可以了。

我们的动感日历场景做完了，日历动感起来主要是借助饰品的点缀，所以大家赶紧发散思维，让日历动起来吧。

《Flash动画制作课程》制作高级动画—时间轴特效、滤镜、混合模式动画教案一、教学目标1. 让学生了解并掌握Flash中时间轴特效的基本概念和应用。

2. 让学生学会使用Flash中的滤镜功能，为动画元素添加视觉效果。

3. 让学生掌握Flash中混合模式动画的制作方法，提升动画的视觉效果。

4. 通过实践操作，培养学生的创新能力和团队协作能力。

二、教学内容1. 时间轴特效：1.1 动态遮罩1.2 补间动画1.3 帧动画2. 滤镜：2.1 模糊滤镜2.2 锐化滤镜2.3 渐变滤镜2.4 其他滤镜3. 混合模式动画：3.1 正常模式3.2 溶解模式3.3 叠加模式3.4 背后模式3.5 其他混合模式三、教学重点与难点1. 教学重点：时间轴特效、滤镜、混合模式动画的制作方法和应用。

2. 教学难点：动态遮罩的运用，滤镜和混合模式的搭配使用。

四、教学准备1. 教师准备Flash软件教学版本。

2. 准备相关的教学素材和案例。

3. 准备投影仪或白板，用于展示操作过程。

五、教学过程1. 导入新课：通过展示一个精美的Flash动画作品，引发学生的好奇心，激发学习兴趣。

2. 讲解时间轴特效：2.1 动态遮罩：讲解动态遮罩的概念和应用，演示制作过程。

2.2 补间动画：讲解补间动画的原理和制作方法，演示实例。

2.3 帧动画：讲解帧动画的制作技巧，演示实例。

3. 讲解滤镜：3.1 模糊滤镜：讲解模糊滤镜的效果和应用，演示实例。

3.2 锐化滤镜：讲解锐化滤镜的效果和应用，演示实例。

3.3 渐变滤镜：讲解渐变滤镜的效果和应用，演示实例。

3.4 其他滤镜：简要介绍其他滤镜的效果和应用。

4. 讲解混合模式动画：4.1 正常模式：讲解正常模式的效果和应用，演示实例。

4.2 溶解模式：讲解溶解模式的效果和应用，演示实例。

4.3 叠加模式：讲解叠加模式的效果和应用，演示实例。

4.4 背后模式：讲解背后模式的效果和应用，演示实例。

4.5 其他混合模式：简要介绍其他混合模式的效果和应用。

flash怎么制作⽉⾷动画？flash⽉⾷变化过程⽰意图的做
法
经常使⽤flash模拟⼀些效果，⽐如我们今天就来模拟⽉⾷的过程，该怎么制作⽉⾷动画效果呢？下⾯我们就来看看详细的教程。

adobe Flash CS6简体中⽂版(专业动画软件) v12.0.0.481 绿⾊精简版
类型：动画制作
⼤⼩：176MB
语⾔：简体中⽂
时间：2018-11-12
查看详情
这⾥⽤的是FLASH CS6，打开软件，新建FLASH⽂档。

设置舞台颜⾊为深⾊
选择
选择并复制圆形
新建两个图层，然后都原位粘贴⼀个同样⼤⼩的圆形
现在的图层如图所⽰
延长时间轴的帧到60帧
隐藏最上⾯的图层内容
将第⼆个图层的
在第2个图层的第60帧插⼊，然后第1帧移动圆形到左边
因为两个关键帧的图形⼀样，所以直接使⽤形状补间动画就可以了
最后显⽰最上⾯的图层，右键选择后
预览后就是⽉⾷的效果了
以上就是flash⽉⾷变化过程⽰意图的做法，希望⼤家喜欢，请继续关注。

实训23：简单日历1、实训目的与要求本实例的效果是利用Flash中的组件以及数据的相互绑定操作来实现的，其功能是：用户在日期组件中任意选择一个日期，系统将自动在文本对象中显示所选取的日期。

2、实训内容本实例利用Flash中的组件以及数据的相互绑定操作制作而成。

3、实验步骤实验题目简单日历01新建一个基于ActionScript 2.0的Flash文档。

按【Ctrl+J】组合键，打开“文档属性”对话框，设置编辑区的大小为300像素×250像素、帧频为12fps、背景颜色为白色。

02按【Ctrl+ F7 】组合键打开“组件”面板，然后在User Interface组件类中选择DateChooser 和Label, 并将其拖入到“库”面板中。

03单击“文件”|“导入”|“导入到舞台”命令，将图片9.jpg导入到舞台中，设置其尺寸为400像素×300像素，然后按【Ctrl+B】组合键将图片打散。

04新建图层2，在“库”面板中将DateChooser组件拖入到舞台中，并调整其位置，然后在“属性”面板中将其命名为date。

将“库”面板中的Label组件拖入到舞台中，然后在“属性”面板中将其命名为myrq，并调整其位置，如图6-173-1所示。

05在舞台中选择Label组件，设置其宽度为220，并在“组件检查器”面板中将text原文替换为“请选择日期”，如图6-173-2所示。

06选择DateChooser组件，然后在“组件检查器”面板中双击dayNames选项，在弹出的“值”对话框中选择相应的选项并进行修改，如图6-173-3所示。

双击monthNames选项，在弹出的“值”对话框中选择相应的选项，并进行修改（如图6-173-4所示），其它选项保持默认的设置。

07选择舞台中的DateChooser组件，然后按【Shift+ F7 】组合键打开“组件检查器”面板,在该面板的“绑定”选项卡中单击按钮（如图6-173-5所示），弹出“添加绑定”对话框，在该对话框中选择selectedDate:Date选项（如图6-173-6所示），然后单击“确定”按钮即可完成数据绑定，如图6-173-7所示。

(注：本课分两课时完成，第一课时以新授为主，第二课时以练习为主) 第一课时教学内容：《再现“月食”》教学要求：1.学会运用学过的运动动画设计“月食”动画效果。

2.学会设计明亮度渐变动画效果，并运用于“月食”动画。

教学要点：1.重点：月食情景动画设计。

2.难点：月食时月亮的变化及各关键帧的设置。

教学过程：一、导入新课同学们都见过月食吗？日食呢？那情景是难得一见的。

请同学们说说其中的天文原理。

今天我们就运用Flash动画来展现月食时的情景。

1.启动“多媒体网络教室”，进入演示教学。

2.启动Flash。

3.播放“月食”动画，让学生欣赏制作好的月食动画效果。

4.指导学生观看视频教程内容，对月食动画设计过程作初步了解。

二、讲解与操作演示1.想一想：怎样达到月食时月亮形状的变化效果？思路：用一个黄色、一个蓝色（与夜空同色）这样两个大小一样的月亮相向而行，运用学过的运动动画知识，让它们在同一条水平线上相遇。

2.提问：两个月亮能否在同一图层？应该谁遮住谁？3.演示制作两个月亮相遇的运动动画，两个月亮距离宜近不宜远，否则会造成月食过程太快。

4.演示背景制作：（1）先插入新图层，并在该图层的绘图区画背景：先画蓝色背景（注意：画蓝色矩形作背景，不能直接设置背景色，否则天空颜色就无法改变了。

颜色不宜过深或过淡），再画楼房和树丛等，可以随心所欲任意发挥你的想像力。

背景要求：可简可繁，自由发挥。

注意夜晚景物颜色的深浅要适当。

（2）将画好的背景转换成组件（比先新建组件方便）。

问：背景图层放在什么位置？（最底层）先设计背景合适还是先设计月亮动画合适？为什么？5.预览动画。

问：动画中还缺少什么？（明暗变化）6.设置月食时的明暗变化效果。

（1）Flash中的明暗变化效果可以通过明亮度的渐变动画实现，不宜采用前面学过的改变Alpha值实现，为什么？（因为Alpha值改变的是图像的透明度，适宜渐隐渐现的动画效果。

）（2）明亮度的渐变设置与Alpha值变化设置方法一样，都是通过“实例”面板中的“效果”设置卡进行设置。

效果预览图：图1-1效果简介：该实例是一个很普遍的电子日历效果。

因为许多效果都需要使用到时间，时间效果也是大家最喜欢和最想要学习的。

所以笔者就用这个效果来作为“攻克”对象的突破口。

文章简介：其实大部分对象并没有大家想得那么难掌握。

通过学习这个电子日历效果的制作，读者们不仅可以学到（时间）对象的使用方法，还可以对整个对象产生一个具体的认识。

制作步骤：设置场景的大小为240px×160px，背景色为黑色，帧频为15fps。

1．按快捷键Ctrl+F8，然后创建一个“背景”图形元件。

在“背景”的场景中按快捷键Ctrl+R打开“导入”面板导入一幅背景图。

如图1-2所示。

图片的大小应该和场景的大小一致。

图1-22．把主场景中的“图层1”改名为“背景”层，打开库，把“背景”元件从库中拖拽到“背景”层中。

现在教大家一个调整背景图片和场景快速重叠的技巧。

首先选中背景图片，接着按快捷键Ctrl+K键或是点击图标打开“对齐”面板，然后按下“舞台分布”图标，如图1-3所示。

图1-3接着单击左对齐，上对齐图标就即可。

3．点选“工具”面板中的“文本”工具，然后如图1-4所示设置“属性”面板。

图1-44．接着创建一个“文本”层，用来放置几个动态文本，如图1-5所示。

图1-5在“文本”层中绘制5个动态文本，如图7-6所示。

然后分别为其申明变量名：yeahtext、daytext、weektext、half、timetext。

图1-65．设置好动态文本后。

再创建一个“脚本”层，用来放置代码。

如图1-5所示。

右键单击该层的第1帧，在弹出的菜单中选择“动作”命令，或按F9键打开“动作”面板。

然后键入以下代码。

代码的作用是让动态文本能够显示系统当前的时间，日期，年份等。

// 创建新的日期对象,然后调用其方法和属性time = new Date();// 把系统当前的时钟值赋给变量hourhour = time.getHours();// 把系统当前的分钟值赋给变量minuteminute = time.getMinutes();// 把系统当前的秒种值赋给变量secondsecond = time.getSeconds();milli = int(time.getMilliseconds()/10);// 如果分钟值小于10，就在其前面加一个字符"0",这样设计才符合常理if (minute < 10) {minute = "0"+minute;}// 如果秒钟值小于10，就在其前面加一个字符"0"if (second<10) {second = "0"+second;}//如果毫秒值小于10，就在其前面加一个字符"0"if (milli<10) {milli = "0"+milli;}// 如果时钟值小于12，则在half文本里显示字符串"上午",否则显示为下午if (hour<12) {half = "上午";} else {half = "下午";}// 在yeahtext文本里显示系统年份yeahtext = time.getFullYear();//在daytext文本里显示系统前日期daytext = time.getMonth()+1+" 月"+time.getDate()+" 日";//在weektext文本里显示系统星期weektext = "星期"+time.getDay();//在timetext文本里显示系统时间timetext = hour + ":" + minute + ":" + second + milli;6．最后一步。

《Flash动画制作课程》制作高级动画—时间轴特效、滤镜、混合模式动画教案第一章：时间轴特效动画概述1.1 教学目标让学生了解时间轴特效动画的概念和作用。

让学生掌握时间轴特效动画的基本制作方法。

1.2 教学内容时间轴特效动画的定义和分类。

时间轴特效动画的制作流程。

时间轴特效动画的应用场景。

1.3 教学步骤1.3.1 导入：通过实例展示时间轴特效动画的效果，引发学生兴趣。

1.3.2 讲解：讲解时间轴特效动画的定义、分类和制作流程。

1.3.3 演示：教师演示时间轴特效动画的制作方法。

1.3.4 练习：学生跟随教师一起制作一个简单的时间轴特效动画。

第二章：滤镜应用2.1 教学目标让学生了解Flash中滤镜的基本概念和作用。

让学生掌握滤镜的添加、删除和修改方法。

2.2 教学内容滤镜的分类和效果。

滤镜的添加和删除方法。

滤镜属性的修改。

2.3.1 导入：通过实例展示滤镜效果，引发学生兴趣。

2.3.2 讲解：讲解滤镜的分类、效果和基本操作。

2.3.3 演示：教师演示如何添加、删除和修改滤镜。

2.3.4 练习：学生跟随教师一起对动画对象添加滤镜效果。

第三章：混合模式动画3.1 教学目标让学生了解混合模式的基本概念和作用。

让学生掌握混合模式的设置和应用方法。

3.2 教学内容混合模式的分类和效果。

混合模式的设置方法。

混合模式在动画中的应用场景。

3.3 教学步骤3.3.1 导入：通过实例展示混合模式动画的效果，引发学生兴趣。

3.3.2 讲解：讲解混合模式的概念、分类和效果。

3.3.3 演示：教师演示如何设置和应用混合模式。

3.3.4 练习：学生跟随教师一起制作一个混合模式动画。

第四章：制作飘落效果动画4.1 教学目标让学生了解并掌握飘落效果动画的制作方法。

让学生能够灵活运用时间轴特效、滤镜和混合模式制作动画。

飘落效果动画的构思和设计。

飘落效果动画的制作流程。

飘落效果动画的优化和调整。

4.3 教学步骤4.3.1 导入：通过实例展示飘落效果动画的效果，引发学生兴趣。

3.5.3 快速上手f步骤1 新建文件。

选择软件默认文件大小即可。

f 步骤2 设置属性。

在【矩形工具】上单击并按住鼠标，从弹出菜单中选择【多角星形工具】，单击按钮，打开【属性】面板，如图3-58所示。

在【属性】面板中，单击【选项】按钮，打开【工具设置】对话框，设置边数为6，单击。

如图3-59所示。

f步骤3 选择【工具】面板中的【对象绘制】按钮，在工作区中绘制一多边形，如图3-60所示。

f步骤4 用【选择工具】选择多边形，按下Alt键，复制出4个同样大小的多边形，并垂直排列，如图3-61所示。

图3-58 【属性】面板图3-59 【工具设置】对话框图3-60绘制多边形图3-61垂直排列f步骤5 选择菜单【修改】→【合并对象】→【联合】，将图形合并。

将合并后的图形复制并排列，效果如图3-62所示。

f步骤6 将合并后的图形全选，选择【修改】→【分离】或按下Ctrl+B键，将图形分离，效果如图3-63所示。

f步骤7 选择【颜料桶工具】，设置填充颜色为黑色，填充颜色，如图3-64所示。

图3-62将合并后的图形复制并排列图3-63将图形分离图3-64 填充颜色f步骤8 继续选择【多角星形工具】，单击按钮，打开【属性】面板，选择笔触样式为虚线，单击右侧的【编辑笔触样式】按钮，打开【笔触样式】对话框，进行如图3-65所示的设置。

f步骤9 设置完成后，在黑色图形上方绘制一个无填充色，边线为白色虚线的多边形，其大小可在【属性】面板中进行设置。

按下Alt键，复制，将复制的多边形分别移入到所有黑色多边形上面，效果如图3-66所示。

图3-65 打开【笔触样式】对话框图3-66 移入到所有黑色多边形上面f 步骤10 在【图层】面板上，单击【新建图层】按钮，新建“球体”图层。

f 步骤11 单击【颜色】面板图标，打开【颜色】面板，设置球体填充为放射状渐变色，如图3-67所示。

f 步骤12 选择【椭圆工具】，按住Shift 键，绘制一个圆形作为球体。

封面
月历和SWF动画：网络月历模板和幻灯制作：Chen
请用鼠标打开新年礼品，按提示进行操作。

请用鼠标建造花园。

鼠标拖动或按住不动都可以造出美丽的花，非常好看。

鼠标点击腊梅枝，可以绘出非常美丽的腊梅花。

可以用鼠标或点击【键盘提示】用键盘演奏钢琴曲。

也可以点击【播放】从列表中选播钢琴曲。

请用鼠标拼图
过【六一节】给孩子玩【小宝宝连连看】。

你可用鼠标操纵这个人的活动，很有趣。

请你用鼠标把女孩打扮漂亮些。

鼠标放在画面上会有惊喜等着你（打鼠标和吃鼠标）、
请用鼠标摘苹果
点击跳动的心可以看到爱的语言
点亮圣诞树彩灯.点击两次【START】按钮后，用鼠标连通管道点亮圣诞树彩灯。

按Esc键退出。