Flash电子相册的设计与制作.docx
- 文档编号:17249567
- 上传时间:2023-07-23
- 格式:DOCX
- 页数:16
- 大小:1.93MB
Flash电子相册的设计与制作.docx
《Flash电子相册的设计与制作.docx》由会员分享,可在线阅读,更多相关《Flash电子相册的设计与制作.docx(16页珍藏版)》请在冰点文库上搜索。
Flash电子相册的设计与制作
Flash电子相册的设计与制作
【摘要】Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的容。
它不仅能够制作出许多炫目多彩的效果,只要你肯赋予它一定的情景,它也会模拟出现生活中的场景。
本系统是一个Flash电子相册,相册使用Flash制作工具完成电子相册的制作,该电子相册界面友好美观,能够加入照片的特效,配合一些动画效果的实现达到普通相册无法达到的美观性。
该相册具有以下的优点:
易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。
并且相册易于用户的使用与管理,具有一定的个性化容。
【关键词】Flash;电子相册;个性化
Flashelectronicalbumproduction
【Abstract】Flashisanauthoringtoolthatdesignersanddeveloperscanusetocreatepresentations,applications,andothercontentthatallowstheusertointeract.Itcannotonlyproducemanydazzlingandcolorfuleffects,aslongasyouarewillingtogiveitacertainscenario,itwillsimulatelifeappearsinthescene.ThissystemisaFlashelectronicphotoalbum,photoalbumproducedusingFlashtoolstocompleteelectronicalbumproduction,theelectronicalbumfriendlyinterfaceappearance,canaddphotoswithsomespecialeffects,animationtoachievecommonalbumcanachievebeautiful.Thealbumhasthefollowingadvantages:
easytostore,easytocopy,easytodisplay,moreentertainment,moreornamental,morefashion.Andthealbumeasyforuserstouseandmanagement,hasapersonalizedcontent.
【Keywords】Flashelectronicphotoalbumpersonalized
引言
Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的容。
Flash可以包含简单的动画、视频容、复杂演示文稿和应用程序以及介于它们之间的任何容。
通常,使用Flash创作的各个容单元称为应用程序,即使它们可能只是很简单的动画。
您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的Flash应用程序。
本系统是一个Flash电子相册,相册使用FLASH制作工具完成电子相册的制作,该电子相册界面友好美观,能够加入照片的特效,配合一些动画效果的实现达到普通相册无法达到的美观性。
该相册具有以下的优点:
易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。
并且相册易于用户的使用与管理,具有一定的个性化容。
第一章开发工具介绍
1.1Flash8.0简介
Flash8.0是美国MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。
它是一种交互式动画设计工具,用它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。
Flash8.0是采用矢量图形和流式播放技术进行二维动画编辑的软件,经过几代版本改进后,已经成为网上动画的霸主。
Flash能够很好的支持声音,并具有交互功能,简单易学,可以方便实现一些现实中难以实现的、抽象的概念或现象。
Flash8.0是目前网络动画的事实标准,其文件短小,播放效果好,交互功能强,易学易用,被广泛应用于以下几个领域:
(1)娱乐短片:
这是当前国最火爆,也是广大Flash爱好者最热衷应用的一个领域,就是利用Flash制作动画短片,供大家娱乐。
(2)片头:
片头就如电视的栏目片头一样,可以在很短的时间把自己的整体信息传播给访问者,既可以给访问者留下深刻的印象,同时也能在访问者心中建立良好印象。
广告:
这是最近两年开始流行的一种形式。
有了Flash,广告在网络上发布才成为了可能,而且发展势头迅猛。
MTV:
这也是一种应用比较广泛的形式。
在一些Flash制作的,几乎每周都有新的MTV作品产生。
在国,用Flash制作MTV也开始有了商业应用,比如用Flash制作的MTV。
(3)导航条:
Flash的按钮功能非常强大,是制作菜单的首选。
(4)小游戏:
利用Flash开发“迷你”小游戏,在国外一些大公司比较流行,他们把网络广告和网络游戏结合起来,让观众参与其中,大大增强了广告效果。
(5)产品展示:
由于Flash有强大的交互功能,所以一些大公司,如Dell、三星等,都喜欢利用它来展示产品。
1.2Photoshopcs4
Photoshopcs4拥有多种选择工具,极方便了用户的不同要求。
而且多种选择工具还可以结合起来选择较为复杂的图像。
制定多种文字效果利用Photoshopcs4不仅可以制作精美的文字造型,而且还可以对文字进行复杂的变换。
多姿多彩的滤镜Photoshopcs4不仅拥有多种置滤镜可供用户选择使用,而且还支持第三方的滤镜。
这样,Photoshopcs4就拥有了“取之不尽,用之不竭”的滤镜。
Photoshopcs4易学易用,用途广泛对Photoshopcs4不了解的人常常认为它是一种专业图形图像处理软件,其实这是一种误解,Photoshopcs4虽然功能强大,但是也易学易用,适应于不同水平的用户。
它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。
可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途,是一门值得深入学习的一种好软件。
第二章总体设计
2.1整体思路
动画采用Flash8.0进行设计,以PhotoshopCS4作为动画辅助制作软件,完成相关图片(素材)的处理(制作),总体构思如图2.1所示。
前期准备是一部完整Flash电子相册的起步阶段,前期准备充分与否尤为重要,往往需要设计者就剧本的故事、剧作的结构、风格、图片、音乐等一系列问题进行反复的探讨、商榷。
首先要有一部构思完整、结构出色的文学剧本,接着需要根据剧本设计主场景。
尽可能地达到音乐与画面上动作节奏的和谐、统一。
达到音乐配合画面动作、色彩、意境的效果。
首先,我先将我所需要的图片美化,还有将必须要用到的按钮图片素材准备好,再者,我通过以回忆的方式将哥哥姐姐的照片一点一点展现给大家,并且配上文字使整个Flash更富有活力,最后我选取一首幸福的甜蜜的歌曲插入我的作品当中,烘托出整个电子相册幸福的感觉。
2.2素材准备
这是工程最庞大的一块,当然靠Flash是远远不够的,还需要用到Photoshopcs4图像处理软件,又要考虑到电子相册的个性化界面效果,因此,此项工程需要认真构思它的美观性,这就需要我把构思思路详细记录下来,以便工作的顺利开展。
同时,为此电子相册选取优美的背景音乐也是一不容忽视的问题,由于这个电子相册素材主要是以自己身边的亲戚的婚纱照为主题的,所以这个背景音乐应该是幸福的、欢快的,因此,我选择了曲婉婷的《LifeIsLikeaSong》为背景音乐,烘托出幸福的气氛。
2.3设计路线
从选题→创意→结构化分析→素材准备电子相册分解制作→电子相册组合→电子相册程序编写,全面考虑作品的创造力、交互式、原创性、趣味性、功能性、技术性、积极性、相关性等。
Flash电子相册设计时兼顾以上知识点,可延伸至互联网供大家分享,具体设计路线如图2.2所示。
第三章详细设计
该电子相册分为主界面动画制作、文字动画制作、利用画图工具制作漂浮动画、文字及图片按钮制作、利用旋转及缩放工具制作动态图片等模块,下面我将对9个典型的模块做介绍。
3.1制作主界面动画模块设计
(1)新建一个图层,重命名为“首页动画图片”,在第1帧处单击鼠标右键,插入关键帧,导入宽为258,高为300的动画图片“位图2”,并且放在X:
135、Y:
36处,并且在第14帧处插入帧,使该图片在舞台中持续到第14帧,如图3.1所示。
(2)在“首页动画图片”图层中第9帧处插入关键帧,并且将“位图2”移动至X:
33,Y:
53处,在2-8帧处鼠标右击选择“创建补间动画”,并且在第14帧处同样插入关键帧并创建补间动画,生成动画效果,如图3.2所示。
3.2制作文字动画模块设计
新建一个图层“闪图高中”,将“位图8”插入,并且新建两个图层“文字”与“介绍”,分别运用文字工具写入所需文字,并且将“介绍”一栏文字运用插入关键字并且创建补间动画的方法达到文字缓缓滚入的效果,如图3.3、3.4所示。
3.3制作主界面文字按钮模块设计
(1)新建一个图层,重命名为“按钮”,插入新建元件,选择按钮,并且在新建好的按钮页面利用文字工具写出“ALoveStory”,分别在“弹起”“指针经过”“按下”“点击”处右击插入关键帧,并且分别将字体颜色改变,生成动画按钮,如图3.5所示。
(2)在“按钮”图层第9帧处单击鼠标右键,插入关键帧,将图3.5按钮插入,并且在第14帧处插入帧,使该按钮持续到14帧处,如图3.6所示。
图3.6文字按钮效果
(3)如果要使按钮起作用,就得给按钮添加动作,在这里我希望按下按钮后到达第15帧,代码为:
on(release){
gotoAndPlay(15);
}
如图3.7所示。
3.4制作目录文字按钮模块设计
(1)新建一个图层,重命名为“目录”,在第15帧插入关键帧,插入背景图片“背景”,并且再新建一个图层“文字1”,运用文字工具在背景图片上写“YouAndMe”,效果如图3.8所示。
(2)新建四个图层,分别重命名为“高中”、“大学”、“毕业”、“现在”,并且分别在图层上运用文字工具写上“那年在高中”、“那年在大学”、“那年我们毕业”、“现在的我们”,分别在每个图层的第15帧处插入关键字,分别将写好的文字插入舞台,效果如图3.9所示。
(3)要达到按钮效果,就需要将图11上的四组字转为按钮元件,分别将按钮重命名为“高中按钮”“大学按钮”“毕业按钮”“现在按钮”,如图3.10所示。
(4)要想每个按钮起作用,就需要分别在按钮上添加动作,当鼠标点击每行字时能够到达想要到达第931、45、76、348帧,按钮代码同图3.11所示。
(5)当然只在按钮上添加动作是不够的,要想保持鼠标在点击按钮前该页面静止,点击时按钮产生动作还需要分别将这四个按钮在第15帧时插入关键帧并且写入代码时页面静止,如图3.12所示。
3.5制作滚动图片模块设计
(1)新建一个图层,插入元件,新建影片剪辑“影片”,将准备好的照片素材连串起来,效果如图3.13所示。
(2)将做好的影片剪辑插入到舞台第106帧,并且运用插入关键帧并创建补间动画的方式将影片在舞台上缓缓插入,并且运用刷子工具为该影片制作漂亮背景,效果如图3.14所示。
3.6制作婚纱照模块设计
(1)插入图片,并且运用文字工具对开场进行描述,并且配上简单的图案动画制造浪漫氛围,这里我用椭圆工具画出泡泡,对泡泡进行了亮度设置使泡泡在运动过程中颜色渐变,效果对比如图3.15、3.16所示。
(2)新建图层“婚纱照1”,在第395帧的时候将图片“45-46”插入,对该照片进行设置,运用缩放工具、旋转工具对该照片进行设置,并且将图片在不同帧数的时候的亮度改变创建补间动画,使图片呈现出渐入渐出的效果,如图3.17、3.18所示。
(3)其余几婚纱照同样运用与上面相同的方法使照片展示给大家,并且配上背景上的各种形状的圈圈点点的转动效果如图3.19所示。
3.7制作宝宝相册模块设计
首先将准备好的宝宝照片素材插入新建图层“图片1”,对该照片添加模糊特效,如图3.20所示。
3.8制作文字片尾模块设计
片尾我运用文字的方式来表达该影片的结束,并且运用浮动的泡泡的色调转变,烘托出整个影片的幸福气氛,效果对比如图3.21、3.22所示。
3.9插入背景音乐模块设计
先将准备好的背景音乐导入到库中,并将音乐加入到flash中去,如图4.23所示。
结论
在本电子相册的制作中,我以哥哥姐姐的婚纱照为例,用Flash8.0作为开发工具,综合运用Flash的各种功能,包括运用补间动画和逐帧动画实现了照片的展示效果,同时也运用了按钮和动作命令实现了交互效果,最终完成了该电子相册,经测试,运行良好。
制作一个吸引浏览者的Flash作品,必须要有丰富的想象力,只有敢于想象,才能制作出优秀的Flash作品,只有选题新颖、赋予新意的作品才能让浏览者驻足。
但由于本人专业水平有限,虽追求完美,但仍有很大不足之处有待改正。
在以后的学习中,我将不断努力,提高自己的专业水平,设计出更完美的Flash作品。
参考文献
[1]罗小燕.Flash动画与卡通制作创意导航[M].:
清华大学,2002
[2]高志清.Flash动作制作零点飞跃—学设计零点飞跃丛书[M].水利水电,2005
[3]琼.Flash8.0闪客动画轻松现场实战[M].航空工业,2007
[4]德汉.周辉.FlashMX2004网页动画制作标准教材[M].电子工业,2004
[5]子江.变形动画制作教程[M].:
机械工业,2000
[6]国志.璐.色彩构成与绘画设计艺术[M].:
美术,2000
[7]瑞哈特(美).铭.FlashMX宝典[M].电子工业,2003
[8]雪之航工作室.FlashMX中文版技巧和实例[M].中国铁道,2003
[9]青.FlashMX2004标准案例教材[M].人品邮电,2006
致
首先,我要特别感朱帅老师的悉心指导,在设计期间朱帅老师帮助我收集文献资料,理清设计思路,指导操作方法,并对我所做的课题提出有效的改进方案。
老师渊博的知识、严谨的作风、诲人不倦的态度和学术上精益求精的精神让我受益终生。
时间这东西总是来时漫漫去时匆匆,随着键盘的跳动,我的大学生生活和几个月的毕业设计一起宣告寿终正寝,真有些措手不及,即将要踏出校园,步入社会,进入工作岗位了,虽然了解总有这么一天,也只有在社会这个大熔炉中才能得到更多的锻炼,才能把自己十几年在学校累积的只是学以致用,充分发挥所长,可是也从此远离单纯的学习的快乐与疲惫,而面对勾心斗角竞争激烈,对于期盼了几年的告别考试与课堂,真是不知道该喜该忧。
这不是很积极的人一切都很平淡,大学三年的生活没有大起大落没有悲欢离合,学到的知识也很有限,用到实践中就更是少之又少,到了该认识真正的自我,并努力的充实自我,完善自我的时候了,也许很多人有此感觉吧,毕业设计真是让人有一种知之甚少的无力感。
毕业设计是一个繁杂而又烦杂的过程。
从选定题目到收集资料,再进入工艺计算和设计计算过程,几乎应用了所学过的所有知识,每一步都要付出艰辛和汗水,在忙乱与紧中,一步一步的把以前不是很熟悉还有已经忘记的专业知识和基础知识——从基础课到专业基础课再到专业课——都拾回来了,而且经验的累积也让我对所有所学专业的只是形成了系统的有逻辑性的认识,不但提高了解决实际问题的能力,开阔了视野,更为了以后工作奠定了坚实的基础。
另外,还要感同学三年来对我的关心与支持,感各位老师在学习期间对我的严格要求。
同时也要感身边朋友的热心帮助,没有你们的支持与关心,就没我今天的毕业设计!
最后,我要向我的父母致以最崇高的敬意,没有你们无私的支持,就没有我今天的成绩!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 电子相册 设计 制作