收藏 分享(赏)

FLASH动画设计--美丽武夷山宣传片 毕业论文.doc

上传人:dzzj200808 文档编号:2971852 上传时间:2018-10-01 格式:DOC 页数:43 大小:1.30MB
下载 相关 举报
FLASH动画设计--美丽武夷山宣传片  毕业论文.doc_第1页
第1页 / 共43页
FLASH动画设计--美丽武夷山宣传片  毕业论文.doc_第2页
第2页 / 共43页
FLASH动画设计--美丽武夷山宣传片  毕业论文.doc_第3页
第3页 / 共43页
FLASH动画设计--美丽武夷山宣传片  毕业论文.doc_第4页
第4页 / 共43页
FLASH动画设计--美丽武夷山宣传片  毕业论文.doc_第5页
第5页 / 共43页
点击查看更多>>
资源描述

1、核准通过,归档资料。未经允许,请勿外传!武 夷 学 院 毕 业 论 文9JWKffwvG#tYM*Jg2)它是全球流行的电脑动画设计软件;3)它代表用上述软件制作的流行于网络的动画作品。除了上述新增功能以外,Flash cs3 还有另外一些新鲜功能,比如 SWF 元数据、脚本助手、对象绘制模型、交互式移动设备模拟器、视频播放组件、增强的文本工具、增强的描边属性和高级渐变控制等。 2.1.2 flash cs3 的特点Flash 是 Macromedia 公司出品的,用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。flash cs3

2、 可以用其生成动画,还可在网页中加入声音。这样你就 z 生多媒体的图形和界面,而使文件的体积却很小。Flash cs3 的特点:1. 使用矢量图形和流式播放技术。与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待的情绪。 2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,几 K字节的动画文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就得以播放。 3. 把音乐,动画,声效,jiao 互方式融合在一起,越来越多的人已

3、经把 Flash 作为网页动画设计的首选工具,并且创作出了许多令人叹为观止的动画(电影)效果。而且在 Flash4.0 的版本中已经可以支持 MP3 的音乐格式,这使得加入音乐的动画文件也能保持小巧的身材 。 4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过 ACTION 和 FS COMMAND 可以实现 jiao 互性,使 Flash 具有更大的设计自由度,另外,它与当今最流行的网页设计工具 Dreamweaver 配合默契,可以直接嵌入网页的任一位置,非常方便。2.1.3 flash cs3 的工作原理flash cs3 的属性面板可以监测你绘制的图形,而不是统一

4、显示为形状。圆角矩形可以单独对四个边角进行调整。这在以前的时候,只能凭我们手工去拖动。可以导入分层的 PSD 文件,并且可以决定哪些层需被导入。还可以保留图层上的组、样式、蒙板和智能滤镜、路径的可编辑性。导入选项包括是否保留原图层内容的位置和尺寸,可以把图层里的内容直接转化成影片剪辑,对单独的 JPG 文件进行优化。导入 AI 文件的支持。当然可以保留 AI 的大部分信息,比如精确的颜色,形状,路径和样式。在 Adobe Flash CS3 中,工具栏变成 CS3 通用的单双列,面板可以缩放成图标,也可以是半透明的图层,应该是和 PS CS3 相同,沿用以前 ADOBE 的风格。改进的钢笔工具

5、,类似 AI 的钢笔工具,会比以前的钢笔更加好用。时间轴上的运动补间动画可以有选择的转换为 MXML 代码,以供 Action Script3 和 Flex 使用。但该功能不支持形状补间动画,因为转换后的 MXML 代码太大。可以只发布没有隐藏的图层,也就是有选择的输出图层.改进的代码调试器,类似 Flex 的调试器。2.1.4 动作脚本语言ActionScript 是 Flash 内置的编程语言,用它为动画编程,可以实现各种动画特效、对影片的良好控制、强大的人机交互以及与网络服务器的交互功能。 ActionScript 的主要目的就是用来改变这种自动而死板的线性播放行为,一段脚本可以使影片在

