第十三周遮照应用三.docx
《第十三周遮照应用三.docx》由会员分享，可在线阅读，更多相关《第十三周遮照应用三.docx（13页珍藏版）》请在冰点文库上搜索。
第十三周遮照应用三
第十三周 遮照应用三
教学时间：
2006年11月24日 第13周 教学课时：
3节
教学目标：
1、基本认识点复习（钢笔工具应用）
2、基本遮照动画巩固练习
3、多层遮照动画制作
教学过程：
一、基本知识点巩固练习
1、本周考点：
运用钢笔工具画正弦曲线
提示：
可用显示网格来较精确地定位
根据学生完成的具体情况进行适当的讲解。
2、复习知识点6到10，主要为元件的颜色改变及对齐工具的使用
二、基本遮照动画巩固练习
1、MTV字幕效果（实例一）
比较上下两个动画有什么区别？
上面一个动画就是上节课我们已经会做的只有两个层（遮照层和被遮照层的动画），而下面一个动画除了白色的FLASH，还有一个蓝色的FLASH作底。
下面我们一起来分析下面一个遮照动画。
技术分析：
白色的FLASH是一点点显现出来的，就像我们平日在看MTV时唱过的字颜色改变，（没唱过的字是蓝色的，唱过的字就是白色的），所以遮照是一个矩形渐渐变长的一个缩放动画，在白色还没显现之前是一个蓝色的FLASH，这个就是我们平时在做的普通层。
要注意一点，要把我们的遮照层和被遮照层看作一个整体。
主要步骤：
①做好两个图片元件，一个是白色的FLASH，另一个是蓝色的FLASH。
②做好一个影片剪辑元件，内容是一个长方形的缩放动画
③建好遮照和被遮照层和普通层，注意普通层应在被遮照层下面，不然遮照效果不能体现。
④把各个元件放到相应位置：
影片剪辑元件（长方形的缩放动画）放在遮照层，图形元件（白色FLASH）放在被遮照层，图形元件（蓝色FLASH）放在普通层
思考：
我们把遮照层和被遮照层位置互换效果一样吗？
为什么？
2、光线照射效果制作（实例二）
技术分析：
总共分几层？
哪层是遮照层，哪层是被遮照层？
动画在哪层？
总共分四层，遮照层、被遮照层、一个普通层用来放背景，在最下面。
分析清楚这些后我们再来看，遮照的时候发生了哪些变化？
我们可以看到蓝色字变成了黄色，还有了白色的底（能更好地显示光照效果）
主要步骤：
①先分析好要做几个元件，先做好。
一共有四个元件（蓝色阴影字、白底黄色字阴影字、小圆、小圆动画影片剪辑）
②建好三层，遮照层、被遮照层、一个普通层，并分清楚各层的上下顺序。
③把做好的元件放入到相应的层中（蓝色阴影字在底层、黄色阴影字在被遮照层、小圆动画影片剪辑在被遮照层）
思考：
①练习一，边做边比较和实例一有什么区别？
要注意的是我们要看到遮照小圆，因此小圆动画影片剪辑在遮照层和最上面一层（普通层才能显现）都有，是为了两层动画保持一致，且小圆应该有透明度的调整，否则会把下面的文字挡住。
同时调整最上面小圆的透明度，可使被遮照层中的对象改变颜色效果，以适合不同的需要。
②练习二，动作快的同学可自行完成，其中要注意的是背景层的黑白方块转动的元件要和被遮照层中的黑白方块转动旋转90度，不要重合，否则正好被挡住，不能看到字的效果了。
当然，其实字是看不见的（在遮照层），只是通过方块黑白看出来的。
三、遮照进一步应用
1、放大镜效果（实例三）
技术分析：
我们透过遮照看到的是放大的字，因此放大的字在被遮照层，看到的遮照范围是个圆，因此遮照层就是个圆的移动动画。
而正常大小的字就放在底层，放大镜没经过时显现。
可做好影片剪辑，再放到遮照层，也可直接在遮照层作动画，根据个人的习惯。
不过，在场景的层中作动画比较直观点，不熟练的同学建议直接在场景中作动画。
主要步骤：
①分析好我们动画中一共要有几个层后，先建好层，共四层（遮照层，被遮照层，两个普通层）
②在遮照层中作圆的移动动画，在普通层中作放大镜移动动画，注意两个动画保持统一
③在被遮照层放入文字，并适当放大些，在最下面的普通层中放入文字，保持原来大小即可。
我们前面所做的遮照动画都是一个遮照层对应一个被遮照层，但有的时候我们要的效果不只是一层就可以做到的，这种情况下一个遮照层就要对应几个被遮照层，就像以前一个引导层可以引导多个被引导层一样。
通过下面这个例子我们就可以看到用多层遮照能达到的效果。
2、多层遮照---地球转动（实例四）
技术分析：
初一看好像是地球在转动，仔细分析也就是用了我们的遮照知识，只不过现在两张地图的移动都要透过地球这个窗口显现出来，还有两张地图是反方向移动，并且其中一张是水平翻转，这样看起来才比较像是转过去的。
主要步骤：
①分析好我们动画中一共要有几个层后，先建好层，共四层（遮照层，两个被遮照层，1个普通层）
②在遮照层和普通层中都放入地球，并且保证重合
③在两个被遮照层中分别做两张地图的反方向移动，且在做两张地图的动画时要适当改变透明度，且要记得水平翻转，看起来才逼真一点，也符合逻辑。
注：
在做地图移动时，可使始末两帧的地图图案保持重合，这样一次转动后才不会出现较大的跳跃。
四、其他遮照介绍例子12
我们在看到另外比较精彩的遮照效果，大多都是在遮照层或被遮照层上作文章，做动画还是看以前积累的基础，现在都可以用到。
用到较多的就是用多层遮照来做线的变化，写字，图片的切换（除了百叶窗外还有其他多种形式）等，这些就要求学生在边学习边创造了!
五、拓展练习一点通
这周要介绍的拓展练习内容是百叶窗形式展示图片，要点：
两张图片之间的转换，其中一张在被遮照层，另一张在最下面的普通层，而百叶窗效果就是遮照层。
分析清楚这点后，主要问题就是百叶窗的制作了，百叶窗就是由一个个从一条细线变形到一个矩形的影片剪辑组成的，直到铺满汽车图片即可。
若要显示多张图片只要被遮照层和普通层多几帧，多放几张图片就可以了。
六、遮照应用小结：
通过前面几次课的学习，相信大家对遮照的原理应该有点熟悉，我们以后在做FLASH动画时很多时候都要用到遮照效果，用的好可使作品增色不少。
在制作时要注意的时遮照和被遮照的关系，是单层遮照还是多层遮照？
还有可用不同的遮照方法显示出相同的遮照效果，当然是层越少越简单最好，大家可以多看一些效果多分析多创作，相信大家各凭本领都能用好遮照这个技巧做出好的动画!
第九周 按钮的制作一
教学时间：
2006年10月27日 第9周 教学课时：
3节
教学目标：
1、复习掌握引导线的应用
2、介绍按钮的作用
3、学会按钮的简单应用
教学过程：
一、复习掌握引导线的应用
1、复习上节课的例子，提出一些完成过程中的问题
山坡的曲线的画法可用钢笔工具来画，具体演示下画法；
多片树叶下降，可用两种方法，一是使用影片剪辑，原理类似于以前学过的闪动的星星。
还有一个方法是在引导层中可画多条引导线，引导层下面的图层只要在虚线中，均可被引导线引导。
2、复习上次课的引导线，主要通过实例来巩固（实例1）
技术分析：
小球的跳动就是引导线（当然也可用以前的动画，多创建几个补间也可），猫的变化就是两张图片的变化
主要步骤：
①先完成管的绘制，要注意前后面的分层，否则填充就会出问题，然后再完成阴影面的制作；
②画好引导线，为折线形式，红色小球沿引导线运动；
③猫的两种状态（睁眼和闭眼）小球没砸到时睁眼，快砸到时闭眼且后退（用交换元件做可保持位置不变）
拓展练习 蝴蝶飞舞（拓展练习1）
提示：
挥动翅膀的蝴蝶作为一个影片剪辑，在这个影片剪辑中，把素材中的图片导入，每张图片一帧，表示蝴蝶的不同状态，其中要注意每张图片位置要对齐，方法有两个，一个是打开时间轴的“查看多个帧”，另一个是交换元件
3、圆环的制作（实例2）
为了进一步巩固引导线的动画，还要讲一个新的知识点，即小球绕圆环运动
技术分析：
同样应用引导线做，关键是圆环的引导线是非闭合曲线，小球才能运动，技巧就是用橡皮把圆环打开缺口。
主要步骤：
①先建一层，画一个圆（无填充）
②添加一层引导层，把圆复制，然后把引导层中的圆用橡皮等工具打开缺口，使圆环成为一个非闭合曲线（物体的运动是遵循就近原则，如果不断开，只会作就近小半圈的运动）
③小球的始末状态的设置，第一帧在缺口的一端，最后一帧在缺口的另一端。
思考：
地球绕着太阳转（椭圆形轨道同上例）
拓展练习中的玩具火车的运动（单轨和8字形轨道，有兴趣的同学可以自己尝试一下）
二、按钮的制作：
1、基本按钮的制作（实例3）
插入新元件，元件类型为按钮，即可见如下界面
一般在以上四种状态下放置四个不同的元件，即可制作出一个按钮效果。
下面以变形按钮为例介绍制作步骤。
①插入新元件，元件类型为按钮，并命名该按钮为“变形”
②单击选中“弹起”，并绘制一个蓝色长方形
③单击选中“指针经过”，按F6，并删除蓝色长方形，绘制一个绿色长方形
④单击选中“按下”，按F6，并删除绿色长方形，绘制一个红色长方形
做完后查看效果，并据此讲解四种状态具体表现，其中第四个“点击”在此并不能体现出来，以后具体碰到再说，先掌握前面三种状态设置
2、用文字、图片、图形等作按钮（实例4）
在实例3的基础上演示文字作按钮，即在上面蓝色长方形的位置替换成文字就是文字按钮，演示一下即可，其中“点击”如果是实心的区域，比较容易选中
实例4分析：
主要原理同上例，其中的水晶球可以自己画，也可以用提供的图片，同时也说明了按钮也可以用图片来做！
三、按钮的进一步制作应用
1、简单的动态按钮（实例5）
技术分析：
小球是在鼠标放在按钮时下落的，所以动作发生在按钮四种状态的“指针经过”状态，小球下落又是个运动状态，所以在“指针经过”状态放的不是图片之类的，而是一个影片剪辑（相当于一个小电影）
主要步骤：
①新建一个影片剪辑，在里面做小球下落并且透明度改变的动画
②新建一个按钮元件，在“弹起”状态中画上一个红色的长方形，在“指针经过”状态中放入我们已经做好的关于小球运动的影片剪辑
2、动态按钮引申（实例6）
技术分析：
这个动态按钮的制作基本原理同上例，只是按钮元件的第一种状态中是空帧，就是没放上去时不显示，也就是我们所说的隐形按钮，拖入到场景中按钮元件呈现出半透明状态。
3、动态按钮综合实例应用（拓展练习二）
实例演示：
礼花的绽放效果（鼠标点击，礼花绽放）
技术分析：
鼠标点击引发的事件，即在按钮的，即为热区，按钮的动作就在这个热区触发。
由于是鼠标点击下去才有礼花绽放的效果，所以在礼花绽放的影片剪辑中，第一帧是放入已做好热区的按钮。
第二帧开始才是礼花绽放的动画，就是礼花这个图形的放大动画。
然后在帧上及按钮上加上简单代码即可。
主要步骤：
①新建一个按钮元件，在第四种状态“点击”中画一个实心区域（这里可画一个白色的长方形）
②新建一个影片剪辑，第一帧放入刚做好的按钮，因为不点击的时候事件（礼花绽放）不触发，第一帧加入动作stop，同时按钮的动作是点击就触发礼花绽放的事件，因此在按钮上加上动作on（press）{gotoandplay
（2）;}这个动作语句可在动作面板中选择输入，不用自己输入（自己打入容易错，可用脚本校对）
on（press）{gotoandplay
（2）;} 意思是按下按钮，开始第二帧动作
③在第二帧开始礼花的变化，导入礼花图片并转化为元件，然后作放大的动画
④最后在场景中拖入已经完成的影片剪辑，注意在铺满整个场景，点击的时候才能保证无论点哪里都有礼花绽放，比较逼真些。
铺满时可用多次复制粘贴。
思考：
鼠标放上去礼花绽放怎么做？
（拓展练习三）
提示：
即在按钮的指针经过中放入影片元件
小结：
这节复习了引导线，以及新学了按钮的制作，在按钮的制作中要掌握以下几点：
按钮的四种状态的设置，明白各个状态的具体表现形式
学会用文字、图片等作按钮
学会动态按钮的制作，主要是影片剪辑的应用以及一些简单的动作
第十周 按钮的制作二
教学时间：
2006年11月3日 第10周 教学课时：
3节
教学目标：
1、复习掌握简单按钮的应用
2、介绍一些简单的动作语句
3、学会按钮上的一些简单语句的应用
教学过程：
一、复习掌握简单按钮的应用
1、复习简单动态按钮的制作
主要通过一些实例的制作来巩固练习
先讲一下上节课存在的问题：
在动态按钮中，我们说要制作一个影片剪辑，这个按钮才会动起来。
有几个同学另外的都完成了，但是还是不会动，原因就是大家在制作元件的时候选了图形而不是影片剪辑，所以才使动画不动。
我们只要把元件的类型转为影片剪辑就可以了，当然要重新放入到相应的地方才行，不然还是原来的那个。
（可以通过实例来讲解，以后学生在做的过程中碰到这类问题就不用重新做过了，在原来的基础上稍作一下改动就可以。
）
动态按钮巩固实例一
技术分析：
结合上周课讲的动画和按钮结合来完成
第一个按钮为按下去后动画（字向两边扩散，并变淡）的出现；
第二个按钮是鼠标放上去后动画（字变大并变淡的效果）的出现。
大家可以根据平时所学的动画知识，应用到按钮中，可以充分发挥大家的想象力，作出各类按钮，这些按钮在我们以后各式网站的制作，特别是一些比较有特色的网站的制作中用的较多。
2、综合按钮的制作（实例二）
技术分析：
主要是背景的绘制以及按钮的动画（按钮放上去扩散效果）制作
主要步骤：
①背景黑条的绘制，画两个圆角矩形叠加，删除重叠部分即可；
②小球的绘制，黑球上放白球，上面再写上字母e；
③按钮的制作，扩散效果的制作，小球填充效果第一帧用调色工具缩到最小，最后一帧用调色工具调到适当效果，创建变形动画；
④按钮的弹起状态中放入元件大圆和小圆以及数字，在指针经过中放上刚完成的扩散效果动画。
（动画只要一次，用stop动作）在此要注意按钮中的分层，原理同普通的分层，我们可以把扩散动画放在下面一层，透过大圆展现出来。
⑤按钮的小圆动画制作，绿色变色小球为背景，黄色的曲线作水平转动动画
二、简单动作介绍（按钮制作实例 源文件）
1、复习上节课的按钮，做出礼花实例三，比较发现问题，引入动作语句的应用
2、on动作命令
下面我们就详细地向大家介绍一下这八种事件的使用。
1、press在鼠标指针经过按钮时按下鼠标按钮。
单击press，然后选择动作语句，双击【全局函数】|【时间轴控制】中的play命令。
完整的action是：
on（press）{//设定鼠标事件为按下，然后执行大括号里面的语句。
play（）;//按钮响应后执行play（播放）动作}
press动作
当然，在大括号里面还可以用其他的语句，比如说，gotoAndPlay（yourframe）;//点击按钮后，就会从你设置的帧播放。
2、release在鼠标指针经过按钮时释放鼠标按钮。
单击选择release然后与第一个事件相同加入play命令。
完成的语句如下：
on（release）{//当鼠标按下释放的时候，执行下面的语句动作。
play（）;//按钮响应后执行play（播放）动作。
}
release动作
可以看到，当鼠标左键按下按钮的时候，并没有激发播放动作，而是当鼠标左键放开的时候，执行了播放动作。
这也是与“press”事件不同的地方。
3、releaseOutside当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。
添加语句的方法同上。
完整的语句如下：
on（releaseOutside）{//当鼠标在按钮外部释放的时候执行下面的语句。
play（）;//按钮响应后执行播放动作。
}
releaseOutside动作
通过这个例子我们知道，当鼠标左键在按钮上按住并移动到按钮以外的地方放开后，触发了按钮的动作。
这是一个具有非常想象力的事件，大家可以利用on的这个事件来制作游戏。
4、rollOver鼠标指针滑过按钮区域。
制作方法同上，完整的as语句为：
on（rollover）{//当鼠标滑动到按钮上时执行下面的动作。
play（）;//按钮执行播放动作。
}
rollOver动作
当鼠标指针从按钮上滑过的时候，动画就开始执行播放动作了，而不需要点击它。
我们可以利用on的这个特点来制作一些图示板，非常简单有效。
5、rollOut鼠标指针滑出按钮区域。
制作方法同上，完整的as语句为：
on（rollOut）{//当鼠标滑动到按钮上并离开时执行下面动作。
Play（）:
//按钮响应播放动作。
}
rollOut动作
滑离与滑过并不是相同的，滑离是指鼠标滑动到按钮上并离开以后开始响应，而滑过是指只要鼠标滑到按钮上，就开始执行动作。
6、dragOver在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮区域，再滑回此按钮。
完整的as是：
on（DragOver）{//当鼠标拖过的时候执行下面的动作。
play（）;//执行播放动作。
}
dragOver动作
拖过的效果是在按钮上点击并按住鼠标不放，移出按扭区，再移回按钮上触发的事件。
7、dragOut在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮。
完整的as是：
on（dragOut）{//当鼠标拖离按钮时执行下面的动作。
play（）;//执行播放动作}
dragOut动作
拖离与拖过有所不同，只要在按钮上按住鼠标左键然后移动到按钮外就会响应。
与滑离的区别在于拖离需要按住鼠标左键。
8、keyPress（"key"）按下指定的键。
对于此参数的key部分，需指定键控代码或键常量。
我们在（“key”）中键入“p”。
完整地as语句为：
on（keyPress"p"）{//当按下键盘中的“p”健时执行下面的动作。
play（）;//执行播放动作}
3、结合动态按钮综合实例应用来说明上述的动作语句（实例四）
实例演示：
礼花的绽放效果（鼠标点击，礼花绽放）
技术分析：
鼠标点击引发的事件，即在按钮的，即为热区，按钮的动作就在这个热区触发。
由于是鼠标点击下去才有礼花绽放的效果，所以在礼花绽放的影片剪辑中，第一帧是放入已做好热区的按钮。
第二帧开始才是礼花绽放的动画，就是礼花这个图形的放大动画。
然后在帧上及按钮上加上简单代码即可。
主要步骤：
①新建一个按钮元件，在第四种状态“点击”中画一个实心区域（这里可画一个白色的长方形）
②新建一个影片剪辑，第一帧放入刚做好的按钮，因为不点击的时候事件（礼花绽放）不触发，第一帧加入动作stop，同时按钮的动作是点击就触发礼花绽放的事件，因此在按钮上加上动作on（press）{gotoandplay
（2）;}这个动作语句可在动作面板中选择输入，不用自己输入（自己打入容易错，可用脚本校对）
on（press）{gotoandplay
（2）;} 意思是按下按钮，开始第二帧动作
③在第二帧开始礼花的变化，导入礼花图片并转化为元件，然后作放大的动画
④最后在场景中拖入已经完成的影片剪辑，注意在铺满整个场景，点击的时候才能保证无论点哪里都有礼花绽放，比较逼真些。
铺满时可用多次复制粘贴。
三、小结
注意——在给动画作品添加按钮的时候应该放到单独一层，这样便于修改。
提示——on为按钮上的动作，所以我们必须首先要选中按钮，以后才可以添加on语句。
有的朋友在论坛里面提问，“为什么我的on为灰色不可选状态？
”原因就是你没有选中按钮。
技巧——在一般flash作品中，大家不会有意区分这些on的功能的，一般采用默认的语句。
如果没有特殊说明，你使用了拖离，滑离等事件来制作“replay”按钮，会让人们摸不着头脑的。
试一试——我们了解了on得这么多的功能，利用这些功能可以轻易的制作出flash课件，flash游戏里面的效果，大家不妨试一试。
分析——on语句的功能与按钮息息相关，有按钮的地方一定会有on语句的使用。
而有flash作品的地方，就会有按钮的出现，所以说on的重要作用不可忽视。
今天向大家详细地介绍了on的各种功能，我们就可以结合按钮自身的特点，发挥他们的功能。
第十七周 声音处理和引导页制作
教学时间：
2006年12月15日 第16周 教学课时：
3节
教学目标：
1、能导入各类声音，并能处理一些声音的叠加。
2、制作网站的引导页。
教学过程：
一、FLASH中声音的加载
1、文件－－导入到库－－选择声音源
2、新增一图层（声音层）－－将库中的声音拖入即可，或者在属性面板中选择声音也可以。
3、注意：
声音可以加载因单帧上。
例如声音加载在按钮上。
4、声音也可以中载在多层，这样可以起到多种声音叠加的效果，例如在某些背景音乐下，出现一些激光声音等。
二、声音的处理
当声音被加载到FLASH中后，可进行如下处理：
1、取部分声音播放。
2、控制声音的淡入、淡出等。
3、处理方法：
在属性面板上，单击声音编辑即可
通过实例1来巩固声音的处理
第七周 文字特效制作
教学时间：
2006年10月8日 第7周 教学课时：
3节
教学目标：
1、复习巩固测试题。
2、掌握几类文字特效的制作。
教学重点：
各类文字效果的制作
教学过程：
一、测试分析
根据上次考试的具体情况进行小结点评
1、先说明一下这次考试的概况，总的来说大家完成得都还不错，这次的题目并不难，基本上都是最基础的，而且还都讲过的，大部分同学都只可以独立完成。
大家起点都差不多，只要肯努力，一定可以学好的，入门很快，进一步提高要靠自己，学得快的同学要不断努力，一定能出成绩。
2、存在的一些问题：
小部分同学形状渐变还没掌握，可个别提问；
大部分同学侧面的调整做得不够好，细心调整即可；
个别同学星形变形不自然，原因是星形的边数问题，做的时候要看清要求，仔细研究；
注意生成swf文件（CTRL+ENTER）；
要注意层的命名，养成良好的习惯。
3、表扬一些同学，并展示一下他们的作品（实例四个）
二、文字特效制作实战
1、阴影字的制作（实例1）
技术分析：
阴影字分析主要为两层，一层是文字层，一层是阴影层，且阴影层在文字层下面一层；阴影层就是文字层的复制、变色及变形
主要步骤：
新建一层，打入文字FLASH；
再建一层，复制粘贴；（CTRL＋SHIFT＋V就是原位置的粘贴）；
颜色和形状的调整
2、浮雕字的制作（实例2）
技术分析：
原理同阴影字的制作，分几层，通过颜色调整，做出浮雕效果
3、打字效果的制作（实例3）
技术分析：
文字要一个个出来，可以考虑用逐帧动画（请注意与补间动画的区别：
补间动画是软件自动生成的）
主要步骤：
先新建一层，导入背景图片；
再建一层，一共有21个文字，插入21个关键帧（F6）；
在每一个关键帧处设置文字的个数，根据字打出来的效果，每帧依次多一个字。
4、五彩旋转文字（实例4）
技术分析：
文字的五彩填充，文字的旋转与缩放
主要步骤：
新建一个元件，两次打散后，用七彩色填充；
建立一个动画，注意缩放和旋转的设置
学生可自己练习用中文字做五彩旋转文字，效果更明显些。
5、光线字的制作（实例5）主要适用于掌握程度较好的学生
技术分析：
文字的光线效果的绘制和元件的透明度的变化效果
主要步骤：
新建一个元件，一个打散状态的字母和光线的效果，用直线绘制或者变形工具；
在一层中设置透明度的变化（由浅到深再到浅的过程）；
其余做法同，为加强效果，要注意另外层的字母ABC的设置，一共有六层
6、残影文字的制作（知识拓展）
主要是动作快的学生自己探索制作
提示：
主要要几层文字的叠加效果，（
升级会员 