3ok熊熊之家ok.docx

《3ok熊熊之家ok.docx》由会员分享，可在线阅读，更多相关《3ok熊熊之家ok.docx（6页珍藏版）》请在三一办公上搜索。

1、3ok熊熊之家ok 3.熊熊之家 教学目标： 1. 学会导入图像。 2. 学会flash中的文字编辑。 3. 学会制作逐幀动画。 知识与技能：学会导入图像、学会flash中的文字编辑。学会制作逐幀动画。 过程与方法： 让学生通过书本与老师讲授的方法来学习本节课。 情感态度与价值观： 培养学生对计算机的兴趣，培养学生动手能力和思维能力。 教学重点： 1.学会导入图像。 2.学会flash中的文字编辑。 3.学会制作逐幀动画。 教学难点： 2.学会flash中的文字编辑。 3.学会制作逐幀动画。 教学方法： 实例法、讲述法 教学过程： 导入新课： 热情好客的熊熊把云彩打扮成自己的样子，等待朋友们到

2、家里做客!还等 什么?快来吧!本课，我们将在Flash动画中导人图像，并配合文字的编辑制作多层逐帧动画。制作完成的动画画面如图3.1所示。 1.设置文档属性 新建动画文件。修改“文档设置”的尺寸为“600像素x180像素”，如图3.2 所示 1 2.第1帕动画的制作 (1)导人背景图像 步骤1:将“图层I重命名为“背最. 步骤2:执行“文件”一“导人”，“导人到舞台”命令，在弹出的“导入”对话框中选择要导人的“背景.jpg”文件，单击“打开”按钮，图片被导入到舞台的“背景”图层上。 步骤3:使用“选择工具”、选中舞台上的背景图像，单击“任意变形工具”，待图像出现“调节点”后，调整背景图像与舞台

3、大小一致。然后将该图层锁定，如图3.3所示。 (2)边框制作 步骤1:新建图层，重命名为“边框一深色”。 步骤2:单击工具面板中的“矩形工具”，将笔触颜色设置为。没有颜色”， 填充颜色设置为“橘红色”，绘制一个长方形。 步骤3:单击工具面板中的“选择工具”，调整矩形的边角和边线，如 2 (3)导人小熊”图像并去除图像背景 漂亮的图像可以通过导人的方法直接应用到动画中，图像导人后还可以根据需要进行编辑修改，如截取图像的局部。 步骤1:新建图层，重命名为“小熊”。 步骤2:执行“文件”一“导人”*“导人到舞台”命令，将“小熊jPg 图片导人到舞台的小熊图层上。 步骤3:使用工具面板中的“选择工具”

4、单击小熊图像，执行“修改”- “分离”命令，此时图像显示为沙粒状，如图3.5所示。 步骤4:选择工具面板中的“套索工具”选中选项中的魔术棒，单击小熊图像的蓝色背景，按Delete键将其删除。 步骤5:使用“套索工具”圈选画面中的白云，然后按Delete键将其删除。 如果图像中还有“小熊”以外的多余内容，也可使用“橡皮擦工具”逗擦除 制作完成后“锁定”该图层，如图3.6所示。 应用提高： (4)文字录人文字图层 步骤I:新建图层.重命名为“文字”。 步骤2:在第2技中插人关键帧，选择工具面板中的 舞台的适当位置单击，愉人文字“熊”。 步骤3:选中该文字，在“属性”面板中更改“系列”、 等设置，制

5、作完成后“锁定”该图层，如图3.8所示。 3.制作动画效果 所有动画效果的第I帧都准备完毕，只需插人幀与插人关键祯来调整动画 所需的长度，再使用“任意变形工具”适当调整关键杖中图像的角度.就可以 形成动画了. (1)静态效果制作 分别在“背景”、“边框一深色”、“边框一浅色”图层的第15帧插人帧 使这些图层的内容一直显示到第巧帧，然后锁定这些图层。 (2)小熊的动态制作 步骤I:取消“小熊”图层的锁定，分别在第4, 8, 12帧插人关键帧，为 调整图像做好准备。在第15帧插人帧，使画面显示到第15帧。 步骤2:单击工具面板中的“任意变形工具”，分别调整第1, 4, 8, 12帧 中小熊的角度，

6、注意调整角度时将旋转中心移动至小熊身体的下方，制作完3 成后.锁定”该图层，如图3.9所示。 (3)文字的动态制作 步骤1:取消“文字”图层的锁定，分别在第4, 6, 9帧插人关键帧，并 在各帧中分别输人文字“熊”、“之”“家”，调整“家”字的大小、颜色，使 其醒目突出。 步骤2:在第2, 10, 11, 12帧中插人关键帧，使用工具面板中的“任意 变形工具”，分别调整第9, 10, 11帧中“家”字的角度，并将第1帧的。熊” 字删除，制作完成后“锁定”该图层，如图3.10所示。 4.保存文件 将动画源文件以“熊熊之家”为文件名保存，并测试生成swf格式的文件。 知识着陆点 1.执行“文件”，

7、“导人”*“导人到舞台”命令，可以导人位图文件， 使动画画面更精彩。. 2.需要删除背景或局部画面的图像，可以执行“修改”*分离”命令， 使画面成为沙粒状，再配合“套索工具”、魔术棒”或“橡皮擦工具”来修整，保留画面中的有用部分，删除多余部分。 3.使用工具面板中的“任意变形工具”，并通过移动中心点来调整图像、文字的角度.可以营造图像或文字围绕中心点摇摆的效果，摇椅的动画效果就可 以运用此方法实现。 小结： 导入图像 1. JPEG图像容量调整 Flash导人的图像不会因为在舞台中缩小尺寸而减小容4 量，如果需要减少导人图像的容量就需要对图像进行压缩。 首先在库中找到要导人的图像素材，右击，在

8、弹出的快捷菜单中选择“属 性”命令，打开“位图属性”对话框。选择品质”选项中的“自定义”，输入压缩图像质量的数值，数值越高，图像质量越高，容量也就越大。建议填好 数值后先单击“测试”按钮，在窗口下方会出现压缩后的相关信息，如果适合再单击“确定”按钮，如图3.11所示。 2. gif文件的导人 通常gif文件支持256色的多帧小动画，在Flash中导人gif文件，可以利用gif文件的特点直接产生逐帧动画的效果。 执行“文件，、“导人”*“导入到库”命令，导人文件vn.gif,库中元 件的变化如图3.12所示。 从图中可以看出，库文件中包括组成gif动画的多张位图图像和自动生成 的影片剪辑类型的元件“元件1，该元件是具有逐帧动画效果的小影片，如 图3.13所示。 布置作业： 5 1. 图像大小类似于600像素x180像素的横向动画多见于网站中的横幅广告(Banner)。欣赏网站中各式各样的横幅广告，在制作中注意动画效果、色彩搭配等，然后自己设计和制作一个富有个性的横幅广告，如图3.14所示。 课后反思： 6