6、一个特定的帧上停止,循环播放前面的部分,甚至于让用户控制要播放哪一帧。ActionScript 能够使影片完全脱离被动的线性播放模式。ActionScript 是一门吸收了 C+、Java 以及 JavaScript 等编程语言部分特点的新的语言。ActionScrip 使用英文单词和元件提供了一种为 Flash 影片设置指令的方法。它的存在确保了 Flash 影片较之普通的按照线性模式播放的动画具备强大得多的人机交互能力。 可以为时间轴中的关键帧、按钮和影片剪辑添加 ActionScript。选中这些关键帧、按钮和影片剪辑,打开其动作面板,你就可以看到它们都添加了哪些脚本。如何打开动作面板A

7、.通过窗口-动作B.按 F9 快捷键直接打开动作面板如下所示:图 2-1基本脚本语言:gotoAndPlay(Scene,Frame); 将播放头跳转到场景中指定的帧并从该帧开始播放,标签范例:gotoAndPlay(“Scene 1“, 1); gotoAndStop:将播放头跳转到场景中指定的帧(标签)并停止播放 NextFrame :下一帧 PreviousFrame:前一帧 nextscene:下一个场景 previousscene :前一个场景 FrameLabel:关键帧中定义的标签位置 on (press) 定触发动作的鼠标事件或按键 startDrag(“); MouseEve

8、nt 可分为以下几类。 Press:鼠标指针在按钮上,并按下按钮 Release:鼠标指针在按钮上,按下后放开按钮 on Release Outside:当鼠标指针滑到按钮上时按下鼠标按钮,然后在释放鼠标按钮前滑出此按钮区域 Roll Over:鼠标指针滑过按钮 Roll Out:鼠标指针滑出按钮外 Drag Over:当鼠标指针滑到按钮上时按下鼠标按钮,然后滑出该按钮区域,接着滑回到该按钮上 Drag Out:当鼠标指针滑到按钮上时按下鼠标按钮,然后滑出此按钮区域 play 语法:play(); 开始播放影片或继续往前播放 stop 语法:stop(); 停止播放影片 stopAllSoun

9、ds 语法:stopAllSounds; 停止所有正在播放中的音乐文件 2.2 Photoshop 介绍与作用2.2.1 什么是 Photoshop Photoshop 的功能介绍平面图像设计的发展史,可以追溯到人类发展史的源头,人类祖先用来记事的简单符号、文字,那是人类最基础、最原始的平面图像设计实例。当初也许只在于表达某种具体的含义,而不包含艺术、美学的成份。伴随着人类文明的发展,人们对艺术、美的追求和探索逐渐成为发展的主流,当初记事的用途也逐渐淡化。传统的画家经过数十载的训练才掌握绘画这门技能,他们通过笔和纸的演绎描绘自己抽象的思维,表现自己对艺术、美的理解。 多数人对于 PHOTOSH

10、OP 的了解仅限于“ 一个很好的图像编辑软件” ,并不知道它的诸多应用方面,实际上,PHOTOSHOP 的应用领域很广泛的,在图像、图形、文字、视频、出版各方面都有涉及。2.2.2 Photoshop cs3 的特点1、调板可以缩为精美的图标,有点儿像 CorelDraw 的泊坞窗,或者像Flash 的面板收缩状态,不过相比之下这个更酷,两层的收缩,感觉超棒! 2、多了一个“克隆(仿制)源”调板,是和仿制图章配合使用的,允许定义多个克隆源(采样点) ,就好像 Word 有多个剪贴版内容一样。另外克隆源可 以进行重叠预览,提供具体的采样坐标,可以对克隆源进行移位缩放、旋转、混合等编辑操作。克隆源

11、可以是针对一个图层,也可以是上下两个,也可以是所有图 层,这比之前的版本多了一种模式。 3、在 Adobe Bridge 的预览中可以使用放大镜来放大局部图像,而且这个放大镜还可以移动,还可以旋转。如果同 时选中了多个图片,还可以一起预览,真是酷毙了。 4、Adobe Bridge 添加了 Acrobat Connect 功能,用来开网络会议的前身是 Macromedia 的降将 Breeze。 5、Bridge 可以直接看 Flash FLV 格式的视频了,另外 Bridge 启动感觉好快,比 CS2 和 CS 两个版本都要快,没有任 何拖累感和“死机感” 。6、在 Bridge 中,选中多

