flash实习报告

flash实习报告

二维动画制作实训设计题目: 《珍惜生命》公益广告制作 班级学生姓名 学号 指导教师 职称 起止日期: 沈阳工程学院实训报告《二维动画制作实训》任务书 班级: 专业:动漫设计与制作 一、实训目的 使学生在理论学习的基础上,集中培训实际设计能力,使学生具备熟练使用二维动画软 件和相关应用软件解决实际问题的能力。

在实训过程中注意发挥学生的主动性,调动学生的探索精神,培养学生的创新精神、科 学思维精神与自主学习的能力。

二、实训要求 认真书写实训报告。三、实训内容及时间安排 时间安排表: 序号 实习内容 总天数 讲课 操作 机动 备注 0.40.6 0.61.4 0.61.4 0.61.4 0.61.4 成绩评定0.6 0.6 报告撰写0.4 0.4 合计(天数) 10 2.8 7.2 四、成绩评定 成绩包括平时检查(包括出勤)、作品成绩和实训报告三个部分。由实训指导教师科学 评定成绩,各项成绩按比例累加得到实训总成绩。

实训各项占总成绩比例如下: 平时检查:10% 作品评定成绩:80% 实训报告:10% 注:其中平时检查和实训报告具有一票否决权,其一不及格总成绩为不及格。

五、说明 1、本实训是《二维动画制作》课程的配套实训项目,在本实训期间,每一部分内容都 是教师先讲解,让学生了解之后再进行练习。

2、本实训注重在规定的时间内完成实训作品,目的在于加强学生的动手能力。

3、上述学时为参考学时,可以根据实训进程做适当的调整。

六、参考资料 1.教材:龙腾科技. 中文版FlashCS3 循序渐进教程. 北京:科学出版社,2008 2.主要参考书: 龙腾科技.中文版Flash CS3 案例教程. 北京:科学出版社,2008 (韩)石正贤|译者:李红姬//李钢//李明吉.实战Painter9 绘画技法. 北京:人民邮电 出版社,2006 最新Flash实例标准教程.北京:中国青年出版社,2006 《珍惜生命》公益广告制作 目录 第一章 实训目的 第二章实训环境 2.1实训环境 2.2FLASH 简介 2.3FLASH 动画的特点 2.4FLASH 动画的应用领域 第三章内容及程序 3.1实训内容 3.2制作流程 3.3制作步骤 第四章实训后的作品评价及体会 4.1实训后的作品评价 4.2实训后的体会 沈阳工程学院实训报告第一章 实训目的 Flash 是动画过程中很重要的一门二维软件课程,是做动画不可缺少的一部 分,对于初学的我们来说,这次实训是一个很好的锻炼平台。我们一直在课本上 学习理论知识。这次通过实训,是我们在理论的基础上向实践能力的升华,对我 们有很大的意义。

对flash的学习过程进行总结,改进自己的不足之处,掌握flash 中图形 的绘制方法。

锻炼我们实际能力,了解并熟悉flash动画的制作方法和具体流程。

通过本次实训了解和学习一些硬件资源的使用,增加我们对这门专业的更多的了解。

《珍惜生命》公益广告制作 第二章实训环境 2.1 实训环境 软件环境:FLASH,PHOTOSHOP,光盘刻录软件2.2 FLASH 简介 FLASH 是美国 macromedia 公司于1999 月推出的优秀网页动画设计软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意 的界面融合在一起,以制作出高品质的网页动态效果。

FLASH 的前身是 Futureplash,早期网上流行的矢量动画插件。后来由于 Macromedia 公司收购了Future Splash 以后便将其改名为 Flash2,到现在最新的 flash4。现在网上已经有成千上万个 Flash 站点,著名的如 Macromedia 专门 ShockRave 站点,全部采用了Shockwave Flash 和Director。可以说Flash 已经渐 渐成为交互式知量的标准,未来网页的一大主流。

2.3 FLASH 动画的特点 FLASH 动画在网上广为使用,使得大众对它好评以及钟情的原因在于它拥 有很多独特和而且便利的特点: FLASH动画使用矢量图形系统,使用Flash 创建的元素是用矢量来描述 的。矢量图形可以任意缩放尺寸而不影响图形的质量。

