动画设计Flash教学案例说明.docx

动画设计Flash教学案例一、 案例说明为杜甫的《绝句-两个黄鹏鸣翠柳》配乐朗诵配画面 望眼窗外，翠柳依依，两只黄鹏鸣叫其间远处，一行白鹭渐行渐远，祥云缭绕，群山叠翠与水中倒影呼应，山上白雪皑皑, 水中一叶小舟渐渐驶来，又渐渐远去 二、 案例设计1. 画面分解根据案例说明的描述，作品的主要画面包括：1） 窗前2） 背景3） 鸣翠柳4） 白鹭飞翔5） 千秋雪6） 小船停泊与远行7） 标题字幕8） 诗句字幕根据配乐朗诵的声音文件的长度设计的动画长度如下表声音文件起始帧■结束帧画面层次起始帧-结束帧鸟鸣5〜55标题310〜329〜344〜456前奏56〜318365〜400绝句杜甫319〜344■i主彳〒401〜456两个黄鹏鸣翠柳369〜402457〜500一行白鹭上青天403〜455501〜554窗含西岭千秋雪464〜494小船停泊/小船远行15-497/498-544门泊东吴万里船503〜549千秋雪451〜529尾声550〜574白鹭/飞翔100 〜400/400〜465鸟鸣575〜600鸣翠柳15-370窗前1-600鸣翠柳渐渐消失370〜480〜570背景1-450 530〜600鸣翠柳570〜6002. 制作的流程:1） 准备素材2） 设计界面3） 设计造型4） 创建剪辑5） 合成剪辑6）调试发布3. 界面设计大小：640*480 帧频：12fps背景：白色4. 造型设计本案例包含以下造型元件造型名称工具大小=1匕旦 冃示无边框矩形、渐变填充640*680窗前导入图片后打散565*575远山导入图片后打散664*126远山倒影导入图片后打散、变形664*126千秋雪导入图片后打散522*279祥云导入图片后打散177*39树杈导入图片后打散268*172柳枝1-5铅笔、直线椭圆等工具绘制135*250-135*250-144*211-94*209-99*257小船铅笔、直线椭圆等工具绘制76*90白鹭铅笔、直线椭圆等工具绘制127*81一行白鹭组合五个白鹭元件482*295黄丽鸟嘴绘制或从图片中截取66*53黄鹏尾绘制或从图片中截取144*210黄禍翅绘制或从图片中截取247*242黄鹏身绘制或从图片中截取326*317按钮文字、矩形工具加粗宋体/24/红色-紫红色标题（2）文字工具黑体/56-30/黑色诗行（4）文字工具黑体/16/黑色为主4.影片剪辑设计本案例包含以下影片剪辑元件元件名称动画类型帧数/层数=1匕旦 冃示运动（2个倒影层）倾斜（30°, -30°）400/8窗前形变/运动/脚本（stop）30/3黄鹏鸣唱逐帧15/1黄禍摆尾运动，组合（黄鹏鸣唱）30/3黄鹏振翅1/2运动/逐帧60/3, 75/3黄禍1/2组合（黄鹏摆尾，黄丽鸟振翅1/2）90/2, 115/2柳枝摆动1-5运动/逐帧80-80-90-90-85/1船行路径/脚本（stop）60/2白鹭飞翔路径/运动55/2鸣翠柳组合（柳枝摆动1-5、黄解1/2、树杈）155/26千秋雪运动/脚本（stop）80/6祥云飞渡运动400/14三、案例实现中的关键技术1. 素材准备1） 在D盘上新建no4/flash文件夹，在新建的文件夹中在建pic和sound文件夹2） 把图片 window.jpg、clound.jpg、mountain.jpg> branch.jpg 和 snow.jpg 复制到新建的 pic 文件夹中3） 把声音文件“鸟鸣.mp3”和“绝句.mp3”复制到sound文件夹中2. 编辑界面属性1）技术要点新建文件：了解各个参数的含义 文档的属性：大小、背景和帧频编辑界面：时间轴、属性面板、舞台、对齐/信息/变形面板 2）实现步骤新建文件（1）启动Flash后，进入如图1所示的界面；.macromedia**Z FLASH1 Professional8抒开最近项目 包健新项目从模板包健IC□打开••• • Flash文档O个人数字助理 」全球• Flash幻灯片演示文稿• Flash表草应用程序D幻灯片演示文稿@ ActionScript 文件D广吿0 ActionScript通信文件O日本E Flash JavaScript 文件◎ m勾Flash项目Q演示文稿O更多.・・扩展（5）Macromedia Flash Exchange图1（2）选择【创建新项目】中的【Flash文档】，进入Flash应用程序窗口，出现【未 命名-1】的文档窗口，如图2所示；设置文档属性(1) 单击【属性】标签，打开【属性】面板，设置文档的属性，如图3、4所示;▼属性滤讀参数7 X.大小：| 640 x 480像索| 制R：二j 频:出_ fpsJ播放器：8 ActSScipt: 2 0ggX件：汰认文件©发布：匚灌…设备；「设量…16d图(2) 认识编辑环境，如图5所示保存文档执行菜单命令【文件I保存】，弹出【另存为】对话框，设置相关参数，如图6 所示；3. 设计造型一图形、图像与按钮1） 技术要点属于静态矢量图造型工具：铅笔工具、笔刷工具、多边形工具、线条工具以及钢笔工具 文件I导入：把图片文件导入库中，形成造型或元件插入I新建元件：创建元件、元件库和元件库的管理2） 实现步骤新建元件执行菜单命令【插入I新建元件】，弹出【新建元件】对话框，设置相关参数：名 称（背景）、单选框（图形），如图7所示。