12、个图片,按下 Ctrl+G 可以堆叠多张图片,当然随时可以单击展开,这个用来节省空间。 7、新建对话框添加了直接建立网页、视频和手机内容的尺寸预设值。比如常用的网页 Banner 尺寸,再比如常见的手机屏幕尺寸等等 第 3 章 基于 flash 宣传片制作 美丽武夷山3.1 设计过程此动画主要分成五部分,由我们两个共同完成,我们主要思想是从武夷山的地域出发,由武夷山位于我们中国的福建省,再位于我们福建省北部,然后将此动画分为朱熹文化,茶文化,武夷山的传说,武夷山景区的欣赏与介绍,还有武夷山介绍的视频。我主要负责动画的主页面,茶文化,武夷山的传说,以及武夷的视频欣赏。 动画的主页面,我制作了六个

13、按钮分别跳转到不同的场景,同时还根据需要利用 ps 软件对图片进行处理。在主页上我设置了一个重播的按钮可以让动画从开场开始播放,同时我设置了朱熹文化,茶文化,美丽传说,武夷一览,视频欣赏这些按钮链接单各自的场景对其进行具体的介绍。此动画我利用鼠标做了对主页场景的音乐控制,可以通过鼠标上下左右的滑动控制声音的大小和左右声道的声音。 茶文化页面,先是对茶的历史进行介绍,再用一些图片进行概括,同时通过按钮跳转到茶文化的另一个页面,此页面是通过翻书效果对不同种茶进行具体的介绍,此动画主要对大红袍,肉桂,正山小种,金骏眉的介绍。武夷山的传说页面,先通过网络工具查找关于武夷山的一些传说,再通过ps 对图片

14、进行处理,主要列举三个传说为大红袍传说,武夷山的传说和大王峰与玉女峰传说,利用脚本制作出如动画的效果。武夷山视频欣赏页面,利用网络的工具搜索适合介绍武夷山的视频,和关于武夷山的介绍,然后利用 movie maker 软件对下载的动画进行剪切和处理。在此页面中我设置了三个按钮分别对动画的播放,暂停,和停止的控制。3.2 制作过程3.2.1 制作主页面新建一个场景,将场景设为图 31第一步:新建按钮元件 - 朱熹首页在第一针插入空白关键针,第二针插入关键针把做好的图片插入图 32图 33同理做出茶文化首页,美丽武夷山首页第二步:新建按钮元件-视频欣赏按钮从公共库中拖出适合场景颜色的按钮,在按钮的的

15、指针经过针处插入音乐 图 34同理做出武夷一览按钮和重播按钮第三步:新建影片剪辑元件在影片剪辑的第一帧处绘制一个圆形,然后插入声音,将声音的属性设置为“数据流”图 35在导入到场景中输入如下代码onClipEvent (load)s=new Sound();s.attachSound(“loop 1“);s.start(0,1000);this.startDrag(1);Mouse.hide()onClipEvent (enterFrame)s.setVolume(120-(_root._ymouse/6);s.setPan(_root._xmouse/2)-100); 通过鼠标的位置可以控制

16、声音的大小和声音的左右声道,通过Mouse.hide() 隐藏鼠标。第四步:返回都场景,新建图层插入背景图片设置为 999*800 将按钮跟影片剪辑拖入到场景 。如下图所示图 36第五步:在场景的最后一帧处插入关键帧,输入如下脚本:图 373.2.2 制作茶文化页面 第一步:制作图片按钮-茶 1在弹起帧插入图片将其亮度设为-50%,在鼠标经过帧图片为正常显示,并插入鼠标滑过的声音。图 38图 39同理做出其他的的按钮。图 310第二步:制作影片剪辑-茶动画图 311时间轴如图所示,根据补间动画来制作出图片显示和隐藏的效果。图 312同理做出其他的影片动画。第三步:回到场景,新建图层插入背景图片