FLASH动画具有流式播放技术,使得动画可以边下载边播放,即使后 面的内容还没有下载到硬盘,用户也可以开始欣赏动画。

Flash动画文件容量小,通过关键帧和组件技术的使用使得所生成的动 画(.swf)文件非常小,几 字节的动画文件已经可以实现许多令人心动的动画效果,使得动画可以在打开网页很短的时间里就得以播放。用户 只要为自己的浏览器安装一次插件(Flash Plug-in),以后就可以直接观 看动画。

FLASH动画支持MP3 数据流式音频,可以将MP3 音频压缩格式的文件 直接导入Flash 中,将音乐、动画、声效等融为一体。

FLASH动画具有增强的Flash交互功能,即Flash 使用ActionScript 语句, 增强了对于交互事件的动作控制,使用户可以更精确、更容易的控制动 画的播放。

FLASH动画拥有强大的网络传播能力。

沈阳工程学院实训报告 FLASH动画拥有崭新的视觉效果。

FLASH动画制作成本低。

FLASH动画在制作完成后可以把生成的文件设置成带保护的格式,从 而维护了设计者的版权利益。

2.4 FLASH 动画的应用领域 1.随之计算机的普及以及网络的快速发展,网络动画是 Flash 的一个重要应 用领域。

Flash制作游戏有很多优势,如成本较低、跨平台开发、集成多种媒体 形式和媒体设备、成果易于发布、DIY 精神的体现等。

3.制作教学课件 4.FLASH 电子贺卡 5.制作广告、动画特效 6.搭建FLASH 动态网站以及网站导航条 7.制作企业作品展示 《珍惜生命》公益广告制作 第三章内容及程序 3.1 实训内容 在本次实训任务中,我选择了公益广告的制作,题目是“珍惜生命”,我本 次实训取材来源于生活,以“珍惜生命”为主题,展现一次人为因素的车祸事件, 并不是人为策划,而是人内心的道德天平不品衡的表现。

无论多么鲜活的生命,在车祸的衬托下都显的无比脆弱,即使有着法规的规 范,每个人心中也都抱着自己的一份侥幸,在面临法规与人心的抉择下,往往第 一时间占据头脑的是自己的想法,然后按照自己的意愿做事,而漠视法规的重要 性,从而造成悲惨的后果,酿成悲剧。在实训画面中主要想表现人物的内心活动, 以此达到警示人们的结果。

3.2 制作流程 制作FLASH 动画大致分为6 个步骤,可以用如图3.1 的流程图来概述。

策划动画 发布动画图3.1 FLASH 动画制作流程图 沈阳工程学院实训报告 3.3制作步骤 首先做准备工作,绘制我们所需要的各个部分并转化成元件,尤其在作品中 重复使用的,将之做成元件是最好的选择,对作品来说既能节省空间又方便进行 下面的动画制作,在此,我将绘制好的元件分类做成了文件夹放置于库中,如图 3.2 库中元件展示所示,细节的元件在后续的作品中有添加和运用。

图3.2 库中元件展示 1.制作片头 (1)新建文件(Actionscript2.0),将文件中唯一的图层重命名为“背景”, 如图3.3 新建文件所示。

