《flash8电子教案》由会员分享，可在线阅读，更多相关《flash8电子教案（14页珍藏版）》请在金锄头文库上搜索。
1、Flash8电子教案第一课：flash8的界面和工具教学目标：1、 认识flash8的软件界面2、 掌握flash8的常用工具3、 了解flash8的常用快捷键教学内容：1、 flash8界面介绍：1）、菜单栏2）、工具栏(选取工具、绘图工具、填充工具、查看工具、颜色工具和文本工具)3）、时间轴4）、舞台和工作区（问题1：舞台和工作区的区分?）5）、视图控制6）、属性面板7）、面板(问题2：面板如何实现组合和拆分？)2、工具介绍：1）、绘图工具：手绘线条工具（铅笔、刷子和钢笔）和形状绘制工具（线条、椭圆、矩形和多角星形）、铅笔工具：主要用于绘制线条和轮廓模式：伸直模式、平滑模式和墨水模式、刷子
2、工具：用于绘制刷子形状图案模式：标准绘画、颜料填充、后面绘画、颜料选择和内部绘画、钢笔工具：即可以绘制曲线，又可以对绘制的曲线进行曲率调整，还可以绘制直线并且对所绘制的直线调整曲率使之变成相应的曲线。、线条工具：绘制直线、椭圆工具：（问题3：如何绘制正圆？）、矩形和多角星形工具：（问题4：怎样绘制五角星？）实例1：心形的绘制（复制，粘贴到中心，水平翻转和垂直翻转）实例2：十字路口的绘制（切割）实例3：树枝的绘制（自由变换工具，钢笔工具，刷子工具）第二课：flash8工具（二）教学目标： 掌握flash8的常用工具 熟悉flash8的常用快捷键 熟悉鼠绘常用工具教学内容：1、 flash8常用工
3、具：1）、颜色工具：笔触颜色和填充颜色、混色器的使用（线性、放射状、位图填充）和溢出（扩展、映像和重复模式）问题1：映像与重复模式的区分？（映像就是把一段渐变对称翻转，然后合并后在重复下去，而重复模式只是简单地把一个渐变重复多个，缺少了对称翻转）2）、文本工具：属性的设置实例1：立体文字的制作3）、任意变形工具：任意变形工具（封套和扭曲）与变形面板实例2：制作五星红旗实例3：米老鼠头像的绘制制作步骤：（1）、新建一个空白的flash文档。（2）、利用椭圆工具，在“颜色”中选择轮廓线颜色为黑色，填充色为无。（3）、在属性面板中把线宽改为1.5，线形选为实线。（4）、在舞台中画一个长比宽稍长一点的
4、椭圆作为米老鼠的头。在画一个圆作为米老鼠的耳朵。复制粘贴改圆作为米老鼠的另一只耳朵。（5）、使用选择工具移动两只耳朵到相应的位置。（6）、再次使用椭圆工具画一个椭圆作为米老鼠面部的一部分，和前面一样，复制一个相同的椭圆并移动到合适的位置。 （7）、使用选择工具，删除多余的线条。（8）、绘制一条直线，并调整如图所示。 （9）、使用椭圆工具绘制一个与拉弯直线相切的圆，用同样的方法在右边对称的位置画出拉弯的直线和园。 （10）、删除多余的线条，如图所示。（11）、填充颜色。（12）、使用椭圆工具为米老鼠绘制两只眼睛。（13）、绘制如图所示直线并拉弯。（14）、使用椭圆工具为米老鼠画上鼻子。（15）、
5、绘制嘴巴。（16）、填充面部颜色。米老鼠头像制作完成。实例4：竹林的制作制作步骤：（1）、画“竹叶”： 画一矩形：大小为 36X26，填充色为#336600，无笔触色，如下图。放大场景到 200%，用alt加选择工具调整矩形的形状，如下图。再复制出 3 个；将其中 1 个缩小到 80%， 从混色器面板中将 alpha 值调到80%；将另外两个缩小到 60%，alpha 值也调到 60%；将 4 个图形组合成 1组叶片，如下图。 （2）、画“竹枝”： 画一矩形：大小为 5X80，填充色为#476501，无笔触色；放大场景到 400%，用选择工具调整上边的宽度，使之成为上窄下宽的梯形；选中梯形 1
6、，复制出梯形 2，在属性面板中调整为3X80；选中梯形 2，复制出梯形 3，在属性面板中调整大小为 1X80。（见图）（3）、画“竹节”： 选矩形工具，笔触无，颜色为线性填充，左： #000000，中：#669900，右：#CEFE5F，画两个矩形。矩形1大小为 10X35，组合；矩形 2 大小为 10X3，将场景放大到 800%，用填充变形工具把变形中心点移到左边，用选择工具把左右两边拉成圆弧状，在矩形下边画一条长度为 10、高度为 1 的黑色的直线，组合矩形与直线。（见图） （4）、画“竹杆”（5）、画“竹”第三课：flash 8的界面和工具教学目标： 掌握元件的创建和编辑 掌握按钮的制作
7、 了解时间轴 掌握逐帧动画教学内容：1、时间轴1）、时间控制区： 时间轴标尺：由帧标记和帧编号两部分组成 状态栏：显示当前帧、帧率和播放时间等信息 帧浏览选项：2）、层控制区： 显示隐藏所有图层 锁定解锁所有图层 显示图层轮廓 插入图层 添加运动引导层 创建图层文件夹 删除图层3）、帧 帧：是处在两个关键帧之间，由系统自动生成的表示渐进或者运动等效果的中间画面。 关键帧：一般作为要素的变化中的状态点。 空白关键帧：该帧在工作区中没有任何内容。 空白帧：和空白的关键帧的区别是，空白的关键帧是可以编辑的帧，而空白帧是不可以编辑的帧，只有插入空白关键帧之后才可以编辑。 帧数：表示第几帧。 当前帧：
8、帧频率：每一帧在画面中显示的时间。 运动时间：红线所在的帧所在的时间点。4）、帧的操作：复制、粘贴、反转和删除2、 元件 元件：就像影视剧中的演员、道具，都是有独立身份的元素。 元件的种类：图形、按钮和影片剪辑。作业1：设计一“开始”按钮1）、元件的创建： 新建元件（Ctrl+F8） 转换元件（f8）2）、元件的编辑3、库（Ctrl+L）4、帧动画1）、分类：逐帧动画、补间动画、引导动画和遮罩动画2）、逐帧动画：由若干个连续关键帧的动画序列。实例1、制作打字动画实例2、制作奔跑动画 实例3、闪烁的心星制作步骤：1）、修改文档属性的背景色为红色。2）、新建一个“光线”元件3）、新建一个“星星”元
9、件4）、新建一个“闪烁的星星”影片剪辑元件从库中拖出一个“闪烁的星星”元件，分别在第10帧和第20帧插入关键帧。单击第一帧并选中其中的实例对象，在属性面板中把颜色改为“alpha”，并设置不透明度为10%，同样的方法，把第20帧的“alpha”设置为20%。单击第一帧在属性面板中选择补间为“动作”，把旋转改为“顺时针”，并设置为1次。第10帧页加入动作补间，设旋转为“逆时针”1次。5）、在主场景中添加图层2，并绘制心形线条。6）、完成逐帧动画第四课：flash 8补间动画教学目标： 掌握动画的分类 掌握补间动画 掌握逐帧动画教学内容：1、补间动画1）、动作补间动作补间又称运动渐变，适用对象是元
10、件。动作补间可以实现位置移动、大小变化、颜色变化、透明度变化，明暗、色调变化等效果。动作补间动画的变形对象必须是位图、字符、组合或元件实例。不能是矢量图。属性面板：补间：选择补间动画类型。缓动：设置动作的加速度。缩放：设置形状大小的过度变化。旋转：设置开始关键帧与结束关键帧间的元件和组合的旋转变化。调整到路径：设置沿着某条路径的动作补间。设置是否使进行动作补间的群组或元件的基线在整个过度中保持与路径的相对角度不变（方向平行）。同步：将同一层上的多个关键帧上的同一图形元件的多个实例的起始帧进行同步。对齐：当在动作补间中使用动作引导层时，选择该项将使对象沿着运动引导层上的路径前进。动作补间的条件：
11、 建立动作补间动画，必须先创建动画的起始关键帧和末尾关键帧，然后激活起始关键帧或一个中间过渡帧，在选择动画补间。2）、形状补间形状补间又称形状渐变，适用的对象为图形，形状补间可以实现移动、缩放、旋转以及填充渐变色和对象加速、减速、变形等效果。属性面板：缓动：设置加速度。混合：下拉列表有两个选项。选择分布式选项在创建动画时所产生的中间形状平滑且不规则，比较适合于光滑的曲线形状；选择角行选项在创建动画时将在中间形状中保留明显的角和直线，故比较适合包括尖角和直线的形状。形状补间的条件： 形状补间必须是矢量图。作业：1、 写字效果2、 奔跑的豹子3、 球体的制作第五课：flash 8遮罩动画教学目标：
12、 掌握动画的分类 掌握遮罩动画 熟练运用遮罩动画教学内容：1、遮罩动画1）、概念遮罩动画是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。2）、用途： 用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见 用来遮罩住某一元件的一部分，从而实现一些特殊的效果。3）、构成遮罩和被遮罩层的元素：遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。4）、遮罩中可以使用的动画形式：可以在遮罩层、被遮罩层
13、中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。5）、应用遮罩时的技巧： 遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。 不能用一个遮罩层试图遮蔽另一个遮罩层。 遮罩可以应用在gif动画上。 在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。 在被遮罩层中不能放置动态文本。 实例1：功夫之王实例2：图片浏览实例3：探照灯的制作实例4：光照文字效果实例5：闪闪的红星