17、,将图片按钮和茶的影片剪辑放到适当位置,在图片按钮上输入如下代码 on (rollOver) _root.tu1.gotoAndPlay(2);on (rollOut) _root.tu1.gotoAndPlay(1);实现鼠标经过时显示影片,鼠标离开时隐藏影片。第四步:制作返回按钮和进入按钮,在返回按钮上输入图 313on (release) gotoAndPlay(“CJ10“,1); 使其返回到主场景页面。在进入按钮上输入on (release)gotoAndPlay(“CJ13“,1);使其进入茶文化的下一个页面。图 314第五步:制作百叶窗先新建一个影片剪辑,在其第一帧处画一个黑色长

18、矩形,高度为 5mm,在第三十帧位置插入关键帧将其高度设为 50mm,在第一帧插入补间动画,在最后一帧写入脚本 stop();图 315再将先前做的一个百叶窗复制。做出高为 800 的百叶窗。图 316第六步:返回场景制作补间动画图 317图 318通过补间动画制作出各个元件的效果图 319第七步:制作翻书效果通过 ps 将所需要的素材制作成一页一页书页,通过补间动画制作出几个页面的翻页效果分别来介绍武夷大红袍,肉桂,正山小种,金骏眉。图 320如图所示做好的茶文化的页面图 3213.2.3 美丽传说页面 第一步:新建按钮元件在点击帧处插入关键帧绘制出一个矩形图形。图 322图 323第二步:

19、新建影片剪辑元件命名为 b_a在第一帧处插入武夷山传说的图片,新建图层在第一帧处将按钮元件拖到图片上,调整到适当位置。图 324选中按钮元件打开动作面板输入如下代码:on (rollOver) _root.aa.b_b.target=740;_root.aa.b_c.target=8.70300E+002;on (rollOut)_root.aa.time.play();图 325同理制作出影片剪辑 b-b 和 b-c实现鼠标滑过时可以让 b-b 和 b-c 影片滑到到适当的位置。第三步:新建影片剪辑将 b-a,b-b,b-c 三个影片剪辑调整到适当位置,选中 b-a 的反应区输入如下代码:o

20、nClipEvent (load) target=0.340000E;onClipEvent (enterFrame) this.moveX(target,1.200000E-001);b-b 的反应区输入如下代码:onClipEvent (load) target=130;onClipEvent (enterFrame) this.moveX(target,1.200000E-001);b-c 的反应区输入如下代码:onClipEvent (load) target=260.000000;onClipEvent (enterFrame) this.moveX(target,3.900000E

21、-001);新建图层在第一帧处插入动作脚本:MovieClip.prototype.moveX=function(target,speed)this._x=this._x + speed * (target - this._x)图 326影片剪辑最重要的两种事件是 load 和 enterFrame,load 事件在影片剪辑完全加载到内存中时发生。在每次播放 Flash 影片时,每个影片剪辑的 load 事件只发生一次。 enterFrame 事件在影片每次播放到影片剪辑所在帧时发生。第四步:返回场景,将最终的影片剪辑拖到场景中,并且放一个饭按钮。 图 327打开动作面板输入如下脚本:on (

22、release) gotoAndPlay(“CJ10“,1);场景如下图所示:图 3283.2.4 视频欣赏页面第一步:通过 ps 处理胶卷图片,将其拖到场景中,设置其大小。图 329图 330第二步:导入视频,新建影片剪辑将视频拖到影片剪辑中,将影片命名为wys。图 331第三步:制作按钮元件-播放按钮打开动作面板输入如下脚本:on (release) _root.wys.play();通过此脚本来控制视频的播放。同理制作暂停按钮输入如下脚本:on (release) _root.wys.stop();停止按钮:on (release) _root.wys.gotoAndStop(1);图 332第四步:在场景中插入返回按钮,放到适当位置,输入如下脚本:on (release) gotoAndPlay(“CJ10“,1); 返回到主场景中。图 333此场景的整体效果如下图所示:图 334

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 高等教育 > 专业基础教材

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报