图3.3 新建文件 (2)新建图层为“代码”,在“代码层上”制作片头字幕,背景色设为绿色 (#66CC00)。

(3)在菜单栏上分别单击【插入】、【新建元件】,新建一个名字为【片头字 幕】的【图形】元件。

《珍惜生命》公益广告制作 (4)进入【片头字幕】,在图形元件中键入汉字“珍惜生命,正视交通规则”,创建片头字幕,放在第一帧。

(5)新建【影片剪辑】loading,进入【影片剪辑】面板,在图层上用矩形 工具绘制一个白色线框,新建图层2,在图层2 绘制一个红色长方形,高度与线 框一致,宽度远小于线框的宽度。

(6)选中两个图层,在100 帧处插入关键帧,第一帧时,将图层2 色矩形放在白色线框之首,100帧时,移到白色线框尾,创建补间动画。将此影 片剪辑放在第2 (release){play 将【播放】按钮放在第3帧,最终片头效果如图3.4 片头字幕所示。

图3.4 片头字幕 帧输入stop();这样一个片头就制作完成了。2.制作正文 (1)接下来开始正文的制作,为了方便后面的管理,首先我在时间轴上创 建了一系列的图层,并分别命名,如图3.5 创建图层所示,其中“代码层”即上 面的片头层。

图3.5 创建图层 沈阳工程学院实训报告 帧插入关键帧,因为要做人物走路的画面,所以背景画面我们要做成动画,即让场景在画面中从左向右运动即可。在第70 帧插入 关键帧,第3 帧的时候将场景放在舞台最左侧,第70 帧是放在舞台最右侧,创 建动画补间动画,效果如图3.6 背景动画补间动画所示。

图3.6 背景动画补间动画 (3)因为动画需要与实际相符合,所以离我们相近的一排树放在男孩女孩 图层的上面,这样人物就会在两旁有树木的马路中行走,同理,在树的图层将树 做成与背景相一致的动画补间动画,其最终效果如图3.7 树的补间动画所示。

图3.7 树的补间动画 (4)接下来做男孩女孩走在路上的动画,插入新建元件【影片剪辑】,在库 中将男孩文件打开,在这个影片剪辑中做男孩走路的逐帧动画,为了动画的更真 实性以及作品的需要,这里每五帧交换一个动作。在第1 帧插入关键帧,将男孩 走路的一个姿势拖入舞台,每五帧交换一次元件,依次放入男孩走路的原画元件, 做成效果如图3.8 所示的男孩走路的影片剪辑。

《珍惜生命》公益广告制作 图3.8男孩走路的影片剪辑 (5)同理,新建女孩走路的影片剪辑,即图3.9 所示的影片剪辑。

图3.9 女孩走路的影片剪辑 (6)返回场景,选择“男孩”、“女孩”、“图层”,在第3 帧与第70 帧插入 关键帧,分别调整男孩女孩的位置,创建补间动画,效果如图 3.10 男孩与女孩 走路所示。

图3.10 男孩与女孩走路 (7)接下来在“卡车层”的第55 帧与第70 帧插入关键帧,将卡车侧面的 元件拖入舞台,调整两次的位置,创建补间动画,如图3.11 卡车补间动画所示。

沈阳工程学院实训报告 图3.11卡车补间动画 (8)分别在“背景”、“卡车”、“男孩”、“女孩”图层的第71 帧与第95 插入关键帧,选择“背景层”,交换元件,并将背景做成补间动画,步骤同之前的背景补间一样。

(9)选择“男孩”图层,将男孩的元件换成男孩正面元件,分别在 71 95帧放置不同的位置,创建补间动画。

(10)同理,将女孩与卡车分别做同样的处理,得到如图3.12 所示的画面, 主要是为了表表达卡车司机看见两人于是按喇叭提醒的内容。

图3.12 卡车与人同行 (11)下面是为卡车的喇叭声添加声音的部分,选择“声音层”,为了能听 到更好的效果,在第74 帧插入关键帧,做为声音的起始,将声音拖入舞台,在 第95 帧插入关键帧作为声音的结束,结果如图3.13 添加喇叭声音所示。

图3.13 添加喇叭声音 《珍惜生命》公益广告制作 (12)在第97帧到第150 帧插入关键帧,画面转换,将背景层元件交换为 所需元件,做成补间动画。

(13)插入新建元件【影片剪辑】,进入到影片剪辑,将画好的红绿灯元件 分别拖入舞台,做成闪烁的逐帧动画。返回场景,在第97 帧将“指示牌”和“红 绿灯”拖入舞台,按 Ctrl+k 调出对齐面板,选择相对于舞台对齐,将他们对其 到舞台中央。

(14)插入新建【影片剪辑】,做“遵守交通规则”和“漠视交通规则”两 个文字影片剪辑,如图3.14 制作文字影片剪辑所示。

3.14 制作文字影片剪辑 (15)在红绿灯图层上第125 帧插入关键帧,将做好的文字影片剪辑拖入舞 台,与红绿灯分别对应,这样在导出影片的时候便能看见影片剪辑的效果,这段 动画效果如图3.15 制作红绿灯动画所示。

图3.15 制作红绿灯动画 (16)画面切换回来,交换各元件。女孩在考虑让路,在女孩图层第 152 帧插入关键帧,换成女孩侧面,在155 帧和161 帧分别插入另外两个动作,以完 成女孩转身的过程,在175 帧插入关键帧。

(17)在第161 帧和第174 帧插入关键帧,镜头拉近,将场景中所有物体变 形拉大。

(18)插入新建元件【影片剪辑】,输入文本,“咱们让一下吧”,做成晃动 的影片剪辑效果,如图3.16 编辑“咱们让一下吧”影片剪辑所示。

沈阳工程学院实训报告 图3.16编辑“咱们让一下吧”影片剪辑 (19)返回场景,在第175 帧将刚刚做好的影片剪辑拖入到舞台,放置到合 适位置,如图3.17 所示将影片剪辑拖入舞台。

图3.17 将影片剪辑拖入舞台 (20)画面转换,第195 帧交换背景元件,选择文字层。

(21)新建影片剪辑“命运的天平”,进入影片剪辑中,做文字效果。新建 图层“平安与灾难”, 帧插入关键帧,输入静态文本“平安与灾难”,调整两帧的位置让文字从上面进入舞台。

(22)新建图层“命”“运”,,在“命”层第6 帧、第15 帧与第19 帧插入 关键帧,输入“命”,调整每个关键帧中的字的大小,创建补间动画。在“运” 层第20 帧,第29 帧与第33 帧插入关键帧,输入“运”,做与“命”同样处理。

(23)新建文字层,在第34 帧插入关键帧,输入“的天平到底会倾向什么”, 做文字阴影效果。创建【遮罩层】,在遮罩层第34 帧插入关键帧,选择矩形工具, 画一个矩形框,在两层的第85 帧分别插入关键帧,调整矩形框大小覆盖住文字, 创建形状补间动画。

(24)新建“问号层”,在第86 帧插入关键帧,将做好的问号元件拖入舞台, 创建【遮罩层】,选择椭圆工具,在两层的第97 帧分别插入关键帧,调整椭圆大 小覆盖住文字,创建形状补间动画。

(25)将所有图层的第 100 帧插入帧,最终结果如图 3.18 创建影片剪辑命 《珍惜生命》公益广告制作 运的天平所示。图3.18 创建影片剪辑命运的天平 (26)返回场景,在第196 帧和第294 帧插入关键帧,将刚做好的影片剪辑 拖入舞台。

(27)插入新建元件影片剪辑“天平”,进入编辑影片剪辑,做如图3.19 示的天平摆动的动画。图3.19 制作天平摆动的动画 (28)返回场景,选择“天平”层,在第295 帧和第325 帧插入关键帧,将 天平摆动的动画拖入舞台。在第375 帧插入关键帧,使其延续到第375 (29)新建影片剪辑“问号”,做如图3.20所示的问号的影片剪辑。

图3.20 创建问号的影片剪辑 沈阳工程学院实训报告 (30)返回场景,在文字层第324帧插入关键帧,将影片剪辑“问号”拖入 舞台,放置在合适的位置,在375 帧结束,并做成如图3.212 所示效果。

图3.21 将“问号”拖入舞台 (30)在第377 帧插入关键帧,将背景层元件交换,并将各个元件依次拖入 舞台,并分别放置在各自的图层里,依次按照所需内容创建补间动画。

(31)选择”声音层”,在第380 帧和第410 帧插入关键帧,将卡车加速声从 库中拖入舞台。

(31)选择”文字层”,在第414 帧插入关键帧,将图形元件“反正他不敢撞” 放入舞台,创建【遮罩层】,在第414 帧插入关键帧,绘制一个矩形,在两个图 层的第444 帧插入关键帧,将在遮罩层的矩形变形遮盖住所有的文字,创建补间 形状。这样就完成了一个如图3.22 所示的文字遮罩动画。

图3.22 文字遮罩动画 (32)同理,在第 446 476帧做卡车的文字遮罩动画,结果如图 3.23 所示。

《珍惜生命》公益广告制作 图3.23做卡车文字遮罩动画 (33)在第76 帧到第85 帧插入关键帧,做一个黑色大幕,用来切换场景。

(34)在第486 帧插入关键帧,背景填充为黑色,并做一个下红色雨的的动 (35)选择“骷髅”层,在第486帧插入关键帧,插入【影片剪辑】“骷髅”, 添加斜角滤镜,在第530 帧插入关键帧,改变骷髅的大小,创建形状补间动画, 做一个骷髅逐渐变大的动画。

(36)新建【图形】元件,进入元件,输入【静态文本】“人心如此,天不 怜惜”,选择填充工具,填充渐变颜色,将其拖入舞台,做与骷髅相似的形状补 间动画,成果如图3.24 所示。

图3.24 形状补间动画 (37)创建【遮罩动画】,将“男孩”、“女孩”、“卡车层”同时遮罩。

在“男孩”、“女孩”、“卡车”与“车速层”的第533 帧、第563 帧插入关键 帧,调整两次关键帧中的位置,创建补间动画,在在遮罩层的第 533 563帧插入关键帧,分别调整大小和位置创建补间动画。如图3.25 所示。

沈阳工程学院实训报告 图3.25创建遮罩动画 (38)在第564 帧到579 帧插入关键帧,背景填充红色,代表事故的发生, 在声音层的第564 帧插入关键帧,将库中的惨叫声拖入舞台。

(39)接下来制作卡车翻车的镜头,选择“背景层”,在580 帧到591 入关键帧,做背景逐渐放大的补间动画。选中“卡车层”,在第580 591帧插入关键帧,将卡车元件拖入舞台,创建卡车向路边滑去的补间动画,如图 3.26 所示。

图3.26 卡车向路边滑去 (40)在背景层第592 帧转换特写场景,选择“卡车层”,在592 帧交换卡 车元件,第599 帧移动卡车位置,创建补间动画。

(41)在第600 帧与第618 帧插入关键帧,做

flash实习报告

如图3.27 卡车翻车的动画效 图3.27卡车翻车的动画效果 3.制作片尾 (1)制作背景字幕,在第619 帧插入关键帧,将做好的背景字幕放入舞台, 透明度调整为50%,在第638 帧插入关键帧,透明度调整为100%,创建补间动画。

(2)同时在“车”轮与“车轮引导层”中第 628 帧插入关键帧,在引导层 中画一条路径,引导车轮运动,在647 帧停止。如图3.28 所示引导动画。

图3.28 车轮引导动画 (3)新建“再放一遍” 【按钮】元件,打开动作面板,输入以下命令: (press){gotoAndPlay(1); 将按钮元件放入舞台中。(4)选中最后一帧,按【F9】打开动作面板,输入stop();这样片尾制 作完成了,最终效果如图3.29 所示。

沈阳工程学院实训报告 图3.29将按钮放入舞台 《珍惜生命》公益广告制作 第四章实训后的作品评价及体会 4.1 实训后的作品评价 我的作品主要灵感来源于社会现象,主要以珍惜生命为主题,讲述一起交通 事故。总时长55.0s,通过整个实训的完成,总结来说,既有有点又有缺点。

1.优点: (1)由原画开始,到上机操作,都是手绘而成,耗时的同时也锻炼了自己 的能力,提高了一定的技巧。

运用了大部分上课所学的内容,比如FLASH 的精华——引导层和遮罩层。

(2)作品中大量运用补间动画,并且运用一些逐帧动画、引导层动画和遮 罩层动画。

(3)在我的作品中有很多部分是依靠元件来实现的,包括图形元件、按钮 元件和影片剪辑。

(4)其中人物的原画最为细腻,所以人物的运动规律还算不错。

2.缺点: (1)实训前对自己的作品有些欠缺考虑,导致作品中有一些不能实现的地 方,不够细心。

(2)由于后面有些缺乏耐心,所以做的马马虎虎。

(3)声音上很欠缺。

(4)场景转换上很突兀,不够连贯。

(5)由于自己对生活观察的不够细心,所以主题内容有些不明确。

4.2 实训后的体会 将近两周的实训完成了,在松了一口气的同时也夹杂着惆怅,对于自己独立 完成这一件作品还是很开心的,也许结果不是如何的好,但是毕竟自己的努力没 有白费,能看到自己的成果也是件很欣慰的事情。

通过这次实训自己的感受也很多,首先就是学习上的,一学期的课程下来, 课本上的知识已经学了很多,但是在很多细节上自己还是很粗心,没能做得更好, 而且通过实践来看,对于知识的实际应用自己掌握的可以说是差了,最基本的动 手能力应用不到位,所以做起作业来感到有些局促和困难。需要时不时的翻翻课 本,加深自己的记忆,更好的掌握课本知识。

另外,在实践中,我也发现,对于课本上的知识还是需要有一定的延伸,最 重要的是活学活用,举一反三,这样在做作品的时候才更能掌握到 flash 的精华 和更深层次的领略它的魅力。

沈阳工程学院实训报告 在这次实训中,不可避免的遇到了很多困难,在做场景转换的时候很生疏,切换的很不自然和突兀,并且在元件的应用上自己是遇到了难题,不能正确把握 元件的使用方法,尤其是按钮和影片剪辑,在查阅资料后,能懂得大部分和简单 的运用,并且在与同学交流后,对他们的理解和应用掌握的很完全,于是自己运 用他们做一些小例子,彻底明白之后,在实训作品中就应用自如了,这是这次实 训中很大的收获。

在实训进行到一半的时候,自己有些无所适从,因为由于一开始策划的时候 考虑不够完全,导致中途有些地方实现不了,还有一些概念比较模糊,使整个作 品缺少了一丝灵性,主题不够深刻。有些灰心和失落,所以作品后面的部分就显 得生疏了,这一点认识到之后,就有些后悔,只能尽可能的弥补。

学习上收获良多,经过这次实训,我的理论和实践结合的能力明显有很大的 提升,并且做动画越来越熟练,对各种知识的的运用也更加容易,经过自己的操 作,记忆很深刻。

除此之外,实训也锻炼了我的意志,在检验能力的同时,培养了我吃苦耐劳 的精神和坚持不懈的毅力,也间接的培养了我们同学间的团队能力,经过互相的 交流和评鉴,我们能学到对方实训中运用到的一些 flash 知识,同时也认识到自 己的不足,加强了我们的能力,也增强了我们的凝聚力。

这次实训是我们认识自己的平台,也是提高我们技巧和能力的平台,这次实 训为我们以后的工作和学习做了很大程度的铺垫,具有深刻的意义。

《珍惜生命》公益广告制作 参考文献1.《Photoshop CS 特效设计宝典》 龙腾科技.中文版Flash CS3 案例教程 北京 科学出版社 3.Flash 动画基础教程 最新Flash实例标准教程. 北京 中国青年出版社 中文FlashMX动画创意精彩范例 北京 机械工业出版社 6.Adobe Flash CS3 中文版应用教程 中国铁道出版社 7.Flash 8.0 动画设计案例教程 北京大学出版社 8.中文版Flash CS3 完全自学手册 飞龙 科学出版社 9.Flash 动画实战教程 王月明 北京师范大学出版社 10. 《Flash CS3 动画制作》 李鹏 清华大学出版社 二维动画制作实训成绩评定表 信息工程系班级: 学生姓名: 评价内容 调研论证 能独立查阅文献,收集资料;能制定课程设计方案 和日程安排。

0.1 工作能力 态度 工作态度认真,遵守纪律,出勤情况是否良好,能 够独立完成设计工作, 0.2 按期圆满完成规定的设计任务,工作量饱满,难度适宜。

0.2 质量说明书立论正确,论述充分,结论严谨合理,文字 通顺,技术用语准确,符号统一,编号齐全,图表 完备,书写工整规范。

0.5 指导教师评审成绩(加权分合计乘以12) 评价内容 查阅文献 查阅文献有一定广泛性;有综合归纳资料的能力 0.2 工作量饱满,难度适中。0.5 质量说明书立论正确,论述充分,结论严谨合理,文字 通顺,技术用语准确,符号统一,编号齐全,图表 完备,书写工整规范。

0.3 评阅教师评审成绩(加权分合计乘以8)