绘制造型（1）打开【颜色】面板，选择【类型】为【线性】，设置两端色标的颜色值为（003300）、 （3333cc）,分别插入新色标，修改颜色值为（ccffcc）、（ffffff）、（ccccff）、 （ffffff）；如图8所示；（2）选择【矩形】工具，在舞台上绘制矩形，如图9所示；选中矩形的左边，删除, 如图10所示；图10(3) 选择【变形】工具，把矩形旋转90度，如图11所示;(4) 打开【属性】面板，取消【锁定宽高比】，设置宽(640)、高(480)、x (0)和y CO)；如图12所示;图12(5) 执行菜单命令【文件I保存】，保存当前的设置图片造型(1) 执行菜单命令【文件I导入导入到库…】，弹出【导入到库】对话框，选择图片 所在的文件夹pic,并从中选择文件Window, bmp,如图13所示；(2) 执行菜单命令【窗口库】，弹出【库】面板，可见图片文件Window, bmp,单击 它，在上方的【预览区】可见图片的缩略图，如图14所示；（3）执行菜单命令【插入I新建元件】，弹出【创建新元件】对话框，设置相关参数:名称（窗前）、单选框（图形），如图15所示;（4）把图片Window, bmp拖到窗前元件的舞台上;（5）在【库】面板上可见创建的新元件，如图16所示。

▼库-绝句绝句伽7也阳m项■' 4Jb名称1类型zi] window.bmp位国|°冈青寰區窗前 高亮框81形|图16或者（3）把图片Window, bmp拖到场景的舞台上，执彳亍菜单命令【修改I转换为元件】，弹 出【转换为元件】对话框，设置相关参数：名称（窗前）、单选框（图形），如 图17所示；（4） 删除舞台上的图片Window.bmp□（5） 执行菜单命令【文件I保存】，保存当前的设置按钮造型（1）执行菜单命令【插入I新建元件】，弹出【新建元件】对话框，设置相关参数: 名称（播放）、单选框（按钮），如图18所示；名砸:I 类型⑴：O影片雪辑◎按钮OB0形(2) 进入按钮的编辑界面，单击【文本】工具按钮，打开【属性】面板，设置文本 的字号(18)、字体(黑体)，在编辑区内输入：播放，如图19所示；图19(3) 单击【选取】工具按钮，再单击【指针经过】帧，按【F6】键，插入关键帧， 单击文字，从属性面板上改变该帧的文字颜色(00FF33)；(4) 单击【按下】帧，按【F6】键，插入关键帧；(5) 单击【点击】帧，按【F6】键，插入关键帧，单击【矩形】工具按钮，绘制矩 形覆盖住文字，如图20所示；. 图20(6) 执行菜单命令【窗口I库】，弹出【库】面板，可见按钮元件：播放，单击它, 在上方的【预览区】可见图片的缩略图，如图21所示。

▼库-绝句fl*绝旬.fbV也%4项播放名称 I类型三金I window.bmp 位国 口(7) 执行菜单命令【文件I保存】，保存当前的设置文字造型（1）执行菜单命令【插入I新建元件】，弹出【新建元件】对话框，设置相关参数: 名称（一行白鹭）、单选框（图形），如图22所示；（2）进入图形元件的编辑界面，单击【文本】工具按钮，打开【属性】面板，设置 文本的字号（16）、字体（黑体），文字的颜色（黑色#000000）,,如图23所示; 在编辑区内输入：一行白鹭上青天；▼雇性歩数A姑TMA緊4 J] EI・B z李墓事■、戮[o |y A? -K v 可读性消除曙齿 v国 Afl O巨 B自动调楚子距图23（3） 分别把“青天”、“白鹭”的颜色修改为青色（0099FF）和白色（FFFFFF）；（4） 单击【选取】工具按钮，移动文本的舞台的中央；（5） 执行菜单命令【窗口I库】，弹出【库】面板，可见元件：一行白鹭，单击它, 在上方的【预览区】可见图片的缩略图，如图24所示6）执行菜单命令【文件I保存】，保存当前的设置造型管理（1） 执行菜单命令【窗口I库】，弹出【库】面板，如图24所示；（2） 单击【库】面板下部的【创建新文件夹】按钮，在列表区出现一个新建的文件 夹，重新命名为：Source,把图片文件Window.bmp拖到该文件夹中，如图25 所示；▼库-绝句绝句阳列£囱6项source文件买口wndow.bmp位国a背貴播放按钮宙前一行白量£)£jo @ <名師 「I类型 ▲0LH1 區£^固（3） 同法创建文件夹：Graphic,把元件：背景、窗前拖到该文件夹中；（4） 同法创建文件夹：Text,把元件：一行白鹭拖到该文件夹中；（5） 同法创建文件夹：Button,把元件：播放拖到该文件夹中；如图26所示。

6）执行菜单命令【文件I保存】，保存当前的设置4. 逐帧动画——黄鹏鸣唱（绝句-黄鹏鸣唱.swf）1） 技术。