时间:2023-05-29 17:39:37

ppt2013设置播放flash的方法
首先,准备好你的PPT和Flash文件。把这两个文件放在同一个目录下。
这里以都放在桌面为例介绍。
如果大家要做正式的课件,建议单独建一个文件夹,把PPT和Flash文件放进去。
打开PPT之后,找到我们要添加Flash动画的那一页。
如下图所示。
找到左上角的“文件”选项卡,点击进入,找到左下角的“选项”命令。
在选项命令页面,找到“自定义功能区”
这里会出来两排命令,这里把右边命令中的“开发工具”勾选中,点击“确定”如下图所示。
这时我们回到主要编辑页面,在上方的菜单栏上就可以看到“开发工具”就已经以选项卡的方式显示在最上方了。点击进入。
如下图所示,点击进入“开发工具”子菜单,在“控件”中,选择红色框中的“其他控件”按钮,进入“其他控件”窗口,选择“shockwave Flash object”选项,点击“确定”。
这时鼠标会变成十字装“+”,在PPT上拖动鼠标,拉出一个框,用来放你的Flash。大小根据自己的需要来调整。
在框上点击鼠标右键,选择“属性表”命令。
在属性表中,将“movie”后面的空白处,填上你的Flash文件的文件名,例如“抢房子大赛.swf”,注意这个【.swf】的后缀名必须加上。
一、Flas的优势
Flas是网页设计中最常见的动态元素,网络浏览器都内建Flash播放器﹙Flash Player﹚,播放器版本也在不断更新。网页对于动画的需求和依赖是极为强烈的,动画元素在信息潮流中的作用是强大的。凸显了flas的操作优势和投资优势等。
1.Flas的特点
第一,Flash软件采用矢量技术,以颜色和线条来表现图形,相较位图,其画面质量清晰,色彩明亮,可以无限放大,且不失真。
第二,Flash源文件为*.fla,可以最终压缩生成*.swf动画影片文件,其文件体积很小,正符合网络传输的需求,可以在浏览器和Dreamweaver中播放,所以Flas加到网页中后,还可以在属性面板中对其进行大小调整、预览等操作。
第三,Flash的播放插件体积小、易下载,都能自动安装。*.swf文件可实现边下载边播放的效果,在网速较慢的情况下尤为明显,不会影响浏览者的心情。
第四,Flas播放速度快,通用性好。
第五,多媒体交互性强。可以整合图形、音乐、视频等多媒体元素实现交互。
第六,简单易学,普及性强。用户不必掌握高深的动画知识,拥有一定的条件就能制作令人惊讶的动画效果。
2.Flas的发展趋势
近几年,由于网络的热门,恰好是动画的机遇和一个崭新的演示平台和推广平台。在网络相关技术的推动下,Flash除了有动画制作基本功能、展示功能外,还具备视觉和听觉上的双重享受,在视觉冲击上,较普通的网页更具吸引力,因此,Flash已经逐渐渗透到电子商务、电视、广告、贺卡、手机服务以及MTV制作、房地产、游戏、信息产业等各个领域的商业应用当中。动画,如雨后春笋般,已经在各个领域中不断渗透,其全新功能也正在探究与尝试中。它必将带给我们无限的惊喜与心灵的跳动。现在国家对动画事业也已经高度重视,与此同时,加入动画行业的人也越来越多。
二、Flas在网页设计中的应用
1.网页设计中添加部分Flas网站作为新媒介,其最大魅力在于可以真正实现动感和交互,在网页中添加Flas是网页设计的重要内容。现在,只要上网浏览任一页面,从网页LOGO、网页导航、各类Flash网络广告、图片展示动画及交互到益智小游戏,甚至一些动画片、Flash制作完成的网站注册、登陆等到处都能看到Flas的身影,Flas已经成为网上活力的标志。
2.纯Flash网页设计制作由于视觉效果较好,有些网站为了追求美观,彰显自己的个性,将整个首页全部用Flash设计,甚至以Flash来制作、设计整个站点。从浏览者的角度来看,Flas内容比一般的文本加图片HTML格式的网页,其艺术效果大大增强,观赏性更高,从而更能抓住人们的眼球,这对展示产品和企业形象十分有利。至于整个站点的设计,无一例外都保证是由Flash软件来制作。包括所有视听元素与版式两大部分,及从网站引导主页面的设计,到引导进入的子页面的设计,这样完整的过程和系统全由Flash制作完成。Flash网站制作参考流程:网站结构规划Flash场景规划素材准备分别制作整体整合。
三、Dreamweaver和Flash在网页设计中的应用
1.在Dreamweaver中进行网站设计时,要围绕网站的主题、客户需求,进行针对性设计。然而网站的导航最好尊重用户的使用习惯,快速地将用户引导至其目标,避免浪费时间,所以在设计更多子页面时最好是保持界面的统一,才能使用户在转去他们目的地时,对站点要传达的信息获得更多的关注。
2.在一个静态页面中,添加Flas元素不宜太多、太花,应适当分散放置,不要过于集中,动画效果的设计也要得体,否则,就会事与愿违。
关键词:讲演教学;案例教学;创新能力;开发潜能
FLASH是目前最流行、使用最多的二维动画制作软件之一,是一门实践性很强的操作性课程,它主要以动画制作为主,广泛应用于创建动画、网站制作、多媒体演示、产品展示、课件和游戏等。目前,中职学校的计算机专业普遍开设《FLASH动画设计》课程,但开展的现状却不尽人意。当真正去做一些复杂的动画时,学生大多束手无策,不知如何下手,更谈不上去独立完成一个完整的FLASH作品了。究其原因,一是学生的学习水平参差不齐,二是学生的操作能力、创新能力欠缺。笔者近年一直担任FLASH动画教学,在教学实践中,不断探究行之有效的教学途径。
一、直观讲演基础知识,注重培养学习兴趣
在《FLASH动画设计》课程中,对于基础知识的讲解往往很多,尤其是前几章中对基本概念、工具、菜单的讲解较多,这也是FLASH最基础的知识。但是,如果在教学过程中仍然沿用传统的课堂教学方法,就会枯燥乏味,既不能激发学生听课的兴趣,更不能使学生熟练掌握基础知识。因此,在FLASH实际教学中,对于基础知识这部分内容,应当充分利用多媒体教学系统,采取讲演法。即讲授法与演示法相结合,边讲解边做演示,老师做到讲、演一致,学生能够听、看及时,让学生“所见即所听”,从而能够直观、快速地掌握基础知识,一目了然,轻而易举。学生不仅能够轻松掌握基础知识内容,而且提高了学习兴趣,使学生对知识点的理解进一步得到了深化,较之传统的讲授法,讲演法的效果可谓事半功倍。
二、巧妙运用案例教学,提高学生操作能力
在《FLASH动画设计》中,虽然对于基础知识的讲解很多,但是缺乏一些典型的实例,而且各章节间的联系也不是很紧密,这样不利于培养学生的创新能力和创新意识。而案例教学是通过学习一个个包含许多知识点的小例子,引发学生思考,诱发学生的创造潜能。每学习一个案例,学生就掌握了一些知识点,并且巩固以前所学的基础操作。采用案例法教学,能使学生更容易掌握教学内容,提高学生的主动参与意识,培养及时发现问题、解决问题的能力,以及综合应用能力和创新能力。通过学习一个个实际例子,迫使他们开动脑筋,努力思考,从而既掌握了操作知识点,又提高了动手操作能力、解决实际问题的能力。
在实际教学过程中,选择的案例要具有启发性,并且要深浅适度,其质量的高低是影响教学效果的重要因素。一个高质量的案例应当具备目的性、启发性、实践性和生动性的特点,赋予它一定的教学意图。例如,在学习遮罩层时,可以设计一个遮罩层和引导层同时应用的案例,锻炼学生综合运用知识的能力。当学生在制作中获得了一定的成就感时,这时可选取一些简单的编程动画,既让学生感觉前面所学知识已经没有办法解决,同时,也自然地过渡到有关设置Action Script动作的学习。这样,既涉及到前面已学的知识,同时又涉及到了新的知识内容,承前启后,激发学生的学习积极性。比如计时器、帧的简单跳转等案例。总之,在案例选取的过程中,既要根据教学实际量身定做,同时对案例也要讲究一定的趣味性、科学性和实用性,从而在案例教学中不断激发学生的学习兴趣,并充分发挥学生的想象力,在动手实践中不断提高操作能力。
三、加强课堂实践练习,培养学生创新能力
《Flas设计》课程的作业均为上机实践,因此,可以采取实践练习教学法,分为不同的层次去完成。学生在练习时,首先练习老师在n堂上所讲的案例,类似于临摹在书法与绘画训练中所起的作用,这种训练既可以使学生在学习初期更快地入门,又可以增强他们的自信心和学习兴趣。然后再做老师在课堂上放映并分析的案例,锻炼学生运用学过的知识解决实际问题的能力。同时,应不失时机地对学生进行创造性思维的启发,并对所学内容加以创意延伸,有助于培养学生的创新能力。
法国心理学家贝尔纳指出:“创造力是设法教的,所谓创造力教学,指的是学生要真正被鼓励开发并发表他们想法的机会,如此才能发展他们富有创造力的才能。”教师要树立培养创新型人才的意识,要善于挖掘教学过程中的创造性因素,不失时机地启发学生的创新思维,鼓励学生大胆想象和思维发散,培养学生发现问题和解决问题的能力。因此,这时教师引导学生向纵深发展,要求学生自己设计作品,没有统一的要求,只看知识点运用是否全面、表达效果优劣。学生通过做设计作业,既提高了对FLASH软件的灵活使用,又锻炼了动手能力、设计能力,从而大大增强了实践能力、创新能力。
四、重视课堂过程考核,积极开发学生潜能
课程考核是检验教学质量和教学效果的有效手段,考核方法设置是否合理,将直接影响成绩的合理性和客观性。教师在FLASH课堂中所起的作用与其在传统教学中的作用应该说是同等重要的,对于每一个教学案例及上机作业,通过实践教学这一环节,绝大部分同学都能够掌握案例中涵盖的知识点。这时,教师不要以为教学任务已经完成,而是应该进一步进行归纳总结,指出这些案例中有哪些实现的思路,应站在哪个角度去考虑,采用哪种方法更合理、更科学、实现效果更好。在此阶段,要展示不同学生的作品,集思广益,让学生一起分析作品的优缺点,提出更合理的修改方案,并把优秀的学生作品展示在学生作品网站上,使学生找到归属感的同时拥有成就感。
综上所述,《FLASH动画设计》教学的有效途径不一而足,最重要的是要针对该课程自身的特点和所授内容的不同,灵活运用不同的教学方法和教学手段,不断激发学生的求知欲,变“要我学”为“我要学”,激励学生积极探索,充分发挥想象力,不断提高分析问题、解决问题的能力,大力培养学生的操作能力和创新能力。
参考文献:
[1]曹华.提高课堂教学有效性的途径[J].上海教育,2011.
[2]陈钰.Flas课程实例教学法探讨,2006.
作者简介:
关键词:Flash;学习兴趣;授课顺序
一、激发学生兴趣,消除学生畏难心理
现代医学证明,人类具有“视觉暂留”特性,当人的眼睛看到一幅画或一个物体后,在0.34秒内不会消失。动画就是利用人类视觉暂留的特性,快速播放一系列静态图像,使之产生动态的效果。利用PowerPiont课件、FlashPlayer等软件,播放精选的10余部国内外经典动画片段,讲述国内外动画发展史,激发学生的学习兴趣;引领学生欣赏往届学生的作品,可以有效消除学生对动画制作的畏难心理。
二、梳理Flash传统授课顺序
动作补间动画是Flash非常重要的表现手段之一,在Flash学习中占有重要地位。重新梳理知识点,打破传统授课顺序,将图层、库、元件知识提前,融入动作补间动画学习中,最终完成高质量的动画作品。
1.上机实践一:做一个简单的动作补间动画
引领学生利用Flash绘图工具绘制一个小球,制作“小球运动”的动作补间动画,在动画制作过程中,强调“三个步骤”“两个注意”“一个表现”:
【三个步骤】第一步,确定起始关键帧;第二步,确定终止关键帧;第三步,在帧面板上单击鼠标右键,创建动作补间动画。
【两个注意】第一,创建补间动画时,如果时间轴上出现虚线箭头,表示补间不成功,应检查两个端点的对象是不是符合做动作补间动画的要求。第二,对象组合的快捷键是“Ctrl+G”。
【一个表现】时间帧面板的背景色为淡紫色,在起始、终止关键帧之间有一长长的箭头。
2.上机实践二:制作对象位移、变形、旋转、颜色渐变效果的动作补间动画
【动画模拟效果】
苹果落地;风车旋转;小树长大;雪人融化。
【问题设计】
请学生分析这4个Flas,不同的对象分别做怎样的运动呢?得出位置移动、旋转、大小变化、颜色渐变的结论,通过制作这些精美的动画,可以让学生熟悉动作补间动画可以制作出哪些动画效果?
【动画原理】
动作补间动画是指同一对象不同状态的变化,其变化效果是由Flash控制的,通常用于制作对象的位移、变形、旋转、颜色渐变等动画效果。
【多媒体教学资源准备】
PowerPoint教学课件、助学课件;Flash演示文件(教师用)、半成品源文件(学生用)。
【多媒体教学资源说明】
PowerPoint助学课件在学生上机时使用,内容为各动画制作的具体步骤,这样可以方便学生查阅,消除学生的基础差异,锻炼学生自主探究的能力;动画对象的位移、变形、旋转、颜色渐变等动画效果隶属于动作补间动画范畴,动画制作时有重复步骤,此时提供Flash半成品源文件,一是可以重点练习相关知识点,避免学生重复操作;二是预留库、元件、图层知识点,为学生后续学习埋下伏笔。
【任务1】制作位置移动效果动画:苹果落地
“位移动画”是指对象从一个位置移动到另一个位置的动画,在这个动画中至少有两个关键帧,而且两个关键帧中的对象必须是同一个对象,并且保持两个关键帧中对象必须在不同的位置。
上机操作:源文件已经准备好苹果素材,强调对象在开始关键帧和结束关键帧相对应的舞台位置。
【任务2】制作旋转效果动画:风车旋转
“旋转动画”是指对象以某一点为圆心进行旋转的动画。
上机操作:源文件已经完成动作补间步骤,学生只需制作完成旋转效果。
【任务3】制作变形效果动画:小树长大
“变形动画”是指对象从一种形态过渡到另外一种形态的动画,这个变化过程是Flash自己控制的,用户只能改变对象初始与结束时的形态,如:对象大小的变化、扭曲变化等。
上机操作:源文件已经准备好小树素材,请同学们动脑筋探究怎样改变对象大小。
【任务4】制作颜色渐变效果动画:雪人融化
“颜色渐变动画”是指通过控制元件对象中不同颜色效果创建的动画,通常使用“Alpha”透明通道来制作图像淡入淡出效果。
上机操作:源文件已经完成动作补间步骤,学生只需完成制作雪人颜色变透明的渐变效果。教师引导学生探究操作方法,重点强调属性面板,使学生掌握修改Alpha值的操作方法。
【成果分享】
学生在掌握了制作动作补间动画步骤后进一步探索,培养学生的探究能力,让操作成功的学生前往教师机面向全体同学演示,既培养了学生的表达能力,也有利于提高学生的学习热情。
3.上机实践三:整合知识点,融入图层、库、元件知识
在学习动作补间动画过程中,学生对如何运用关键帧、时间轴、矢量图形已有一定的体验,在这个基础之上,学习库、图层、元件、实例等新知识点,使“苹果落地”等Flash动作补间动画加入树木、房屋等背景元素,使动画更加完善。
【库、元件、图层知识】
库面板存储了在Flash文档中创建的元件以及导入的文件,如:视频剪辑、声音剪辑、位图和矢量图形等内容。在制作Flas中,“库”是使用次数最多的面板之一。
将需要的元件从“库”面板拖动到舞台后,舞台中的这一图形就是元件的实例。元件只需创建一次,然后即可在整个文档中重复使用。
Flash的图层管理使得操作简便、快捷,时间轴中的“图层控制区”是对图层进行各种操作的区域,在该区域中可以创建和编辑各种类型的图层。
【4个动画模拟效果】
飘香的果园,丰收的苹果落地了;荷兰乡村转动的风车;让小树长高长大;雪人融化了。
【上机任务】
学生打开“苹果落地.fla”(风车旋转.fla、小树长大.fla、雪人融化.fla)源文件,从库中拖动苹果(风车、小树、雪人)元件到舞台,熟练完成“苹果落地”等4个动画;插入新图层,选中新图层第一帧,并从库中拖动树木、房屋等元件到舞台,在新图层制作动画背景。
【分层次教学】
接受能力强的同学可以上网搜索并下载自己喜欢的苹果等素材,导入到库中,进行情景动画制作;基础差的同学,利用库中已有的素材,完成基本动画。
4.上机实践四:综合实战,制作“天亮”效果动画
【动画模拟效果】
随着太阳旋转升起,天变亮了,跃入视线的是美丽的蓝天、草地和牧场。
【上机任务】
引导学生利用不同方法绘制出太阳图形元件,制作“太阳旋转”电影剪辑元件;制作“天由黑变亮”和“太阳边旋转边升起”的动作补间动画,这些动画融入了旋转、位置移动、颜色渐变等细节;熟练运用库、图层知识设置草地、牧场背景,最后制作出综合效果的“天亮”Flas。
三、教学心得
本阶段教学分为两课时,通过精选“苹果落地”等6个动画,介绍了Flash动作补间动画制作的基本流程,通过学习,学生掌握了Flash的常用操作界面,对帧、图层、库、元件等有了一个全面的了解。教学实践证明,学生对Flas制作是极感兴趣的,教师精选教学范例,在视觉上打动学生、在动画技术上吸引学生、在动画效果上感染学生,从而激发学生的创作愿望,积极发挥学生的主观能动性,使学生能够从简到繁、由浅入深地主动探究,进而系统、熟练地掌握动作补间动画,为整个Flash软件的学习奠定夯实基础。
参考文献:
[1]史宇宏,王志强.循序渐进:FlashMX2004实例课堂[M].北京:人民邮电出版社,2004(10):76.
[2]王兵华.Flas设计实例教程[M].北京:中国铁道出版社,2008(5):2.
关键词:Flash;动画;交互性
1 绪论
1.1 概述
Flash交互式动画,是指受众与动画之间通过交互设计产生互动的动画,受众可以在一定情况下依照自己内心的想法控制动画的情节,乃至最后的结局也可以改变。相较于其他动画而言,它给受众的反馈会更直接、及时,更重要的是传播信息的效果更显著。Flash交互式动画分为三种类型:按钮动作、帧动作和电影剪辑。
1.2 研究现状
随着新媒体技术的发展,科技的创新创造了更多的媒体平台,作为一种新媒体艺术的载体,载体通常有便携、互动性强、多媒体的支持和其他功能,这使得以互动功能为特点Flash设计面临更大的挑战。然而,在Flash设计相关的研究中,对于Flash交互领域的理论研究和对国外优秀的理论研究的借鉴都还不够,没有就Flash交互性设计的应用及存在的问题和解决的方法进行详细的分析和研究。本文主是从Flash交互式动画的应用领域和存在的问题及解决方法方面进行研究分析。
1.3 研究的意义与目的
本文在对国内外相关领域研究的学习和吸收基础之上,结合Flash交互设计的在实际中的应用案例,多学科多角度的分析Flash动画中交互性设计的发展趋势,以及发展过程中所呈现的新特征。归纳整理Flash动画中交互性设计的原则、应用、存在的问题及解决办法等,更深入地了解Flash交互设计未来的发展方向,为Flash交互设计提供新的理论基础。丰富相关研究领域的正面价值理论,使人们对Flash交互性设计在新媒体艺术下应用与存在的问题有更全面的认识,并且完善对于Flash交互式动画存在问题,为Flash交互性动画的多元化发展提供新的设计思路和模式。
2 Flash交互式动画的应用
2.1 在广告宣传中的应用
广告中Flash交互式动画不再是利用单一、固定的播放方式,使受众单纯的被动接收广告信息,而是主动而直接地参与到这种动画形式的播放过程中,增强了受众的主观性、随意性和选择性,在提高了他们的观看兴趣的同时,达到很好的有效信息传递效果。这种形式使广告被广大受众接受和认可,增加了受众的参与感,满足了现代人追求轻松、幽默、愉悦的心理需求,从而提高了网络广告的效果,达到了产品和企业品牌宣传和推广的目的。
2.2 在手机媒体中的应用
受新媒体的影响,软件自身不断升级换代。交互性强、传播速度快、便于随身携带、操作简单方便等优点,使手机媒体成为交互式Flash动画发展的新方向。Flash交互式动画在手机媒体中的应用形式非常丰富,如动画短片、动画屏保和动画天气预报等,这些不仅符合现代人快节奏和高效率的生活规律,而且符合人们的心理要求。Flash平台的交互性手机动画两个最大的特点就是实时性和主控性。
2.3 在教育教学上的应用
在教育教学上,原本枯燥乏味的知识通过以Flash为基础的交互动画的表现形式,通过视频集成的手段,将文字、图形、图像、动画、声音、视频集成于一体,将抽象内容实际化,理论内容生动化,设计出精彩有趣的多媒体学习课件,有效地激发了学生参与课堂活动的学习积极性,促进学生主动学习,提高学生学习效率。并且,我们在制作Flash动画课件的同时,也帮助了师生之间更好的交流沟通,在增加课堂趣味性的同时又提升了教学效果。
2.4 在游戏中的应用
因为Flash软件本身具有操作简捷、形式丰富、带动性和交互性强、占用内存小等优点,所以能更好地应用在游戏制作中。受众在接触到游戏时,往往能很快就接受并且融入进去,甚至能吸引在一旁的观看者加入游戏中,这给游戏开发商提供了很多契机。
3 Flash动画中交互性设计存在的问题
3.1 需要足够的市场调研和市场分析数据
由于Flash动画设计侧重于作品的展现方面,因此很多动画创作者就把很多的精力放在画面的设计上,在追求画面效果表现的同时,往往缺乏足够的市场调研和市场分析,忽略了受众对于实用性的要求。因为大多数的交互性动画都是由设计者本人完成,对于交互的对象需求有所忽略,最后造成的结果就是不被大多数受众所接受。
3.2 缺少用户的体验分析
在现在的Flash动画交互性设计中,投资者往往在产品的制作完成之后,没有试运行去收集使用者的第一印象、偏好、生理和心理反应等就投放市场,这会导致产品最终不完善,而对于产品所呈现的问题,也没有一个有效的改善方法。
3.3 缺乏综合能力强的专业设计师
如今,网络上充斥着大量参差不齐的Flash作品和Flash动画设计者,显然已经成为Flash动画设计发展过程中令人担忧的一个重要问题,给这个行业带来了很多的实际问题。尤其是在交互性设计方面,大量的设计人员综合素质不容乐观,其逻辑架构能力和分析能力低下,这就给Flash交互性设计带来了一定的困难。
4 加强 Flash 动画中交互性设计的措施
4.1 做好充分的市场调查工作
创作者在设计时首先要进行调查和换位思考,首先要确定产品要针对的人群,进而去调查取证。例如,要调查哪些交互方式最方便受众快速融入作品,哪些交互结果受众有极大热情,哪些表现形式和结构能够满足受众的心理需求及审美需求。在设计时,要充分考虑受众的生理和心理、物质和精神等方面的需求,进行人性化的设计,争取做到在画面和结构上都能满足受众的要求,并且使受众简单而愉悦地操作。
4.2 做好用户体验分析
对于Flash交互设计动画的用户体验分析要利用多种方式和技术手段对受众的需求和寄托进行全面的研究和分析,以便能创作出更完美的产品。就要做到三个方面:一是在前期分析用户的使用习惯和使用需求;二是在投入市场之前进行试运行,分析体验者的使用情况,评估产品的可运行性;三是在投放市场之后,要对用户的使用情况进行大规模的考察和记录,为下一次的改进做充分的准备。
4.3 提升设计人员的综合素质
Flash动画中交互性设计涉及的范围很广,对于大众心理的分析和理解能力显得尤其重要。因此,身为一个优秀的动画设计师不仅要有强硬的专业技术,还要有较好的逻辑架构能力和分析能力。这就要求在前期招聘设计人员的时候就严格把关,坚决抵制一些无能力、无资历的设计人员影响之后的工作。其次,管理单位还应该每隔一段时间,就对这些设计人员的专业能力、逻辑架构能力和操作能力进行考察和培训,让他们有足够的耐心和责任心对待每一份工作。
5 结论
Flash交互式动画已经应用到生活的方方面面了,也带给了人们诸多的便利,其发展前景是不可言喻的,随着网络科技和新媒体的发展,互联网技术与Flash技术日益成熟,Flash动画中的交互功能已经在动画领域中独树一帜,并且在不久的将来Flash交互式动画能创造出更大的效益。
参考文献:
【关键词】二维无纸化;FLASH动画;制作流程;软件
Flash是美国的一家公司(MACROMEDIA 公司)于1996年6月推出的优秀网页动画设计软件,在中国经历了 9 年的发展时间。 曾经在中国风云一时, 出现了 FALSH 热。由于动漫也成为一种时尚的艺术,而且最直接简单的动画创作是就 FLASH。它是现代文明的一种符号,新新艺术创作方式,是一种流行于网络的网络文化。电脑替代了传统的笔墨,移动的图象和声音同样表达了动画艺术家的情感,所以把 FLASH 作为独立的动画来谈。不可否认已经成为了一种新的艺术表现形式,作为新的事物它的应用非常广泛,主要用于网络,FLASH 网站片头,FLASH 演示动画, FLASH 网站,FLASH 商业广告,电视,掌上电脑,游戏,MTV,手机屏保,手机彩信,家用电器等等!下面简单介绍一下FLASH的概念应用以及它的基本操作步骤。
一、Flash的概念
Flash是一款专业的动画制作与处理软件,是当今最流行的动画 设计软件之一,在手绘动画、网络动画制作、特效动画设计等多个方面具有十分完善和强大的功能,深受广大用户的喜爱。 使用 Flash 制作的二维动画称为 Flash 动画,Flash 动画是目前最流行的 Web 动画格式,它是一种矢量动画格式,动画中的主要对象都是有简洁的矢量图形组成的,通过各种图形对象的变化和运动,产生出动画电影的效果。 动画是一种将静止的画面变为动态效果的艺术。Flash 影片通过一系列连续播放的不同画面,从人的视觉上造成画面连续变化的效果。其基本原理与电影、电视一样,都是利用“视觉暂留”的特性, 在一幅画还没消失前播放出下一幅画,从而给人造成一种流畅的视觉变化效果。
二、Flash的应用
Flash的应用领域很多,常见的有影视后期制作、动漫设计、游戏设计、网页设计、课件制作、商品演示、广告制作等。随着 Flash 创作工具功能的增强和制作技术的简化,Flash 的应用领域正不断扩大,笔者主要从中职生的学习角度出发,介绍以下应用:
1.网页动画 Flash 动画是最适合用于网络环境的动画,各大网站都能见到 Flash 动画的身影。其表现形式包括网站片头、情景短片、MTV 等, 比如通过短小精悍且主题鲜明的动画作品, 可以生动形象地表现创作意图。
2.网页广告 Internet 要求网页广告短小、精悍、表现力强,Flash 动画正好能满足这些要求,所以,很大比例的网页广告都采用 Flash 动画。
3.电子贺卡 Flash 电子贺卡不但有生动的动画效果,也可以添加文字和声音效果,是表达对亲人和朋友的美好祝愿的最佳方式之一。
4.多媒体教学 使用 Flash 多媒体课件,可以通过图形、图像、声音、动画效果 来表现教学内容,是取得良好教学效果的实用手段之一。通过 Flash 多媒体课件,可以提高教学内容的表现力和感染力;可以向学习者提示各种教学信息;可以用于对学习过程进行诊断、评价、引导;可以提高学习积极性;可以有效控制学习过程。
三、Flas的制作流程
1.构思主题。构思主题必须有丰富的想象力,要热爱生活,有生活情趣,平日里要养成随想随记得习惯,积少成多。勤于观察、思考后构思并把故事主题写下来,然后整理具体的故事细节这就是创作Flas成功的第一步。
2.编写剧本。由于Flas也是影片作品,所以同样需要制作影片用的剧本。没有好的剧本肯定出不了好的作品。将脑子里想的镜头写到纸上,特别是Flas剧情很短很适用这种方法。如果没有剧本计划就开始制作,那么整个制作过程就有可能失败。这一环节我认为是整个制作过程中的基础也是最关键的一步,因为剧本的编写以及脚本的制作起到承上启下的作用,如果脚本偏离的构思的中心思想也就无法达到编者的最初创意,进而也会影响到下面的制作环节。
3.设计角色和背景。(1)设计角色,动画角色与静态角色图像不同,动画角色是以动态影像的形式制作出来的,所以在设计时要考虑到能够方便地赋予角色行为。如果角色定义不准确,制作了一半发现与自己的设想不一样这样就会十分消耗时间,从而使自己的积极性不断扰导致作品不能顺利完成;(2)设计背景,背景是角色活动的场景,不同的场景需要不同的背景图,背景图的展示能让观众直接知道故事发生在哪里,所以绘制背景的时候要注意与主题紧密结合,同时也要与角色保持统一。在这个环节需要注意的是场景变化越多,相应的背景制作也越多,工作量就变得越来越大。所以要尽量选择场景变化较小的制作脚本。
4.掌握技术。将动画做精做细角色与场景绘制好后,就要实现动画效果了。在 Flash 中,动画类型主要分为逐帧动画、补间动画、遮罩动画和引导动画四大类,一般动画作品都是综合使用上述动画类型实现。在此基础之上,要让动画更形象更细致更具有优势,就需要学生 掌握一定的专业技术,这包括动画运动规律知识、分镜头原理等等。
5.添加音效。使动画有声有色为动画加上了背景音乐和画外解说,能使动画增色不少。制作好画面,再根据画面的节奏和感觉,配以相应节奏和旋律的音乐,尽可能地达到音乐与画面上动作节奏的和谐、统一,达到音乐配合画面动作、色彩、意境的效果。
Flas制作课程在动画专业中是一门产学研结合最紧密的一门课程,它的制作过程从创作到制作都能让学生很好的参与进去,同时它短、画面感简单的特点也很容易被学生所接受,在动画制作中二维Flas制作时唯一一个短期内能出完整作品的课程,所以对于学生来说时间段见效快就更能提起学生学习的兴趣。
【参考文献】
[1]沈大林.中文FLASHMX2004 实用教程(中职)[M].北京:人民邮电出版社,2010.
关键词:矢量图形影片剪辑动态图形
引言
动态图形作为一种独特的设计语言,是视觉传达设计目前常用的媒介和作用方式。在不同时代动画受艺术,美学与音乐的发展影响,引发的对互联网及动漫娱乐产品的需求,让越来越多的动画师、交互设计师、游戏开发者、数码艺术家们将更多的细节扩展到网络经营的更大空间。例如Macromedia公司发布的Flash软件是一款多媒体动画软件,随着HTML和CSS的发展,Flash软件还在不同领域运用,Flash是传统的动画技术的自动化和智能化版本,如补间,变形,洋葱般皮肤等,其格式和工作区操作简便,因此可以缩短制作周期并减少项目预算,具有运用多层的矢量元素去制作运动补间和关键帧运动的动态图形设计能力,以及对矢量图的应用能力以及文件量小,传输快的特点,可用来制作互动界面与基于图案的动画。
一、FLASH在广告设计中的影响
计算机以矢量图形或位图格式显示图形,而flash善于处理矢量图像,使用Flash可以创建压缩矢量图形,并将它们制作为动画,也可以导入和处理在其他应用程序中创建的矢量图形和位图图像,或者在“舞台”区域直接绘制图形。在编辑矢量图形时,可以修改描述图形形状的线条和曲线属性,也可以对矢量图形进行移动、调整大小、重定形状及更改颜色的操作,而不更改其外观品质。在Flash中绘图时,创建的是矢量图形,它是由数学公式所定义的直线和曲线组成的。矢量图形是与分辨率无关的,因此,可以将图形重新调整到任意大小,或以任何分辨率显示它,而不会影响其清晰度。另外,与下载类似的位图图像相比,下载矢量图形的速度比较快。可以导入ILLUSTRATOR制作的矢量图并制作动画效果,也可以直接在舞台上绘制图形。在FLASH中,不同版本对工作区域的大小设置是不同的,如Flash3.0的工作区域要求在1-2880像素之间,而CC可以做到无限制的工作区域,满足了轻松管理大型背景或之外的内容的要求。简洁整齐的用户界面能更好地关注绘制的内容,对话框和面板方便浏览。和其他软件一样,FLASH软件也不断更新其功能以方便用户的使用,作为在线工具和应用软件,还支持ActionScript动作脚本,这种脚本语言可以在软件中实现交互,进行数据处理或者制作复杂的动画,能够帮助用户更快地完成动画效果的制作。
二、FLASH在广告设计中的应用
(一)表情动画
网络时代是一个虚拟的世界继续变得立体化的过程,表情动画是一种新的不用见面而迅速便捷的即时沟通手段。在页面宣传广告中常常应用不同的表情动画表达不同的情绪,使文字具有趣味性。主要内容有根据人的面部表情或者动作制作的一些角色的表情变化,在制作这类表情动画时,和动画片的角色设定类似,要确定一个表演角色;也包括使用文字或者图形图像制作的简易动画。当表情包制作完成后也会制作相关的宣传广告,并应用于聊天工具中。
(二)网络动画
使用Flash可以设计具有视觉画面的动画,许多商业网站采用Flash制作网络广告,并将其置于网站之中,引起观众的好奇心,主动打开网站浏览动画广告以推广商品。静态型广告条往往放置在网页或博客的顶端,静态型Flash并不是静止的,一般采用一张广告图片配以动画点缀元素插入到网页中,也可以将布局好的广告图片分割出来,然后在Flash中制作入场动画。动画型广告是最显眼的广告方式,可以在花花绿绿的网页中让浏览者无意中注意到广告内容,以达到宣传的目的,这样可以提高广告的点击率。
(三)动画导航
作为主流的图形视频处理软件,Flash主要定位于网络制作,这就决定了它具有互动性,体积小,色彩鲜艳等特点,并且可以配合其他工具软件制作出各种形式的动态菜单以及网页,目前,手机应用商店中的APP也在不断推陈出新,例如滴滴打车作为一款大众常用的应用软件,其导航使用文字和矢量图形制作简明易懂的动画,使不同消费人群在短时间内对行程清晰认知,不仅节约了时间,也减少了沟通障碍。
(四)网络视频
在进行商业推广时,可以使用flash制作宣传视频,这样的视频一般体积小,适合网络传播,并且具有交互性。对比同类型软件,Flash和AE同样具有静态物体,视频,音频的功能,而且Flash具备的Actionscript编程语言更是AE所不具备的。Actionscript支持具有相当复杂程度的互动功能,因而被广泛地运用到网页及其他一些动态界面设计中。由Flash制作的动态作品既有矢量元素,也有图像元素,而AE生成的动态作品是由Bitmap位图所组成。AE可以用来制作电影,视频,数码视频,光盘,网页及二维印刷品。AE可以渲出各种精度的作品,甚至立体电影。AE可以生成的特效是Flash远远所不及的。只有AE专门用来制作动画,不能制作任何互动界面。AE生成的动态影像可以被用到Flash中进行与其他元素的进一步合成,AE基于时段,Flash基于帧数,因而在AE中,对时间的改变比较自由,一段30秒的电影可以被拉长到3分钟,然而动画元素之间的关系可以保持不变,Flash就达不到这种需求了。例如音乐设计的视觉思维就是巧妙地运用图形(线条,色彩,体量等)和摄影蒙太奇处理将音乐的旋律,风格和意境呈现出来,其音画创意注重视觉形式构成元素和抒情元素的美感追求,注重画面的节律与叙事结构,从而使音乐给视觉的享受丝毫不亚于它带给听觉的。
三、运用FLASH软件设计图形动画
全球有超过6亿在线用户安装了FLASHPLAYER,这使得浏览者可以不需要下载和安装插件,直接欣赏到高清的Flash动画。由于它能够减少游戏中电影片段所占的数据量,因此可以节省更多的空间。无论是矢量图形或位图图像,新版本的CC能够把需要导出的内容导出为全高清(HD)视频和音频,即便是导出拥有比较复杂的时间表和脚本驱动的动画,也不会丢帧。网站中的广告要遵循少即是多的原则,例如网络广告设计要简洁,图片和文字的移动和变化并不需要过于复杂,只要有效地传递信息就可以了,FLASH动画设计应该显眼易读,能够吸引受众的注意力。第一次接触到某工具时,只要能大概知道它的作用就可以了,至于Flash具体应用以及不断更新的软件在功能上的增强,则需要通过一个个实实在在的例子去慢慢体会和理解。FLASH软件用户有很多种方法实现图案动画的创建,而图形构造不失为一个很好的切入点,例如从静态图形开始再来实现动画效果,在制作前要先了解一些基本创建方式。
(一)图形编辑
图形编辑是Flash重要的功能之一,了解了一些基本的绘图方法之后,就可以从绘图工具栏里选择不同的工具以及它们的修饰功能键来创建、选择、分割图形等。当选择了不同的工具时,图形工具栏外观会跟着发生一些变化,且修饰功能键以及下拉菜单将出现在工具栏的下半部分。修饰功能键大大扩展了此工具的使用功能,加强了此工具的实用性和灵活性。由于FLASH对矢量图的应用和对视频,声音的处理能力,多媒体播放的兼容性,使得FLASH成为网络动画的重要制作工具之一。
(二)影片剪辑元件
所有的图形或图像,在他们多种多样的表现里,无论是静态的或是动态的,都是由各种形式将颜色、形状、线条、字体组合起来。在传统动画制作中,主要任务便是绘制始关键帧与终关键帧,当中的过渡帧每一格都需手工绘制,而在数码动态制作中,我们只需确定关键帧,当中的过渡则都由电脑来生成。正是因为有了关键帧,才有了动态的影片剪辑,运动状态发生改变的那一刻,在设计一段动态时,首先我们要确定的是改变何时开始(开始关键帧),何时终止(结尾关键帧),如果动态比较复杂,我们更需要在始关键帧与终关键帧中再加入多处关键帧,理解时间与空间段之间的对应关系,对影片剪辑来至关重要。影片剪辑拥有自己独立于主时间轴的多帧时间轴,可以将影片剪辑看作是主时间轴内的嵌套时间轴,使用影片剪辑元件可以创建可重用的动画片段。
(三)补间动画
在AE特效软件中,滤镜的使用,使影片时光超越了时间,在Flash里逼真动画的外观同样可以通过补间动画属性瞬间创建。补间是英文INBETWEEN的缩写TWEEN.主要用来完成两个关键帧之间缺少的动画帧,在两个关键帧之间建立补间动画关系之后,中间会自动生成不见动画图形的显示变化,达到更流畅的动画效果。补间动画可以调整动画轨迹,可以给对象的位置、大小、倾斜、颜色效果,滤镜等属性进行补间,可将单个对象选择编辑。当补间创建完成后,舞台中会出现一条运动路径。它是以两个关键帧的中心点作为连接点的,这条线上每个小点都代表使用补间呈现出的过渡帧。补间动画不仅可做一些简单的位移,大小,颜色等动画,又常备用以便做一些具3D透视的位移或者制作一些镜头的推拉摇移。下面运用实例来了解如何运用FLASH软件来创建一个简易的静态图形动画。步骤1打开一个新的ash文件,可以看到一个名为“图层1”的图层,在页面的顶端有时间轴。选择第一帧,使用椭圆工具创建圆形,再使用线条工具和变形工具绘制图形,然后使用钢笔工具完成图标,选择舞台中的对象,“修改转换到元件”,将图形转换为元件。在弹出的对话框中,对该元件命名,选择“图形”选项,按“确定”步骤2在图层1的下方创建2个新图层,一个命名为“天空”,另一个命名为“光”,选择“光”图层。利用路径绘制圆形,单击“没有颜色”按钮绘制正圆,选择移动工具,按住alt键复制多个圆形,并分别调整圆形的大小。步骤3选择天空图层第1帧,通过“文件导入导入到舞台”操作,导入天空图片。步骤4创建文字图层,通过“文件导入导入到舞台”操作,导入矢量文字图形。在接下来的五个步骤中,无论是图形元件的基本创建方法,还是编辑图案动画设计的制作方法,都在下述五步中简单展示出来了。步骤1现在为止,绘制的元件处于图层1的第1帧。在图层1第50帧添加一个普通帧将图形元件延续。步骤2选择光图层第30帧,“插入时间轴关键帧”,创建一个新的关键帧,重新绘制多个圆形并填色。仍在第30帧进行操作,将圆形元件在舞台上进行移动,选取第1到第29帧之间的任意一帧,在屏幕底端的属性面板上的“补间”选项中选择“动画”,在关键帧之间添加传统补间动画。选择该图层第50帧,如上所述创建不同的圆,并选取从30至49帧之间的任意一帧添加传统补间动画。步骤3创建文字动画,先将文字转换为图形元件,在视频最后一帧添加关键帧,在关键帧之间添加传统补间动画,并修改属性面板的色彩调整Alpha命令。步骤4如果想要再现时光倒流的色彩质感,可以使用属性面板中的透明度调整色调,也可以使用属性面板中滤镜营造褪色效果,模糊滤镜在动画制作中常常会被用到,应用滤镜的对象需要是“影片剪辑”元件。“按钮”元件或文本。先将天空图片转化为影片剪辑元件,在1至49帧之间添加传统补间动画,选择元件最后一帧,在属性面板中设置模糊选择影片剪辑元件,在属性面板中单击添加的滤镜按钮,选择模糊,然后设置参数。步骤5如果要添加声音,先创建一个新的声音图层,然后单击“文件-导入到库-导入声音素材”,在声音图层添加空白关键帧,再将音频文件从库里拖拽到图层,使其和视频素材的时间保持一致,在属性面板上还可以设置声音效果,缓和参数等。然后选择“文件发布预览”可以预览动画效果。
Flas用“闪”“动”来丰富网站的视觉效果,充分调动浏览者的视觉注意。动态元素在充分调动浏览者视觉注意的同时,还可以引起浏览者主动参与的兴趣。利用视觉引导让浏览者参与进来。在制作中,设计师可以通过调整Flas的速度和音乐节奏来增强整个网站的艺术性和视觉冲击力。
1Flas的图形特点
Flash制作的动画是矢量图形动画。矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量文件中的图形元素被称为“对象”。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。矢量图形与位图使用像素表示图像的方法有所不同。矢量图能够通过保存对象最基本的信息记录对象最完整的属性。相同视觉效果和打印质量的文件,矢量图体积比位图要小,并且文件体积大小与对象的尺寸大小无关,对某一对象尺寸放大几倍、几十倍的图像文件与原始文件大小相同。对绘制对象进行运动、缩放、旋转、填充等都不会降低绘制对象的图像精度。网页中的Flas应用,主要有网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作的网站注册、登陆、计算等这些既要求视觉效果好,又要求运行速度快的模块。
2Flas的色彩特征
色彩是网页设计中重要的视觉要素之一。浏览者打开网页界面首先感受到的就是网站的色彩效果。网页设计中恰当的色彩应用,不但给浏览者带来愉悦的心理感受,而且可以有效地传达信息,提升网站所代表机构或品牌的整体形象。色彩搭配决定网页的调性,对内容意义的表达具有非常重要的辅助作用,在网页设计中可以通过利用色彩的情感特性来引发观赏者的情感体验,调动观赏者的情绪,可以更好的塑造鲜明而丰满的品牌形象,帮助浏览者更好的理解网页所传达的信息。Flash软件采用矢量技术,其图形和色彩延续了矢量图形的特征,线条简练、色调轻松明快、造型逼真夸张、唯美的艺术情趣、平面化的艺术特征。在艺术领域大家通常把设计中的色彩分为写实色彩和装饰色彩,而Flas中的色彩通常都是设计师根据主题和气氛来设计的装饰性的色彩。这种色彩并非自然界的色彩重现,而是对自然色彩的归纳和总结,其色彩单纯、干净、简练,在色彩搭配应用中或追求和谐,或趋向强烈的对比效果,力求达到色彩视觉美感。这种色彩特征为Flas增添了视觉魅力。
3Flas增强网页交互性
3.1交互性是新的审美需求“审美”实际上是一种社会需求的产物,它总是适应特定社会需求而存在,同时又服务于其赖以生存的社会文化大环境。在这个高度信息化的社会中,传统的审美观已经不能满足大众多元化的审美需求,人们不再满足于观看和被动接受的审美活动,大众审美从单向的“说服”转向了双向的“对话”。Flas互动性的技术和艺术,使企业或个人能够用更直接、更便捷的方式传达信息,与浏览者进行在线交流与双向互动。Flash以其独特的时间片段分割(TimeLine)和重组(MC嵌套)技术,结合ActionScitpt的对象和流程控制,使得灵活的界面设计和交互式动画设计成为可能,无论处于何种平台,只要安装有支持的FlashPlayer,就可以保证它们的最终显示效果的一致。可以说Flash是在网站上实现交互式动态设计的最优方案。
3.2交互性为用户带来参与体验Flash在网页中可以整合图像、声音、视频等多媒体元素实现交互功能。用Flash软件制作的动画具有很强的视觉召唤力和交互性。Flash软件本来就具有交互性的优势,当然这与网络技术的开放性有着密不可分的关系。采用Flash设计制作的网站,在满足网络信息传达的同时,还能让网页浏览者、欣赏者参与到信息接受和传播中来。网页浏览者通过点击、选择等动作决定网页动画的播放过程和视觉效果,使网页信息的展示和传达更具互动性和趣味性。通过用户界面设计引导浏览者的视觉,让网页浏览者不知不觉参与到信息的获取和传播中来。
4Flas与网络技术完美融合
Flash软件制作的是矢量动画格式的文件,矢量图的特点在于图像文件体积小,图像质量好,操作简单方便,而且对图像文件进行放大和缩小操作均不会影响图像的质量。并且Flash软件制作的文件适应面广,Flash制作的文件是“流”式的播放方式,支持多种多样的文件格式。通常网页上用的文件保存为*.swf动画影片文件,这种文件格式占用空间很小,播放效果流畅,符合网络信息传输对文件的要求。设计者把Flas添加到网页中以后,如果想修改动画尺寸,可以在属性面板中对其大小进行调整。Flas具有跨平台、跨媒体的优势,多种媒体整合和强大的互动性的特点,使它成为网站设计者非常欢迎的动态图形实现软件之一。相对于三维软件制作的动画来说,Flash制作耗费的成本小,制作周期短,软件本身简单易学,视觉表现效果却能满足需要,越来越多的公司用它来丰富网站的视觉效果。中国点击率最高的几个网站(比如:新浪、搜狐、网易、雅虎)首页都有Flash制作的动画效果。Flash已经成为各种媒介互助共进,开拓更广阔发展空间的得力工具。
作者:董凌邱雅婷王珍慧单位:广西工学院鹿山学院盐城师范学院
关键词:Flash交互动画;实训案例教学;ActionScript 3.0
中图分类号:G712 文献标识码:A
1 引言(Introduction)
交互动画是指在动画作品播放时支持事件响应和交互功能的一种动画[1],也就是说,动画播放时可以接受某种控制。这种交互性提供了观众参与和控制动画播放内容的手段,使观众由被动接受变为主动选择。最典型的交互式动画就是Flas。观看者可以用鼠标或键盘对动画的播放进行控制。本文旨在通过三个循序渐进的Flash交互动画的实训案例让学生初步掌握Flash交互动画的制作方法。
2 实训教学内容的设计(Content of practice training)
Flash交互动画实训案例内容:
(1)使用软件:Flash CS 4.0。
(2)实训目的:初步掌握Flash交互动画制作方法。
(3)实训时间:2周,每周28学时。三个部分,第一部分14学时,第二部分18学时,第三部分24学时。
(4)实训要求:通过学习能够独立完成控制Flash交互的程序。
2.1 使用脚本创建视差滚动
这部分实训教学内容是通过鼠标点击场景中的按钮控制角色动画的左右移动。首先在PhotoShop中创建一个无缝衔接的背景。然后在Flash创建一个循环原地运动的角色动画。通过脚本编程控制角色动画的左右移动,效果如图1所示。
Fig.1 Uses ActionScript to create scrolling difference
核心程序代码如下[2]:
Function moveLayers(e:MouseEvent):void {
if (e.target.name =="forward_btn"){
moveLeft = true;
} else {
moveRight = true;
}
walker_mc.play();
}
Function stopLayers(e:MouseEvent):void {
moveLeft = false;
moveRight = false;
walker_mc.gotoAndStop(1);
}
stage.addEventListener(Event.ENTER_FRAME, timeToScroll);
Function timeToScroll(e:Event):void {
if(moveLeft){
parallax(middleground_mc, 5);
parallax(background_mc, 2);
walker_mc.scaleX = 1;
} else if (moveRight){
parallax(middleground_mc, -5);
parallax(background_mc, -2);
walker_mc.scaleX = -1;
}
}
Function parallax(layer:MovieClip,speed:Number):void {
if (layer.x
layer.x = layer.x + layer.width/2;
}else if (layer.x >= layer.width/2)
{layer.x = layer.x - layer.width/2;
}
layer.x -= speed;
}
2.2 键盘定位角色
第二部分的实训内容是旨在让学生们掌握除了鼠标点击控制交互之外,还可以通过键盘的按动定位角色的移动。首先制作一个场景变换的影片剪辑和一个循环原地运动的角色。通过AS 3.0脚本编程控制键盘定位角色实现角色在不同的场景中来回穿梭,效果如图2所示[3]。
Fig.2 Keyboard positioning role
核心程序代码如下:
function keyPressedDown(e:KeyboardEvent) {
if (e.keyCode == 37) {
leftArrow = true;
} else if (e.keyCode == 39) {
rightArrow = true;
}
walking_mc.play();
}
function keyPressedUp(e:KeyboardEvent) {
if (e.keyCode == 37) {
leftArrow = false;
} else if (e.keyCode == 39) {
rightArrow = false;
}
walking_mc.gotoAndStop(1);
}
function moveMan(e:Event) {
if (leftArrow) {
walking_mc.x -= speed;
walking_mc.scaleX = -1;
}
if (rightArrow) {
walking_mc.x += speed;
walking_mc.scaleX = 1;
}
if (walking_mc.x >= stage.stageWidth + walking_mc.width){
walking_mc.x = 0 - walking_mc.width;
currentBackdrop++;
changeBackground();
}else if (walking_mc.x
walking_mc.x = stage.stageWidth + walking_mc.width;
currentBackdrop--;
changeBackground();
}
}
function changeBackground(){
if(currentBackdrop> totalNumFrames){
currentBackdrop = 1
}else if(currentBackdrop < 1){
currentBackdrop = totalNumFrames
}
backdrop_mc.gotoAndStop(currentBackdrop);
}
2.3 360度全景模拟
第三部分的实训内容旨在让学生掌握通过动作脚本实现模拟全景展示。首先创建一个角色的360度的逐帧动画影片剪辑。使用一张圆柱形的全景图作为场景背景。为背景做一个位置移动的补间动画。使用动作脚本控制场景与角色动画360度的同步的全景展示,效果如图3所示。
Fig.3 Panoramic simulation
核心程序代码如下:
Function setClockWise(e:MouseEvent){
moveIt = -1;}
Function setCounterClockWise(e:MouseEvent){
moveIt = 1;
}
Function stopRotation(e:MouseEvent){
moveIt = 0;
}
character_mc.addEventListener(Event.ENTER_FRAME, spinObject);
function spinObject(e:Event):void {
Var thisFrame:Number=character_mc.currentFrame; thisFrame += moveIt;
if (thisFrame > totalNumFrames) { thisFrame = 1; }
if (thisFrame < 1)
{ thisFrame = totalNumFrames; }
character_mc.gotoAndStop(thisFrame);
world_mc.gotoAndStop(thisFrame);
}
3 结论(Conclusion)
通过具体形象、程序原理、程序分析等内容的讲解以及实践应用,学生可以在这门课程的实训中了解并初步掌握Flash强大的交互功能。
参考文献(References)
[1] 权英卓,王迟.交互艺术新视听[M].北京:中国轻工业出版社,
2007:73.
[2] 郑伯鸿,张智龙.Flash ActionScript语法参考辞典[M].北京:中
国铁道出版社,2005:110.
[3] 林德新.Flash游戏制作[M].北京:中国铁道出版社,2005:306.
作者简介:
关键词:flash;教学方法;实验课
《FLASH 动画设计与制作》是一门操作性非常强的课程,Flash软件更是一个实践性、艺术性和创新性都很强的动画制作软件,它的内容丰富、动画效果丰富多彩,极易引起学生的学习兴趣。自2006年学院设立FLASH动画设计与制作这门课以来,我就一直担任此课程的教学工作。这几年来,通过课堂教学的不断摸索,根据教学过程中不断遇到的问题,我逐步改进教学内容和教学方法,明显提高了教学效果。
一、培养学生兴趣是关键,发挥Flash课程优势,激发学生学习兴趣
兴趣是学习的最大动力。任何一门课程,要想让学生学好,激发和保持学生的学习兴趣都是最关键的。在教学中,我注意利用Flash动画精、小、灵、巧、表现力强的学科优势以及它较高的欣赏价值来激发学生的学习兴趣。我一直认为上好第一堂课是最重要的。在第一次课上,我一般会留出比较多的时间给学生欣赏优秀的动画作品,在播放作品的过程中,穿插讲解一些简单环节的制作,在学生产生强烈的学习欲望的同时,树立他们的信心,让他们产生一种感觉,就是原来这么漂亮的作品是由这么简单的一些环节组合起来的,从而使他们不仅有动力去学Flash,而且更有信心去学好Flash。在之后的课堂上,注意发现学生的每一点收获和进步,及时的给予鼓励,,保持学生的兴趣和信心。兴趣是最好的老师,只要有了对Flash的学习兴趣,学生很多时候会为了解决某一个问题主动查找资料,从而学到很多教师课堂上讲不到的知识的技巧。
古人说的好“亲其师而信其道”,在不断提高自己的教学方法和教学艺术的同时,我更加注意自身素质的提高,不断学习提高自己的知识技能和深度,和学生保持良好关系,使学生喜欢我,爱戴我,爱屋及乌,我相信这也可以同样提高学生对这门课程的学习兴趣。
二、源于教材而不局限于教材,根据学生特点制定适当的教学方案,以案例教学为主。
为了让学生能够更好的接受和理解,我没有按照教材的顺序和章节进行讲解,而是根据Flash的特点对教学方案进行了适当的改进,对于教材的一些内容进行了重新划分和归纳,将整个教材的内容划分归纳为基础知识(包括Flash原理、基本工具的使用等)、元件和实例(对于其中的按钮元件简单讲解,在讲交互式动画技术时再重点讲解)、基本的动画技术、交互式动画技术、综合实例等内容。通过这样的调整,基本上每节课完成一个小环节,从而使每节课的教学目的都很明确,学生学习起来也更加容易理解。
在具体的课堂教学中以案例式教学为主,选择一些经典的能够引起学生兴趣的实例进行剖析,和学生共同讨论如何实现,并在学生欣赏案例动画之后,由学生提出问题一块讨论,充分培养学生提出问题、分析问题和解决问题的主动性、积极性。在典型案例讲解完之后,举一反三,启发学生思考是否有其他的实现途径,激发学生的创新潜能。如在讲解水滴波纹案例时,在通过形状补间影片剪辑元件制作波纹成功后,启发学生思考能否使用动作补间实现,从而让学生对于形状补间动画和动作补间动画的区别更加明了清晰。在每个知识点讲解完之后,给学生留相关练习题,培养学生自主解决问题的能力,对所学知识起到一个巩固作用。
三、重视实验课,边讲边练,强化学生对所学知识的理解,提高实际操作能力
理论课时和实验课时的安排也是教学过程中的一个重要环节,结构科学、合理的课时安排能够有效地提高教学效果。结合Flash课程特点,通过实践证明,理论课和实验课交替进行能够取得明显的教学效果,也更能保持学生的学习兴趣,能够使学生刚学到的知识及时得到巩固,从而能够更好的理解吸收。在课堂教学进行到最后的综合实例时,建议有条件的话可以全部在机房进行讲解,边讲边练,事半功倍,能够收到更好的效果。
在课程初级阶段,首先让学生进行模仿练习,基本上就是由教师演示操作并讲解步骤,学生模仿教师的实例操作,这个阶段学生只要掌握操作要点就达到了实验目的。然后通过理论课的不断深入,实验课逐步演变为让学生在模仿实例的过程中,结合以往的知识,慢慢加入自己的东西,逐步培养他们的自主创作能力,最终在理论课结束时,给出限定题材,让学生可以根据教师的引导来发挥自己的制作能力,进行自主创作。当然,教师在学生的练习过程中要加强启发和引导。
在实验课的教学中,很容易就发现一个问题,就是刚刚讲过的知识很多学生根本就没有记住,更别谈消化和吸收了。针对这样的情况,在实验课上讲解实例的时候,我会把所涉及到的相关知识点再次有针对性的讲解,尽量使学生理解实例制作过程中每一步骤的目的所在,并根据当前实例所用到得知识,由学生再创造一类似实例,当然也会适当结合之前学过的知识点。
实验课在Flash教学中具有其他教学环节不可替代的作用,它可以提高学生的实际操作能力、分析和解决问题的能力,提高学生的实际应用能力,所以必须重视实验课的教学。
教学方法直接影响到教学效果。为了使学生能够真正的掌握Flash相关技能,我不断的进行改进,摸索出一套符合flash课程特点的教学方法,在提高教学质量和学生的能力方面有一定的效果。
参考文献
[1]伍福军,张珈瑞.Flash 8.0动画设计案例教程[M].北京:北京大学出版社,2007.
[2]马震.Flash 8.0中文版应用案例创意与设计[M].北京:机械工业出版社,2007.
关键词:Flash;二维动画;遮罩
0 前言
目前,Flash是由Adobe公司发行的一款专门用于制作二维动画的软件,是当前最优秀、应用最广泛的矢量动画设计软件,主要应用于网页广告、交互式游戏、二维动画、教育等领域,由于其文件体积小、易于传播的特点,得到了广泛的应用。虽然,由于html5技术的冲击,其市场地位备受争议,但其所能实现的细腻的动画细节仍然吸引了广大用户。而Flash的作品中绝大大多数都应用了遮罩动画技术,本文就此对flas中的遮罩技术的制作与应用进行探讨。
1 遮罩动画技术简介
Flas的主要技术包括:动画补间、形状补间、引导层、时间轴特效、遮罩层等,其中遮罩动画是一种应用很广泛的动画类型,很多效果丰富的动画都是通过遮罩来完成,如闪光、水波、万花筒、百叶窗、放大镜、望远镜……等等,常见于广告、游戏、动画电影电视特效等领域。遮罩动画技术的效果实现一般来讲需要三层,自下至上分别为:背景层、被遮罩层、遮罩层。背景层指没有遮罩效果时的展示;被遮罩层是指被遮罩的东西,也是透过遮罩形状能看见的东西;遮罩层指展示所要表现出来的形状,即可见的形状。在遮罩动画的制作过程中,只要清楚这三层的作用,就能快速的实现所要的动画特效。
2 遮罩动画的技术实现
遮罩层动画的实现至少需要遮罩层和被遮罩层两层,单独使用遮罩层来制作动画,效果单一乏味,可与Flash的其他动画技术充分结合,以发挥遮罩动画的强大功能效果。(1)遮罩层与动画补间动画的结合。动画补间动画一般用于制作位置移动、缩放、旋转、色彩变化等动画效果。在遮罩动画的制作过程中,可以分别在遮罩层或被遮罩层应用动画补间动画,以实现各种动画效果。让遮罩层的形状元件移动,可以做探照灯效果;让遮罩层的形状元件缩小或放大,可以制作出卷轴、放大镜、动画片中的镜头转换特效、图像转换等效果。(2)遮罩层与形状动画补间的结合。形状动画补间动画一般用于制作不规则形状变化的动画效果,其特点是形状变化是随机生成的、不可控的。形状动画补间动画与遮罩技术结合,作为遮罩层,让遮罩层的形状做不规则形状变化,可以让图像的展现以随意的方式渐渐显现,轻松实现优美的动画特效。(3)遮罩层与时间轴特效的结合。时间轴特效中的分散式直接复制和复制到网格可以按需要复制出所需数目的影片剪辑元件实例,并按照制作者的设置进行位置排列。在利用遮罩技术制作的图像转换的动画效果中,可以制作出单个变化的小形状,如一个会滚动放大的方块、一个会移动放大或缩小的圆形等,然后利用分散式直接复制在纵向(或横向)复制出一行(或一列),且设置好偏移起始帧,做出逐步出现的动画效果。再次利用分散式直接复制在横向(或纵向)复制出多列(或多行),以布满画面为最低标准,从而实现层次丰富的图像转换动画效果。(4)遮罩层与ActionScript的结合。ActionScript是Flash制作交互式动画的根本技术。ActionScript中的setMask()方法可以根据开发者的需要灵活设置遮罩层,无时间空间限制。利用setMask()来实现遮罩层设置,可以制作出放大镜、可移动探照灯、模糊遮罩等效果,使得动画更显人性化。
3 遮罩动画的应用原则
遮罩动画设计与应用的首要原则是动画流畅性。无论创作者要要表现多么复杂的动画效果,最终在动画作品中都要给参与者留下一个印象,动画的播放国产是流畅的,镜头、图像的转换是自然的,整体上没有突兀感。其次要考虑受众的人群特征,遵循趣味性原则。Flash 动画的受众大部分都是经常上网的人群,根据中国互联网络中心2013 年 7月的第 32 次《中国互联网络发展状况统计报告》,上网人群中超过一半的人的年龄是分布在18至30岁之间。统计数字表明,网络受众主要是年轻的和受过良好教育的人群,这个群体年轻、个性张扬、崇尚自由、自主性强、重视内心的感受和个人体验、乐于接受新事物,是伴随卡通动漫成长的一代,因此动画的设计要充分体现娱乐性原则。遮罩动画的设计与应用还要保持动画作品的艺术性。Flash 动画是艺术和技术紧密结合的产物,强有力的技术手段是遮罩动画实现的保证,但是创作者的意图必须通过艺术化的图形设计才能得到充分的表达。
4 小结
综上所述,遮罩层动画是一个操作简单、变幻无穷的动画技术,熟练掌握该技术的应用,并结合动画制作者的艺术素养,灵活利用于各种flas作品中,可以实现丰富的动画特效,使动画作品具有强烈的吸引力和视觉冲击。
参考文献:
[1] 潘彪.巧用flash遮罩动画制作各种精美动画[J].电脑知识与技术,2010(36).
[2] 蔡鹏,钱钰,等.Flash 动画在网页制作中的应用及相关探讨[J].电子技术与软件工程,2013(19).
[3] 王继军.《二维动画设计》课程教学方法改革探索与实践[J].教育教学论坛,2013(41).
[4] 丛波.浅谈Flas设计中遮罩动画实例的设计[J].科技创新与应用,2013(25).
【关键词】 flash动画 多功能按钮 制作方法
flash动画中控制动画的播放经常要用到按钮,因此按钮的制作是flash动画制作中的重要环节。在一部动画中,如果设置的按钮过多,会影响动画画面的美观及动画内容的展示。如果将控制动画播放的几种功能集中在同一个按钮内,即制作出多功能按钮,不仅解决了按钮过多的问题,还使动画画面更加美观。下面就介绍flash动画中多功能按钮制作的过程,即把开启和关闭声音效果的功能集成在一个按钮中。
1 设置flash动画基本参数
启动flash软件,打开属性面板,动画舞台大小、帧频等根据需要设置,这里为默认舞台大小(550×400像素)及帧频(12 fps)。将背景颜色设为黑色,为后面要制作按钮的发光效果做准备。见图1。图1 属性面板中参数的设置将文件保存在d盘根目录下,并命名为“多功能按钮”。
2 制作按钮外观
点击工具面板中的矩形工具按钮,然后点击笔触颜色按钮,将笔触颜色设为#0000ff,见图2。图2 笔触颜色设置点击填充色按钮,再打开混色器面板,将填充样式类型设为线性,再将颜色控制条的左箭头颜色设为#9e9d03,右箭头颜色设为#fcfc7a,其它设置为默认,见图3。图3 混色器面板中线性填充样式属性设置点击工具面板下方的边角半径设置按钮,打开矩形设置对话框,将边角半径设为5,见图4。图4 矩形边角半径设置现在可以画出要制作的按钮外观了。将图层1命名为按钮效果,点击第一帧,在舞台上需要放置按钮的位置,用鼠标点击并拖出一个大小适当的矩形。此时看到填充色为左深右浅,但我们要制作的按钮填充色为上深下浅,需要点击工具面板中的颜料桶工具按钮,在填充色的上端点击按钮,向下拖出直线,松开按钮,此时的填充色即为上深下浅了。
下面要在填充色上制作一个反光效果,使按钮看上去更漂亮。在按钮效果图层上方新建一个图层,命名为反光。点击工具面板中的矩形工具按钮,然后点击笔触颜色按钮,设为取消。填充色的填充样式类型设为线性,将颜色控制条的左右箭头颜色均设为#ffffff,中间再增加一个箭头,颜色也设为#ffffff。右箭头alpha(透明度)值设为0 %,中间箭头alpha(透明度)值设为84 %,左箭头alpha(透明度)值设为0 %。在制作的按钮填充色上用鼠标拖出一个大小约为原填充面积上下径一半的矩形,用颜料桶工具从上到下拖出直线,完成反光效果的制作。
3 将按钮外观转换为按钮元件
将舞台上画出的按钮外观全部选取,按键盘上的f8键,打开转换为元件对话框,选中影片剪辑类型,命名为“按钮_mc”,确定。双击按钮影片剪辑,进入按钮影片剪辑制作舞台,选中按钮外观,按f8键再次打开转换为元件对话框,选中按钮类型,命名为“按钮”,确定,即将按钮外观转换为按钮元件了。点击时间轴上方的“按钮_mc”,进入按钮_mc制作舞台,在图层1的上方新建一个图层2,在第一个关键帧中画一个尖端向右的三角形。在图层1、图层2中插入第二个关键帧,删除图层2第二个关键帧中的三角形,在三角形的位置上画一个“暂停”图形。见图5。图5 按钮外观制作效果
4 制作按钮发光效果
双击按钮元件,进入按钮制作舞台,在图层1的下方新建一个图层2。点击图层1的“按下”帧,按键盘上的f5键插入帧;在图层2的“指针经过”帧中插入关键帧,点击矩形工具按钮,将边角半径设为8,将笔触设为取消,填充样式类型设为放射状,将颜色控制条的左箭头颜色设为#6060ff、alpha值设为100 %,右箭头颜色设为#000000、alpha值设为70 %,在中间偏左位置增加一个箭头,颜色设为#898afe、alpha值设为15 %。现在画一个大于按钮外观的矩形,并用工具面板中的填充变形工具适当改变这个矩形的填充面积及形状。见图6。图6 按钮发光效果5 制作按钮控制音效的功能点击时间轴上方的“按钮_mc”,进入按钮_mc制作舞台。插入一个新图层,命名为as(action script),用于写入flash语言。点击as图层的第1帧,打开动作面板,写入下述语言:stop();my_sound = new sound();my_sound.loadsound("kenny g.mp3",true); my_sound.start();注意,在d盘根目录下要有kenny g.mp3文件。在as图层中的第2帧插入一个关键帧,点击第2帧,在动作面板中写入下述语言:stop();stopallsounds();在图层1的第1帧中点击按钮元件,打开自动面板,写入下述语言:on (release) {gotoandplay(2);} 在图层1的第2帧中点击按钮元件,打开自动面板,写入下述语言:on (release) {gotoandstop(1);}见图7。图7 按钮动作as语言的写入到此为止,能控制动画播放及控制音效的按钮就制作完成了,按ctrl+enter组合键测试影片,此时可以听到kenny g.mp3的音乐,将鼠标指向按钮,按钮周围会出现蓝色光晕,点击按钮,音乐就会停止播放。再点击按钮,音乐又会重新播放。按照本文制作按钮的思路,可以将其它控制动画的几种功能集成到一个按钮中,制作更多的多功能按钮。