FLASH动画网页设计

FLASH动画网页设计（精选12篇）

FLASH动画网页设计 篇1

Flash动画, 目前网络上最流行的一种交互式动画格式, 也是中职学校计算机教育的一个主要门类。如何更好的运用Flash动画设计进行设计呢?笔者将从如下几个方面作一浅论。

1 初始Flash动画

Flash动画是一种交互式动画格式, 这种格式必须用一种Flash Player播放器才能解开, 即能正常观看。制作Flash动画, 其主要工具之一就是Flash软件。除此之外, Swish、闪客巫师等也是制作Flash动画的工具。

Flash软件可提供物体变形及透明技术, 不但有助于创建动画更, 而且丰富了网页动画设计者的想象。该软件的交互设计给予用户更多的主动权, 可以让用户随心所欲地控制动画。

Swift软件有非常优秀的三维解决方案, 无论是3D建模还是渲染SWF动画, Swift软件都可以在Flash的动画中做出精美的3D效果。Swish Mx能够在短时间内很容易地制作出复杂的图像、文本、声音以及图形效果。目前, Swish max的内建效果已经超过230个, 包括漩涡、3D旋转、爆炸、曲折等等。

2 了解Flash动画设计的基本工具及其运用

Flash动画设计使用到的主要工具有很多, 比如绘图工具、直线工具、笔刷工具、墨水瓶工具、吸管工具、视图移动工具以及缩放工具等。

选择是箭头工具的主要功能, 拥有这项功能的还有精选工具和套索工具。箭头工具主要用来选取并移动对象, 然后对对象轮廓进行修正或旋转、缩放。精选工具主要负责编辑调整圆形、矩形以及曲线等这些图形对象的外形。如果要编辑的图形对象以组件形式出现, 那么必须先把组件解散才能再对其进行编辑调整。需要圈出不规则形状时则要用到套索工具, 运用它, 使用圈选方式可以选取对象进行不规则形状的编辑。

在运用箭头工具对操作对象的选择或移动功能时, 按如下步骤进行:

(1) 第一步要先单击对象的内部区域或轮廓线, 这样该对象的内部区域或轮廓线就可以被选中。

(2) 第二步要双击选取对象的内部区域或轮廓线, 这样做是为了选中该对象的内部区域或轮廓线。

(3) 第三步要进行拖放鼠标, 这样就可以圈出一个矩形, 表示该矩形中的区域被选中。使用精选工具选中对象后, 对象会显示出一条带有节点, 即空心小方块的蓝色线条, 这个线条出现则表示被选中。用套索工具选择不规则区域时, 必须事先用Modify/Break Apart命令将其打碎, 再选择位图中不同颜色的区域。

其它直线工具和铅笔工具在工作区中用来绘制线条, 直线工具只能画直线, 椭圆工具和矩形工具则可以绘制椭圆或矩形。如果想绘制圆或正方形, 可配合Shift键使用。与铅笔工具不同, 笔刷工具可填充工作区中任意区域的颜色, 而铅笔工具画出的则是线条。如果需要使选定对象进行旋转、扭曲或缩放等形变就需要用到形变工具了。而渐变工具顾名思义, 就是可以改变图形对象中渐进色的方向、深度以及中心位置等。墨水瓶工具和颜料桶工具都可以用来更改已经画上的图形, 但两者也有不同, 表现为:墨水瓶工具用来更改线条的颜色和样式, 填充区域的颜色的更改则需要用到颜料桶工具了。吸管工具的主要功能是从工作区中拾取先前已经存在的颜色及样式、属性, 并把这些应用到别的对象当中。如果在画图过程中出现错误, 擦除模式、水龙头和橡皮擦形状就要大显身手了。擦除模式用于选择擦除图画区域的方式, 包括普通、擦除线条和填充;水龙头可以快速擦除线条或填充的颜色。橡皮擦形状则可以用于设置橡皮擦的外形。

3 关于Flash动画设计的基本知识

Flash生成的动画文件扩展名被默认为.fla和.swf。通常情况下, fla只能在Flash环境中运行, 而swf则可以脱离Flash环境独立运行。帧动画和造型动画是flash动画的两种基本制作方式。帧是Flash动画的基本组成元素, 也是Flash作品的基本播放单位。一帧即指在时间轴上的每个小方格, 音频、素材符号、图形、嵌入对象等都是帧的内容。

帧动画亦称逐帧动画或影格连续动画, 在连续动画的相邻两帧中, 画面一般仅有微小的变化, 所以, 要想形成逐帧动画的效果, 每一帧都是关键帧。造型动画也称为渐变动画, 可区分为“移动渐变”和“形状渐变”。移动渐变动画的首末帧间是淡蓝色的背景, 形状渐变动画的首末帧间是淡绿色的背景。

每帧画面的制作分为两步:

(1) 第一步, 借助“描图纸”按钮, 可以在上一帧的基础上略作修改;

(2) 第二步, 使用其他绘图软件制作系列文件, 文件名可采用连续的编号等。

除了帧, 图层也是Flash动画设计需知道的一个名词。为制作复杂动画作品, Flash引入了图层的手段。图层其实相当于一张透明的玻璃纸, 将不同对象放在不同层上, 就可以轻松制作场景复杂的动画。场景, 相当于影视作品中的分镜头, 即指在复杂的Falsh动画中, 几个互相联系但性质不一样的镜头。然后, 人类视觉暂留的特性被用于这里, 一系列静态图像被快速播放, 动态效果产生, 这就是动画了。

在Falsh动画设计时, 还要注意分辨率的体现。通常, Flash动画中分辨率的设置能决定动画最后显示的区域是大还是小。

4 Falsh动画设计例举

小黑人动作是很可爱的一个Falsh动画设计, 也是一个典型的人物动作。在设计小黑人时, 首先绘制小黑人。头不用说了, 就是个圆, 身体是由一条条线组成的。可用铅笔工具绘制, 也可以用钢笔工具绘制。然后简单动画, 首先注意把帧速设为18帧/秒, 或者24帧每秒。接着画出第1帧小人, 再增加一关键帧, 打开洋葱皮效果, 将第二帧小认微微向上移动, 用箭头工具调整、编辑第2帧。注意帧与帧之间的过渡。然后是第3帧, 第4帧……播放, 一个会行走的小黑人就设计完成了。

总之, 在中职学校进行Falsh动画设计教学时, 需要夯实基础知识, 即让学生了解Falsh动画设计需要用到的工具及Falsh动画设计的基本知识, 然后勤加练习, Falsh动画设计就会出很好的作品了。

摘要：随着计算机的普及, 社会对行业化、专业化的计算机人才需求增大。本文作者依据多年工作经验对Flash动画设计分析研究, 以便和同行进行切磋交流。摘要动轮以

关键词：计算机,Flash动画设计

参考文献

[1]赵志建.Flash动画在网站设计中应用[J].信息通信, 2012 (03) .

[2]张斐.漫谈计算机教学中课件动画的实现[J].科技资讯, 2011 (03) .

[3]柏雪.中职计算机教育中学生实践能力的培养分析[J].才智, 2012 (20) .

FLASH动画网页设计 篇2

演示类Flash动画指的是单纯的以展示为目的的动画，包括专题片头.广告.动态banner，以及部分电子杂志的内页等等。

通常这些项目在制作之前会先完成平面效果图，然后根据平面效果图制作动态效果。如果平面效果和动态效果不是由同一个人完成的，那么要先了解平面效果图设计者所想表达的设计理念以及想法。事实证明，适当的沟通是非常必要的。

逻辑结构：通常主场景里面只放一个单独的movieclicp，所有的动画全部做在这个mc当中。

发布设置：整个影片的遮照层放在最外面的主场景上，养成良好的命名习惯，对每个图层和元件进行命名是必要的。通常设置整个flash属性桢频为24fps,背景大小根据实际需要调整。发布中设置基本是flash默认设置，有特殊需要根据需求进行调整。

外部导入文件以及相关优化：当需要从外部导入其他文件如图片.音频.视频的时候，在导入之前应当对外部文件进行优化处理，尽量控制外部导入文件的大小。

特殊视频输出以及相关设置：当需要输出avi等格式视频文件的时候一定要把mc设置成图形的格式放置于主场景当中。主场景的时间轴不能小于mc内部的桢数否则无法全部显示。

逐桢动画：制作逐桢动画的mc不要大量使用元件，尽量使用组。合理的利用洋葱皮工具根据传统的手绘动画原理即可制作出理想的逐桢动画。

文本文件：在flash中使用的正文文本通常为动态文本，因为可以从外部读取xml方便更新。动态文本在遮照效果下通常无法显示，需要给文本加一个滤镜（任意效果）所有属性值为“0”，这样就可以显示了。

title或者特殊文字效果可以直接在flash中利用静态文本制作，如果觉得效果不理想可以在ps中制作成图片然后从外部导入。

尽量避免在同一时间内安排多个对象同时产生动作。有动作的对象也不要与其他静态对象安排在同一图层里。应该将有动作的对象安排在各自专属的图层内，以便加速Flash动画的处理过程。

用LoadMovie命令减轻Flash一开始下载时的负担。若有必要，可以考虑将Flash划分成多个子文件，然后再通过主Flash里的LoadMovie。UnloadMovie命令随时调用、卸载子文件。

FLASH动画网页设计 篇3

一、Flash动画的优势

Flash动画是网页设计中最常见的动态元素，网络浏览器都内建Flash播放器﹙FlashPlayer﹚，播放器版本也在不断更新。网页对于动画的需求和依赖是极为强烈的，动画元素在信息潮流中的作用是强大的。凸显了flash动画的操作优势和投资优势等。

1.Flash动画的特点

第一，Flash软件采用矢量技术，以颜色和线条来表现图形，相较位图，其画面质量清晰，色彩明亮，可以无限放大，且不失真。

第二，Flash源文件为*.fla，可以最终压缩生成*.swf动画影片文件，其文件体积很小，正符合网络传输的需求，可以在浏览器和Dreamweaver中播放，所以Flash动画加到网页中后，还可以在属性面板中对其进行大小调整、预览等操作。

第三，Flash的播放插件体积小、易下载，都能自动安装。*.swf文件可实现边下载边播放的效果，在网速较慢的情况下尤为明显，不会影响浏览者的心情。

第四，Flash动画播放速度快，通用性好。

第五，多媒体交互性强。可以整合图形、音乐、视频等多媒体元素实现交互。

第六，简单易学，普及性强。用户不必掌握高深的动画知识，拥有一定的条件就能制作令人惊讶的动画效果。

2.Flash动画的发展趋势

近几年，由于网络的热门,恰好是动画的机遇和一个崭新的演示平台和推广平台。在网络相关技术的推动下，Flash除了有动画制作基本功能、展示功能外，还具备视觉和听觉上的双重享受,在视觉冲击上，较普通的网页更具吸引力，因此，Flash已经逐渐渗透到电子商务、电视、广告、贺卡、手机服务以及MTV制作、房地产、游戏、信息产业等各个领域的商业应用当中。

动画，如雨后春笋般，已经在各个领域中不断渗透，其全新功能也正在探究与尝试中。它必将带给我们无限的惊喜与心灵的跳动。现在国家对动画事业也已经高度重视，与此同时，加入动画行业的人也越来越多。

二、Flash动画在网页设计中的应用

1.网页设计中添加部分Flash动画

网站作为新媒介，其最大魅力在于可以真正实现动感和交互，在网页中添加Flash动画是网页设计的重要内容。现在，只要上网浏览任一页面，从网页LOGO、网页导航、各类Flash网络广告、图片展示动画及交互到益智小游戏，甚至一些动画片、Flash制作完成的网站注册、登陆等到处都能看到Flash动画的身影，Flash动画已经成为网上活力的标志。

2.纯Flash网页设计制作

由于视觉效果较好，有些网站为了追求美观，彰显自己的个性，将整个首页全部用Flash设计，甚至以Flash来制作、设计整个站点。从浏览者的角度来看，Flash动画内容比一般的文本加图片HTML格式的网页，其艺术效果大大增强，观赏性更高，从而更能抓住人们的眼球，这对展示产品和企业形象十分有利。

至于整个站点的设计，无一例外都保证是由Flash软件来制作。包括所有视听元素与版式两大部分，及从网站引导主页面的设计，到引导进入的子页面的设计，这样完整的过程和系统全由Flash制作完成。

Flash网站制作参考流程：网站结构规划→Flash场景规划→素材准备→分别制作→整体整合。

三、Dreamweaver和Flash在网页设计中的应用

1.在Dreamweaver中进行网站设计时，要围绕网站的主题、客户需求，进行针对性设计。然而网站的导航最好尊重用户的使用习惯，快速地将用户引导至其目标，避免浪费时间，所以在设计更多子页面时最好是保持界面的统一，才能使用户在转去他们目的地时，对站点要传达的信息获得更多的关注。

2.在一个静态页面中，添加Flash动画元素不宜太多、太花，应适当分散放置，不要过于集中，动画效果的设计也要得体，否则，就会事与愿违。

四、小结

在网页设计中，仅就网络发展、信息发展而言，创意是其最强劲的生命力，所以从创意的角度出发，在网页中插入Flash的思路，使网页设计步入新的境界。除此之外，更要有制作精品的执着信念，只有这样才能吸引更多的商家和浏览者的目光。

参考文献

［1］张成龙．网页制作一点通［M］．北京：人民邮电出版社，2009，101112．

［2］刘贵国．网页设计完全征服手册［M］．北京：中国青年出版社，2007，46．

［3］贺小霞，张仕禹．FlashCS3中文版入门必练［M］．北京：清华大学出版社，2008，200298．

(责任编辑 易志毅）

FLASH动画网页设计 篇4

科技水平和网络技术的不断提高, 让现如今的网络上掀起了一阵Flash动画的风潮, 各个互联网站上都纷纷开始应用Flash动画当成片头, 利用这种新颖的方式吸引网络的用户们。人们在浏览网页时, 不仅仅可以随处看到这些Flash动画, 甚至还会看到完全应用Flash动画所涉及的主页。和传统的动画设计相比, Flash动画在特点上有着更多的优势, 也正是因为这样, 才能在如此短的时间内迅速在网页的设计领域中攻占市场, 独领风骚。

1 Flash动画和传统动画的概述

1.1 Flash动画

Flash又被称之为交互式矢量多媒体技术, 是现如今网页设计发展的主流方向, 并随着技术水平的提高, 逐渐成为了交互式矢量的标准化模式[1]。总体说来, Flash动画在设计中一般是应用了矢量绘图技术, 在这里, 矢量绘图是指一种能够被无限放大并且图像质量还不会受到任何损害的格式图像。由于Flash动画是通过各式各样的矢量图形组合而成, 可以有效减少动画文件的大小, 节约了相当大的资源, 当遇到了类似宽带网络受限制等问题的时候, 也能够很好地实现网络传输效率的优化。

1.2 传统动画

在动画刚刚在我国发展的初期阶段, 我国的专家并没有对传统形式的动画设计做出一个明确的定义, 后来随着科技水平和网络技术的不断发展, 计算机动画应运而生并迅速得到广泛的利用, 在这样的环境中, 由原始的绘图工具或采用手绘的方式所绘制而成的动画就被定义为传统动画[2]。

2 Flash动画设计与传统动画设计的特点比较

2.1 Flash动画的优势

设计简单:想要设计出一幅Flash动画, 其设计步骤非常简单, 当设计好动画的主体之后, 只需要设计这个主体从开始运动到结束运动的两个关键帧的动作和总体的帧数就可以, 运动过程中的帧数则可以通过计算机技术来自动完成[3]。当设计到一些重复的动作或造型时, 只需要设计好第一次的动作, 然后把这些转换成模板, 在今后的设计中可以充分利用, 无需进行第二次设计, 从而使设计的内容得到了大大的简化。

程序简化:如果给Flash动画下一个准确的定义, 则可以说Flash动画是集矢量绘图、动画编辑、特效处理、音效处理、多媒体动画等众多功能于一身的动画制作软件。其功能极十分强大, 任何一项对于动画细节上的处理都可以在Flash软件当中完成, 在使用这个软件的过程中, 网页设计者就可以身兼数职, 从动画的设计到完成, 导演、原画、动画、上色、拟音、合成等关键环节都可以由一个人、一台电脑而成功设计出来。而传统模式下的传统动画设计, 在绘画的各个环节中则要耗费大量地人力物力财力, 和传统动画相比较, Flash动画更加简单易行, 可操作性强, 同时还能够有效节约众多的资源。

简单易学:Flash动画是这个时代迅猛发展下的一个必然的产物, 其能够与计算机技术很好地配合, 给了动画爱好者和网页设计者一个很好的创作空间, 这个软件不仅仅可以满足动画设计者的各种需求, 同时它的设计模式非常直观, 心中所想的内容直接就能在动画软件中体现出来。凭借着强大的绘图功能和方便操作性强的动画编辑方法准确地将动画设计者的心中设想变成了现实[4]。这个软件还很容易上手, 即使不是科班出身的动画设计者, 也能够在短时间内全面掌握设计的技巧和方法, 从而设计出质量不错的动画, 满足了动画爱好者设计动画的心理需求。

2.2 传统动画设计的优势

风格细腻:传统的动画是以手绘为主, 而提高手绘的绘画技法, 是设计一切动画的基础。一部质量上乘的动画作品, 其设计风格就应该是风格多样且画风细腻的, 很多对于动画细节上的把握, 计算机永远不会百分之百代替人力, 很多复杂的、高难度的动画创作还是要通过传统的动画设计来完成, 风格极其细腻的传统动画也能够很好地达到复杂的、高质量的动画效果。

工艺规范:传统的动画设计到目前为止已经有100多年的发展历史了, 它为我国的动画发挥出了巨大的作用, 同时为了不被社会的潮流所淘汰, 传统的动画设计在工艺的设计流程方面也不断进行完善, 无论是设计、制作、分工。还是市场的运作和营销方面, 都逐步形成了一套较为完善的运行体系。在这样规范的运行体系中, 传统的动画设计的工艺水平也不断提高, 展现出强大的绘画技巧。

注重人文精神:在我国传统的动画设计中, 可以看出很强的人文精神, 我国很多的优秀作品都十分关注对于惩恶扬善、谦虚诚实、礼貌谦让等优良传统的教育和宣传。在这样的文化环境熏陶之下, 让观众也能提高自身的修养和素质。

3 Flash动画设计的主要表现特点

Flash动画设计可以将音乐、视频以及各种新颖的界面有机地结合到一起, 从而形成一个很好的动态效果。Flash动画之所以能够受到如此高的追捧, 就是因为其能够通过技术手段来满足观众的欣赏需求, 并可以通过观赏者的点击、选择等动作来决定欣赏的时间和进程, 充分体现了观众的主体地位。Flash动画在设计中还要注意以下几个表现特点:

3.1 Flash动画的制作流程

传统的动画制作工序复杂, 要将每一个角色的动作都事先用画笔来描绘出来, 设计出动画作品最初的原画, 再根据这些原画来不断画出中间画, 最后再把这些画稿一张张进行描线上色, 然后通过计算机进行逐一的扫描才能够成像播放, 工序上非常繁琐[5]。可是Flash动画能够很好地解决这个问题, 操作上简单快捷, 同时成本低廉, 体现了资源节约型的政策需要。

3.2 Flash动画中的动作设置

在Flash动画的设计中, 所有的动作都是要依靠关键帧的建立来实现的, 设置过程中十分简便, 只需要提供几个关键的动作, 计算机就能够把中间的各个动作自动连接起来。一般说来, 完成一部Flash动画的设计只需要短短几分钟的时间, 减少了设计的工序[6]。同时, Flash动画还能够营造出一个非常独特的视觉效果, 通过镜头画面的视角的不断变换, 能够充分发挥动画设计中的艺术表现力。

4 我国传统动画设计的发展和艺术特点

从时间上划分, 我国90年代之前的所有动画都被称之为传统动画。分类上包含了单线平涂动画、水墨动画、人偶动画和折纸动画等。这些风格内容各异的传统动画艺术也推动了我国的动画水平不断发展。

单线平涂动画的代表作就是《大闹天宫》, 在艺术特点上, 这部动画的成功在于选题好, 神话题材适合创作, 同时西游记的故事在我国有着很高的文化地位, 改变成动画作品也有着很好的文化基础。

剪纸动画和水墨动画都是具有鲜明中国传统特色的动画形式, 运用了民间的剪纸、水墨画等艺术的表现形式, 形成了有着中国自己风格的动画形式。

这些传统的动画形式都为我国的传统动画设计的发展做出了突出的贡献, 也为后来的Flash动画的发展提供了理论上的基础。

摘要：随着现如今的经济水平的不断提高和发展, 人们对于生活品质当中的追求不仅仅停留在物质的层面上, 更多地开始关注精神文化方面的享受。动画是人们精神世界中不可忽视的重要组成部分, 传统动画凭借其细腻的风格, 开辟了我国动画事业的第一战场, 也推动了flash动画的发展, 但二者之中存在着许多特点方面的差异性。

关键词：Flash动画设计,传统动画,特点,比较

参考文献

[1]郑月, 董凡.探析Flash动画设计与传统动画设计之特点[J].艺术科技, 2014, (03) :82.

[2]章学高.Flash动画设计与传统动画设计的特点比较研究[J].计算机光盘软件与应用, 2014, (04) :210-212.

[3]贾慧敏.探析Flash动画设计与传统动画设计之特点[J].邯郸职业技术学院学报, 2008, (04) :69-70.

[4]杜雪燕, 辜璇.有关传统动画设计模式与Flash动画设计分析[J].北方文学 (下半月) , 2012, (10) :61.

《Flash变形动画》教学设计 篇5

海南省文昌中学 信息技术组 黄史夫

一、教材分析

Flash是针对多媒体互动网页而开发的动画设计软件。Flash动画在网页制作中普遍应用及其独特的风格能够充分调动学生的兴趣。特别是在制作自己的主页时，为了突出个性，增加网页的表现力和交互性，他们自然会将网页中的动画看成必不可少的内容和表现手法。

这节课以字母变形动画制作实例为主，采用“任务驱动法”组织知识要点，“任务”由易到难，易教易学，能使学生在学习过程中充满成功的喜悦，又能举一翻三，触类旁通，有利用培养和调动学生学习的积极性和创造性。

二、教学目标

1、知识与技能 理解形状渐变动画的原理，学会制作形状渐变动画

2、过程与方法 在创作过程中培养学生的创新能力，培养学生触类旁通、举一反三的自主探究学习的能力，以及相互合作的协作精神。

3、情感态度与价值观 发展学生敢于创新的科学精神，促进学生审美能力、信息能力、思维能力、分析能力、表达评价能力的提高；培养学生合作互助、互相交流学习的大公无私心态和心理。

三、重难点：

重点：形状渐变动画的制作方法 难点：利用所学的知识创作有主题的动画

四、学情分析

学生对Flash动画充满兴趣，通过前面的学习已有了一定的基础。初中二年级的学生已有一定的逻辑思维能力，对有兴趣的事物有强烈自主探究的欲望，渴望展示自我、渴望得到肯定。

五、教学策略 授课过程中，坚持以学生为主体的教育观念，以学生自主探究、交流合作学习为具体实施方法，从而提高学生审美能力、信息能力、思维能力、分析能力、表达评价能力，达到培养学生互助协作、交流学习、克服自我封闭、树立良好心理的教育目的。

六、教学资源

本课在网络教室进行，全方位的使用多媒体课件（网页）和网络多媒体广播系统演示和展示，增加教学的直观性，为主体参与的顺利开展提供保障。

七、教学过程

1、导入新课 请同学们观看一个flash动画的片断，这个动画就是利用变形技术制作出来的。本节课，我们就来利用变形动画完成黑板上的任务——制作Flash变形动画。

2、自主协作学习首先，请大家打开《flash学习指导》网页，自学第三章，变形动画中文字变形。遇到问题可以互相商量，也可以问老师，或看帮助文件。

3、学习信息反馈 从各组选一名同学到前面来，制作文字变形，并叙述制作过程、总结出变形的几个重要元素与注意事项。学生演示制作过程，并归纳出变形中需注意的几个问题。

4、创作作品 两个同学一组，根据主题创作作品。在创作过程中，请大家注意动画任务的要求，比一比谁的创意新，谁的动画美。两人一组进行独立创作。

5、相互交流 请大家整理一下自己的思路，各组派一名代表，陈述小组的设计思想，及应用的主要手段。提示学生注意观察他人作品中优点和不足，取长补短。

6、总结评价 评选出动画制作最好的一组，并请一名同学阐明评选该组的原因、该作品还有哪些地方需要改进及总结合作成功的经验。

八、预期效果

1、导入新课 对变形有一个初步的理解，并对其效果有一定认识。引起学生的学习兴趣，并提出本节课的目标

2、自主协作学习学生根据自己的水平，选择相应的学习资源自主学习或协作学习，通过自主学习、小组协作能初步掌握文字变形

3、学习信息反馈 考察学生对知识的综合运用能力，注意学生创新、审美能力的培养。

4、创作作品 学生能针对整合任务，进行谋划安排，形成一个方案，促使其创造力及统筹安排能力的提高，与协作处理问题的能力的发展

5、相互交流

目的是考察学生的自学情况和掌握程度，同时也可以使没有做出来的同学找到自己没有制作出来的原因

6、总结评价 树立正确的作品创作观——创新与借鉴。

九、教学特色

FLASH动画网页设计 篇6

关键词：中职院校 Flash动画 改革

一、当前中职Flash动画设计教学存在的

问题

1.课程教材存在缺陷

教材是教师开展教学以及学生进行自主学习的主要工具，但是Flash动画设计课程在教材的编排上千篇一律，缺乏新意。Flash动画设计课程本身就是一门操作性与实践性较强的学科，但是教材却偏重于对理论的讲解，虽然在每个知识点后面都配上了一定的案例，但是没有将这些知识点结合起来制作一个作品。这样，学生掌握了理论知识后，当要求其制作動画时，他们却无从下手，不懂得如何将所学的理论知识与实际相联系。

2.教学方法落后

在Flash教学中，教学一般采用的是传统的教学方法，首先是提出问题，然后解决问题，最后举例说明。由于受到教学时间的限制，在课堂上，教师问题的提出和解决已经占据了大半部分时间，学生只有很少的时间来对知识进行实践。这样学生在课堂上只掌握了一些理论知识，没有真正通过学会用Flash软件解决实际问题。因此，对Flash动画设计课程教学的改革是一种趋势。

二、Flash动画设计课程教学改革策略

1.教学内容改革

（1）首先要结合中职学校的办学定位、人才培养目标以及岗位需求等情况，将Flash动画设计课程分为几个模块来教学，然后在教学过程中采用模块教学的方式。这样既可以提高学生的理论知识与实践操作能力，知识和技能也可以得到有效地巩固，特别是在应用能力方面能够得到很大的提高。

（2）要对教材进行改革。目前Flash动画设计教学主要有两种教材。一种是对基本概念、菜单等的培训教程，相当于Flash软件的使用手册，虽然有较全的知识点，但是缺乏实例。另一种是纯实例教材，虽然提高了学生的实践能力和操作能力，但缺乏理论知识作基础。针对这种情况，中职教师要结合本校学生的实际情况，将教材的理论与实际结合起来，编写出适合中职学生的教材。

2.教学方法改革

（1）教师在教学过程中要注意对学生兴趣的培养，兴趣是学生学习的动力，教师要将教学过程中的重点、难点进行化解，让学生掌握起来更加容易。教师可以在Flash课程教学中增设一些趣味性较强、与实际生活相贴近的实例，让学生感受到Flash与我们的生活有很大的关系。还可以给学生推荐一些优秀的Flash网站，让学生在欣赏过程中了解Flash的特点。

（2）在Flash教学过程中我们可以将课程分为三个阶段，即欣赏、模拟和创作。学生在欣赏的过程中教师可以加入一些实际的优秀案例，让学生对案例中的知识点和创意进行分析，让学生具有初步制作Flash的能力。在学生具备了初步制作能力以后，教师可以给学生安排任务，让学生根据任务的要求，发挥自己的想象力，积累制作Flash的经验和知识，提高操作能力。

3.教学模式改革

（1）在网络时代，我们要充分利用网络平台，通过对现代教育技术以及模拟现实技术的应用，建立仿真教学环境，如可以建立Flash学习交流小组、Flash学习论坛，加强师生之间的交流。

（2）可以在节假日请从事Flash动画设计的老师或者专家对学生的作品进行指导，还可以安排学生到学校合作办学的动画设计公司去实习，将学到的Flash动画设计的理论知识运用到工作中，这样可以有效地解决教学与市场相脱节的现象。

（3）为了培养高素质的Flash动画设计人员，我们要不断强化学生的职业素养和应用技能，在教学实践过程中，要将课程内容与岗位需求结合起来，实施课证结合的措施，将考证的知识与教学内容结合起来，将Flash动画设计师等职业标准渗透到教学过程中，鼓励学生考取证书，还可以参加一些Flash动画设计大赛，积累实际工作经验。

4.课程考核改革

课程考核是检验教学质量的重要手段，Flash动画设计课程是一门实践性较强的课程，所以教师要对学生的实际操作能力进行考核，要采用上机考试的方式，考核学生对基础知识的掌握，还要对学生的综合能力和应用能力进行考核，给学生设定一个主题，让学生展开想象，独立完成作品，通过这样的考核方式培养学生的综合能力。

三、结语

浅谈flash动画广告设计 篇7

1 Flash动画广告的特点

Flash是一款多媒体动画制作软件,它是一种交互式动画设计工具,用它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的Flash动画广告[1]。Flash之所以能风靡全球并成为网络广告的主要形式,是因为它具有许多优异的特点。下面以其中最重要的五个特点进行描述。

1.1 文件占用空间小,传输速度快

Flash动画的图形系统是基于矢量技术的,因此下载一个Flash动画文件很快。矢量技术只需存储少量数据就可以描述一个相对复杂的对象,与以往采用的位图相比数据量大大下降了,只有原先的几千分之一。因此非常适合在网页中插入,它有效地解决了多媒体与大数据量之间的矛盾。

1.2 矢量绘图、传播广泛

Flash最重要的特点之一就是能用矢量绘图,矢量图不仅占用空间小而且放大后不会失真,视觉冲击力比较强。此外,Flash动画采用“流式”播放技术,在观看动画时可以不必等到动画文件全部下载到本地后才能观看,而可以边观看边下载,从而减少了等待时间。

1.3 动画的输出格式

Flash是一个优秀的图形动画文件的格式转换工具,它可以将动画以GIF、QuickTime和AVI的文件格式输出,也可以以帧的形式将动画插入到Director中去。Flash还能够以Swf、SPL、GIF、AI、BMP、JPG、PNG、AVI、MOV、EMF等格式输出动画。因此flash制作的广告跨媒体性强,但制作、改动成本低廉。

1.4 强大的交互功能

在Flash中,高级交互事件的行为控制使Flash动画的播放更加精确并容易控制。设计者可以在动画中加入滚动条、复选框、下拉菜单和拖动物体等各种交互组件。Flash动画甚至可以与Java或其他类型的程序融合在一起,在不同的操作平台和浏览器中播放。Flash还支持表单交互,使得包含Flash动画表单的网页可应用于流行的电子商务领域。

1.5 可扩展性

通过第三方开发的Flash插件程序,可以方便地实现一些以往需要非常繁琐的操作才能实现的动态效果,大大提高了Flash动画制作的工作效率。

2 网络广告的主要形式

广义地讲,网络广告是在互联网上发布的所有以广告宣传为目的的信息,如基于网页显示的各种图片和Rich Media格式的广告,电子邮件广告,搜索引擎关键词广告等。不同的网络广告形式之间在表达手段,显示模式等方面存在一定的交叉性,因此目前并没有非常合理的分类办法,对网络广告的形式划分存在一定的混乱现象。

目前的网络广告主要有标志广告(BANNER),赞助式广告、分类广告、推荐式广告、插播式广告、Email广告、Rich Media广告、关键词搜索等几种[2]。其中BANNER广告是最重要的一种形式,在2000年之前的网络广告中,BANNER广告一直处于主流地位,从2000年第一季度开始,标准BANNER广告所占的比例不断下降,到2003年上半年下降至23%。与此同时,分类广告和关键词广告所占的比例不断上升,尤其是关键词广告,尽管2001-2002年期间网络广告市场总体下滑,但关键词广告却一支独秀,2001年只有1%的市场份额,到2003年上半年已经达到29%,成为所有网络广告形式中发展最快的领域,并且仍处在高速增长阶段。另外,还有一些网络广告形式并未包含在IAB的广告类并中,并且新型网络广告形式仍在不断出现。在现阶段网络广告中,BANNER广告,关键词广告和分类广告是最主要的广告形式。

3 Flash动画在网络广告中的设计应用

网络广告的各种各样的表现形式其实总的归纳起来就分为两种:一种是静态的广告,另外一种是动态的广告。Flash以它本身所具有的动画制作优势,在网络广告众多的表现形式中很多的制作都由Flash来完成。比如按钮和旗帜类的广告,游动式广告和弹出广告等一般都是利用Flash软件来制作。关于Flash动画广告的制作设计有以下几点思考和建议:

3.1 主题的确定

投放在网络的广告动画需要在最短的时间内给用户传递出最关键的信息,这就要求我们在设计之前一定要和需求方充分沟通,明确活动主题、重点、一定要求对方提交宣传文案、商品图。一般情况下,产品的价格信号、打折标签都是需要重点突出的,所以要对数字进行强化处理[3]。

3.2 字体的选择

在动画广告的设计中文字扮演着相当重要的角色,正确的选择字体是一个良好的开端。首先要根据主题选择适合氛围的字体,例如轻松氛围的可以选择卡通、活泼一点的字体,中国传统节日可以选择书法字体等。建议最好不要选用过细的字体;选用小字体时要适当的扩大字体间距,方便用户快速浏览;选用大字体时要适当的减小字体间距。但是并非要求小字体的间距一定要大于大字体间距,只是相对而言。

3.3 排版的设计

浏览者的视线一般是从左到右、从上到下,要让广告动画里的文字、图片排序符合用户的浏览顺序。如果你没有更好的排放方式,把产品图放在动画的左侧一般不会出错,如果是人物图,尽量使人物的视线方向对着主题或关键词。

3.4 交互按钮的设计

如果添加“立刻购买”、“查看详情”等按钮,尽量放在最右侧或者下面。

3.5 运动轨迹的设计

Flash动画中,良好的排版是动画成功的一半,另一半就是流畅的动画节奏,这需要后期不断的调节。这里简单说一下在图片或文字的运动轨迹中需要注意的一些问题。一般情况下,物体在进入和离开场景时,要尽量选择较短的路线。特别是物体离开场景时,不要占用太多时间和空间,要干净迅速。另外物体进入和退出场景的运动方式应该采取同样的风格,例如物体以滑行方式进入场景,最好也以滑行方式退出场景。交互设计中有个对称性交互原则,说的大致就是这个意思。

3.6 创意设想

Flash动画广告的关键要素是要突破常规,颠覆逻辑。演绎一个创建性的思维过程,展现一种表现能力,这也就是我们所强调的创意。一个好的作品,应该具有原创性,应是以没有用过或是没有引起注意的新元素或新思维来表达主题内涵,引起大众消费群的兴趣,从而产生开支。同样如此,动画广告创作就是要在影视语言的基础上,用新的元素、形式、手法来表现主题内涵,使作品具有生命力和刺激性,引起大众注意,从而引导或改变大众观念。

好的创意往往能激起大家的点击欲望,并且让人印象深刻。在flash广告中有两种特殊的创意形式。一种是异形广告制作成本较高,周期较长,对设计和创意都有很高的要求,由于可能同时会用到两个及以上的广告位,所以往往还需要投放媒体的配合,以保证在相应时间同时播放。第二种是:交互式广告,需要用户参与互动的广告,做这种广告往往具有一定趣味性,激起用户的兴趣,从而增加点击率。为了引导用户参与,一般会有文字提示,或者间隔几秒钟后自动播放。这两种方式都要承担一定得风险,但是一旦成功,回报也是惊人的。

3.7 时间的安排

每一帧的播放时间保证用户可以快速浏览完关键信息即可,总体时间不宜过长,往往需求方希望每一帧播放的时间尽可能的久一点,但是他们忘记了用户是很少会耐着性子看完的,除非你的广告像上面的案例一样吸引用户。另外有的媒体规定全部flash播放完不能超过5秒。

3.8 压缩处理

目前在国内主流媒体对flash广告大小一般限制在20k-30k之间。这就要求我们在完成创意的基础上对flash进行压缩。在压缩的时候请注意这几点:

1)所有文字打散处理(选中文字,连续两次“ctrl+b“),不仅能减少文件大小,而且可以防止在其它电脑上特殊字体被替换成系统默认字体。

2)删减多余的关键帧,包括空白关键帧。

3)使用位图时,在Photoshop里将图片处理成需要的大小,而不要在flash直接缩小。如果图片需要在flash做放大、缩小的动画,那么选取的尺寸应该是展示时间最长的那个尺寸。

4)超出场景的位图记得切除。

5)位图的发布设置适当调低一点,一般50%-80%,甚至20%,不过这个时候图片的质量已经很低了,基本可以考虑去掉这张图片。

6)复杂的矢量图形有时候会比位图更占资源,特别要注意那些直接从AI里面复制粘贴过来的矢量图形。可以在flash里面简化一些线条和形状,去掉不必要的节点。

7)有资料称flash播放器对png格式的位图渲染速度高于其他格式位图,所以文件大小允许的情况下不妨选取png格式。

Flash动画广告是网络时代的产物,设计者只有熟练掌握Flash软件的特点和特性的同时,注意自身创作经验的积累,才能创作出受大众欢迎的动画广告作品。

摘要：网络广告作为一种新兴的广告形式得以突飞猛进的发展,Flash动画广告是网络广告时代的产物。文章简要分析了flash动画广告的特点,介绍了当今网络广告的主要形式,针对Flash动画制作软件的特点重点分析了Flash动画广告的制作设计要素及注意事项。

关键词：网络广告,flash,动画广告

参考文献

[1]郑桂英.中国风Flash CS4学习总动员[M].北京:清华大学出版社,2010.

[2]杨英梅,宁萍,马智萍,等.网络广告设计[M].2版.北京:机械工业出版社,2011.

FLASH动画网页设计 篇8

1 Flash技术制作课件的优势

1) 多媒体课件要求能科学、准确地展示或模拟学科知识。就是说课件要能准确无误地表达教学内容, 并将各种媒体合理地整合到教学系统之中。在这方面, flash由得天独厚的优势, 因为它可以通过丰富的动画功能和强大的Actionscript的编程功能来自然、逼真地表现多彩多姿的视听世界;还能科学地对宏观和微观事物进行模拟、能灵活地对抽象、无形事物进行生动、直观的表现。

2) 多媒体课件要求能组合各种媒体, 使它们能结合成一个有机整体。而flash软件能自由地把文字、图像、视频、动画和声音等各种表现信息的媒体结合在一起, 最终真正实现课件的“多媒体”性。

3) 多媒体课件要求有良好的交互性。Flash软件同样提供了实现交互的各种功能, 包括按钮、影片剪辑, 加之更强大的Actionscript的编程语言就能在教学内容的呈现上提供良好的交互控制, 而且可以运用适当的教学策略, 指导学生学习。

4) 多媒体课件要求有艺术性。Flash软件丰富的绘画工具, 对多种位图格式的导入支持, 为多媒体课件中的图形设计, 动画设计, 屏幕设计, 颜色搭配及背景音乐的配置等提供了强大的动力。

5) 多媒体课件应该适宜于网络流行和共享。Flash因其体积小, 便于网络传播的特性, 使多媒体课件的自由传输、交换、共享成为可能。Flash课件还类似于流媒体, 可以一边下载一边播放, 改善了教学媒体的表现力和交互性, 促进了课堂教学内容、教学方法、教学过程的全面优化, 提高了课堂效率。

2《二维动画设计》flash课件介绍及设计思路

2.1《二维动画设计》flash课件介绍

《二维动画设计》是高职院校多媒体专业必修课的课程, 使用flash技术制作此课件, 共包括七个模块, 其中一个主控导航模块和六个章节模块。六个章节模块包括:flash基础知识、flash基本动画制作、使用声音与视频、交互式动画基础知识、组件介绍、综合实训。在主控导航模块中, 包括课程首页、课程介绍页和目录页。在课程介绍页中, 可以通过案例欣赏按钮, 反复播放各种由flash技术设计的作品, 让学生进行欣赏的同时, 加深对所学知识的理解。在目录页中, 单击相应的章节模块按钮, 就可以进入相应的课件功能模块中运行。

每个章节模块内容中, 包括本章节的概述页、目录页与本章节的内容。每个章节中设置导航按钮, 方便模块中的内容进行切换。并且在每个章节中设置案列欣赏按钮, 方便学生在学习技术的通知, 欣赏该技术所实现的动画效果。

2.2 课件设计思路

对于内容多、结构复杂的大型多媒体课件, 初学者往往感到无从下手, 这是因为初学者没有掌握一种系统的、科学地设计方法。

在规划课件时, 主要使用的是结构化、模块化的程序设计方法。具体设计方法是, 根据课件的内容, 将其分解为一个课件主控模块和几个课件章节模块, 如果需要, 将课件章节模块再细化为几个章节子模块。课件主控模块用来控制和调度各个课件章节模块的播放, 各个课件章节模块用来具体实现相应课件内容的展示。这样“以大化小, 分而治之”的设计方法, 可以使课件的制作变的容易。

把教学内容分成一个课件主控模块和几个课件章节模块, 然后把每个课件章节模块通过多个场景来制作, 每个场景都可以独立地制作属于这个场景的动画。利用flash的多场景技术可以很好地实现模块化课件设计的思想。

Flash动画文件的层次结构是这样的:一个flash影片文档可以包含多个场景, 每个场景中又包含若干个层和帧。每个场景上的内容通常是某个相同主题的动画, flash利用不同的场景组织不同的动画主题。

播放一个多场景的动画时, 将按照它们在“场景”面板中的排列顺序逐次播放。在一般情况下, 多场景导航演示课件不能按照“场景”面板中的顺序逐次播放。需要单独设计一个导航场景, 用它来控制整个课件的交互播放, 这个场景实际上就是实现课件的主控模块的功能。典型多场景导航课件设计方法示意图, 如图1所示。

本课件分为7个模块, 一个主控导航模块和六个章节模块。主控导航模块再单独的场景中实现, 其余六个章节模块:flash基础知识、flash基本动画制作、使用声音与视频、交互式动画基础知识、组件介绍、综合实训, 也分别在六个单独的场景中实现。可以在主控导航场景中单击不同的按钮进入相应的场景, 在每个场景中也定义一个按钮以返回到主控导航场景。主场景中的按钮和各个章节场景中的返回按钮动作脚本一般以下面的形式来实现:

其含义为, 当单击按钮时, 跳转到相应的场景中, 播放该场景的第1帧。动作脚本中的“场景名”参数决定具体转到的场景。

3 制作《二维动画设计》flash课件的心得体会

制作《二维动画设计》flash课件工程浩大, 在制作过程中需要用到大量的文本、声音、图形、图像、动画、视频等多种数据, 它们是制作flash课件的重要组成部分, 充分使用各种媒体素材能体现flash课件的美观性, 让它更吸引学习者, 引起学习者更大的兴趣。

在制作过程中, 要充分应用Actionscript语言的强大功能, 使用它不仅能在功能模块中进行灵活地跳转, 用Actionscript语言还能制作出很多绚丽的动画效果, 不仅美化了页面, 更在教学过程中, 起到了案例示范作用。这样, 在细节上体现了语言的神奇魅力。

最后我们可以把做好的成品做成网络学习课件, 放在网上进行共享。《二维动画设计》课件即是学习flash的课件, 也是用flash做课件的经典案例, 供有兴趣的教师参考, 教师在开公开课或者其它重要课上时, 能自己制作简单的flash课件。

摘要：Flash技术因其生成的作品体积小、动感丰富、模拟性强和互动灵活等特点, 一经涉足多媒体课件领域, 就赢得了广阔的应用空间和市场前景。《二维动画设计》正是教授用flash技术制作动画的课程, 使用flash技术制作《二维动画设计》课件, 具有重要的现实意义。此课件以学生自学为主, 分为七大模块, 一个主控导航模块和六个章节模块, 它们包括:flash基础知识、flash基本动画制作、使用声音与视频、交互式动画基础知识、组件介绍、综合实训。此课件的信息来源丰富、形象生动, 具有美观性、趣味性和交互性, 也是本课件的特色与亮点。

关键词：flash技术,二维动画,课件

参考文献

[1]李永.Flash多媒体课件制作经典教程[M].北京:清华大学出版社, 2009:10-1.

[2]刘华.跟着案例学Flash CS5课件制作[M].北京:清华大学出版社, 2012:6-1.

[3]胡明.flash cs3多媒体专项设计实例精粹[M].北京:电子工业出版社, 2008:10.

[4]彭宗勤.flash基础与实训案例教程[M].北京:电子工业出版社, 2010:10.

flash动画中人物设计与制作 篇9

服装和配饰也是人物表现力的组成部分, 可以表明角色的个性, 并且让他有某种物质可以依托出来。例如制作介绍信息科学技术系的一个动画里的人物设计, 一个男生带着厚厚的眼镜和身穿着系服, 突出这个系特点, 大多数是男生并且大部分是近视的;系服的作用就是让人一眼就认出就是信科系的。在设计角色造型必须考虑故事背景并且进行多方面搜集资料, 保证角色与动画和故事背景更好的结合。时代不断地在进步, 现在有许多软件都可以绘制二维动画人物甚至三维, 例如3Dmax, Photoshop, Corel Draw等。而Corel Draw是一款对矢量图绘制比较好的软件, 对线条处理比较细致和方便。所以在制作flash动画之前, 在Corel Draw软件把所有需要的人物造型都绘制出来, 然后将图片转换为psd格式时, 图片中的各个造型就会分在不同的图层中。最后导入flash库中, 一个造型就会在一张图形图片中。

2 动态表情和动作设计与制作

在电影中的人物表演体现角色的形象和情感是通过形体, 语言, 表情动作, 在flash动画中也是最重要的手段。人物的动态表情是变化多样的, 而身体某些部分是不用太多的变化, 所以在制作人物是身体肢体和五官表情变化是分开绘制, 只要通过修改一些地方就可以绘制出另一种表情, 减少大量的工作量和时间。人物的眼睛和嘴型是动画设计最重要的部分, 口型的变化要与说话的速度和内容相对应。在制作介绍学校各系简介的flash动画中, 我们选定使用卡通可爱的形象作为整部动画的风格, Q版的形象表现出惹人喜爱的特点。

在制作一个人物造型时需要先构思好一个基于故事内容和动画整体风格的形象, 之后开始绘画出人物静态的身体, 身体绘制好后再逐一制作人物五官和添加各种细节。在绘制人物身体时头, 身体和四肢都是分开制作的, 这样之后制作手臂和腿部动作就可以更加快捷方便。在制作表情动画时身体大部分是不动的, 所以把身体的各个部分全部绘制并且填充好颜色, 然后将各个部分拼接在一起, 最后只要绘制每个表情, 不用再考虑身体的制作。在Corel Draw中制作只要把身体大概的形状绘制出来后, 然后用形状工具就能把线条绘画成更细致, 自然, 完善人物的整体形态。下面是人物身体部分的制作, 如图1所示。

接下来是表情的制作。表情的设计是要按照故事情节来制作各种表情:微笑、安静、悲伤、可爱和愤怒的表情和说话时的口型。表情的变化表现需要五官的塑造地精细, 例如眼睛, 它由眼眶, 眼珠等组成, 由于动画的风格是可爱, 所以用椭圆形作为眼眶并且用黑色作为眼球颜色, 在眼瞳里有白色的眼珠晶体, 让眼睛水汪汪的, 眼睛越大卡通的形象就越可爱, 越惹人喜爱。眼睛, 嘴巴的变化就能表现出各种神情, 喜怒哀乐就可以由它们的形态来体现。如“笑”的表情, 眼睛就可以由简单的两个向下的弧线, 像两个弯月亮就能表达出开心时的笑。嘴巴就用向上的弧线表现笑时嘴角上扬的形态。再例如“生气”, 皱眉就用双眉的向下拉近;眼睛就与开心时的相反, 是两个向上的弧线并且嘴角就呈向下垂, 这些都是生气时的典型特征。动画中人物的面部表情变化也是来自日常生活中人的表情, 只要多观察就能把各种各样的表情塑造出来。所以其他表情微小变化也可以通过五官造型的小小变化能表现出来, 例如笑就可以分为大笑, 微笑, 假笑, 阴险的笑等, 将表情画得更细致, 就能使人物生动形象, 栩栩如生。

在制作表情时, 只要将一边的眼睛和眉毛绘制好后, 复制出另一边, 就可以完成一种表情。制作人物走路运动和人物表情的变化的操作步骤基本一样, 首先把走路时不动的部分绘制好, 组合在一起。然后把手臂和腿部运动时各个细节动作都制作好, 接在身体上, 最后将各个部分组合成一个图形。如图2, 3所示。

将不同表情变化图片和走路分解动作图导入flash软件中, 创建影片元剪辑元件, 在元件的编辑环境制作人物表情动作变化, 就像场景中一样创建和编辑。然后在第一张图层中的时间轴插入空白关键帧, 将第一张表情图片拖入编辑区域, 可以调整人物的大小, 使用逐帧方法制作。之后在第3帧插入关键帧, 在属性中按下交换选择另一张图片, 图片的大小就会固定不会改变。下面第5, 7, 9…帧的操作步骤一样, 变化的频率依靠着时间轴上的两个关键帧之间的距离, 按照实际的情况设置关键帧之间的长度。元件创建好后, 存放在库中, 当使用时就从库中拖放在工作区中, 测试影片就能看到效果。所以元件在复杂动画的制作中起着很大的重要性, 可以嵌套使用和重复使用, 减少制作的工作量。

3 结束语

在制作动画过程中, 经过观察, 询问和思考, 为动画设计出不同特色的角色, 为角色绘制出丰富, 形象多变的表情和造型, 对动画中的人物形象有了更深的认识和了解。在设计人物时不仅要有一定的绘画功底, 还要知道人物表达各种情绪和动作的各个方面的细节, 并掌握其主要特点, 结合到现实生活中, 使动画人物的表达方式夸张而切合实际。

动画制作分为很多部分, 例如场景设计, 人物设计, 动作效果, 配音, 后期编辑等, 要把每一部分都做好才能组合成一部完整的动画。所以动画制作具有独立性和综合性, 结合了技术和美学。动画角色的形象有着重于鸿毛的作用, 是根据不同的情境进行不同的造型, 可以烘托人物的特点。一个成功的人物设计, 不但可以增加动画视觉上的吸引力和感染力, 而且为动画添加一道美丽的风景线。

摘要：制作flash动画必定与动画设计联系一起, 需要大量的矢量图片和图形集成为一个完整的动画。动画中的人物也是极为重要部分, 动画相当一部电影, 演员是影片与观众之间的最重要中介, 所以动画人物的功能是赋予了符号性, 是情感符号和思想符号。通过人物的五官的表情, 肢体的动作能传达出人的喜怒哀乐的心理活动和性格特点。

关键词：动画,动态表情,关键帧

参考文献

[1]林海宁.FLASH动画中人物动态表情设计与制作[J].电脑知识与技术, 2012 (7) .

[2]尙磊.论动画角色装饰设计[J].现代装饰理论.2012.

Flash遮罩动画教学设计 篇10

1. 教学内容分析

本节课的教学内容是Flash“遮罩动画”的制作, 主要内容是利用Flash软件制作遮罩动画作品。通过故事和实例引导学生理解遮罩动画的含义及其制作方法;通过探究, 使学生进一步掌握动画的制作方法和技巧。本课参考教材为《二维动画制作》 (第2版) , 该书由陈振源、项慧芳主编, 高等教育出版社出版。本节课参考学时为2学时。

2. 学习者分析

本课学习对象为在校文科类大二学生, 他们已经改变了中学时代对教师的依从地位, 具备产生自我识别、自我探寻新知识的基础, 但仍离不开教师的主导作用。文科类大学生实践操作能力不强, 但思维活跃, 通过大一阶段的学习, 已具有一定计算机知识基础, 能对计算机和一些最常用软件进行简单使用和操作, 并对Flash动画有浓厚的兴趣, 希望通过学习能制作自己的Flash动画作品。学生前面已学习过Flash最基本动画原理, 能制作出简单的逐帧动画和补间动画, 并对帧、图层有初步了解, 但还未能很好理解, 还需进行加深。

3. 教学目标

(1) 知识与技能。熟练掌握遮罩动画的制作过程, 并能用自己的语言描述遮罩层与被遮罩层之间的关系以及与其他普通图层的关系;熟练制作出该课所讲的实例;灵活运用所学动画制作技巧, 创作动画作品。

(2) 过程与方法。在制作、分析动画实例过程中, 体会遮罩与被遮罩的关系, 掌握遮罩动画的原理;通过自主实践, 完成教师分析过的动画实例, 理论联系实际, 在实践操作中掌握遮罩效果的制作方法并加深理解。

(3) 情感态度与价值观。通过实践操作和自主探究, 感受运用Flash制作动画的乐趣, 体验完成动画作品的成就感;激发学习兴趣, 培养创新意识, 形成和保持对信息技术的求知欲;培养自主学习能力和探究学习能力。

4. 教学重点和难点

重点:遮罩的含义和遮罩效果的制作方法。

难点:理解遮罩与被遮罩的关系;“遮”的原理;什么样的对象可以作为遮罩。

5. 教学方法

教学方法为:讲授法、演示法、任务驱动法、自主探究法。

6. 教学媒体

教学媒体为:多媒体网络教室、投影仪、教学课件。

7. 设计思路

通过现实生活体验、故事引出本课, 在分析两个动画实例理解遮罩动画原理的基础上依次展示形象化的3个实例 (水流效果) , 进行逐步递进的任务驱动, 让学生自主探究, 使学生充分理解和掌握遮罩动画的制作方法和操作技巧, 由浅入深地掌握知识。

二、教学过程

1. 创设情景, 导入本课

教师手拿望远镜, 通过望远镜观察周围世界, 学生也有同样体会;教师讲述“管中窥豹”和“坐井观天”故事。

教师引导学生讨论, 上述3个实例有什么共同的地方?教师总结, 引出遮罩。

本环节设计目的:利用学生已有的生活体会和已知的故事含义, 类比遮罩动画的原理, 通过讨论调动学生的注意力和学习主动性, 导入本课。

2. 分析实例, 探究新知

教师展示动画实例一和二 (如图1和图2) , 说明遮罩动画的原理, 遮罩就是透过一种图形来看被挡住的内容。教师针对实例, 提出问题:

(1) 要产生遮罩效果, 至少要有几个图层?

(2) 各个图层的关系如何?即遮罩图层与被遮罩图层的位置关系。

(3) 动画中遮罩层和被遮罩层分别有什么对象?遮罩层提供了什么形状?被遮罩层的内容是什么?

(4) 两个实例中均有字, 字的作用两者之间有无区别?各自起什么作用?

(5) 遮罩层对象在运动, 还是被遮罩层对象在运动?

学生欣赏并分析每个动画实例, 回答老师提出的问题。老师引导学生回答问题并总结, 重点强调遮罩效果的实现需要两层:一层是遮罩层, 提供了形状, 并强调形状的颜色不影响效果, 只要该形状被填充即可, 另外该层中对象可静可动;另一层是被遮罩层, 提供了被挡住的内容, 该层中对象也可静可动。

教师演示动画实例一和二的制作过程, 使同学加深理解遮罩动画的原理, 并提醒学生在遮罩制作过程中应注意一个问题, 就是并非所有的可显示对象都可以在遮罩层中产生孔, 并使被遮罩层中的对象透出来, 有一些例外情况, 比如, 用直线工具、铅笔工具和墨水瓶工具制作的矢量线条, 就不能在遮罩层中产生孔。教师制作实例演示, 并引导学生理解和学到相应的解决办法, 即将线条转化为图形。

学生上机实践动画实例一和二, 学生之间互相讨论;教师巡回指导, 将问题提出, 请几位同学指出出错原因, 并指导其正确操作。

本环节设计目的:结合形象化的实例, 通过学生回答问题, 理解遮罩动画的原理;通过学生亲自实践, 使学生进一步加深对遮罩的理解, 掌握遮罩动画的制作方法。

3. 引导探究, 自主实践

在理解和掌握遮罩动画制作方法的基础上, 引导学生利用遮罩实现水流效果。如图3、图4和图5。

(1) 教师展示“水流效果1”实例, 提问并引导学生分析此动画。

(1) 制作该实例需要几层?并叙述一下该实例的大致制作过程?

(2) 遮罩层对象是什么形状?

(3) 如何达到水“流”的动态效果?

学生观察实例, 相互讨论, 探究动画效果的实现方法;教师引导学生在计算机上边操作边讨论, 让学生根据自己的理解制作这个动画。学生通过自主探究会发现, 很难达到“流”的效果, 教师引导学生改变一下花的位置试试看, 学生恍然大悟, 哦, 原来如此!

教师总结, 并重点指出水“流”的关键——位置的改变。

(2) 教师展示“水流效果2”实例, 引导学生分析此动画在“水流效果1”的基础上改变了什么?

学生观察对比, 分析两种动画的异同, 得出结论:在“水流效果1”的基础上改变了遮罩层对象的形状。学生上机实践, 完成“水流效果2”的动画制作。

(3) 教师展示“水流效果3”实例, 提出问题:

(1) 此动画在前两个实例的基础上改变了什么?

(2) 如何实现水动而树不动?

学生观察分析与实例一、二的异同, 相互讨论, 探究动画效果的实现方法;学会利用魔术棒工具只将流水部分选中, 并作为遮罩层中的对象;学生上机实践, 完成“水流效果3”的动画制作。

本环节设计目的:通过形象逼真的动画效果引导学生探究3种动画的异同来激发学生在原有基础上进一步完善作品的求知欲;通过组织学生讨论分析, 培养学生的合作意识;通过逐步递进的任务驱动让学生在完善作品的过程中体验成功的喜悦;引导学生运用所学知识, 举一反三, 主动探究问题, 培养学生的创新能力和自学能力。

4. 评价交流, 提高认识

教师要求学生进行“在线自评”并在清华网络教学平台 (http://eol.yzu.edu.cn) 交流区发表建议。学生进行在线自评。

本环节设计目的:通过“在线自评”, 使学生对自己在本节课的学习成果有一个总结, 在对比中找差距和动力, 促进学生学习的主动性和积极性。

5. 总结教学, 拓展任务

教师总结本课教学, 再次用“管中窥豹”和“坐井观天”故事结束本节课;针对本课学习内容布置课后作业, 让同学们观察别人做的F l a s h作品中哪些地方用到了遮罩效果, 希望同学们能活学活用, 制作出更好的动画作品。学生倾听老师的总结, 并积极完成拓展任务。

本环节设计目的:用“管中窥豹”和“坐井观天”故事积极的一面激发学生脚踏实地的学习态度, 培养学生正确的价值观, 鼓励学生积极主动地学习Flash软件。

三、教学反思

本课合理设置情景, 每个范例展示后, 适时提出要解决的问题, 学生自由讨论、分析, 大胆阐述自己的理解, 然后学生自主探究, 并亲自动手上机完成实例。整个教学环节层层递进, 步步提高学生自主探究、分析问题、解决问题的能力, 充分发挥了学生的主体作用。整节课学生都处在探究状态下, 打破了传统的灌输式授课, 同时也充分发挥了学生之间的相互协作学习能力。

FLASH动画网页设计 篇11

关键词：Flash动画，交互性；设计

中图分类号：J954 文献标识码：A 文章编号：2095-4115（2014）09-64-1

信息时代互联网络的出现打破了以往传统媒介信息单向传播的方式，人们不仅可以在网络上自由的获取信息，同时还可以反馈信息，信息呈现出双向的流动。基于互联网络的交互特性，衍生出许多关于“交互”的概念。比如“网络交互营销”、“网络交互式远程教学”、“网络媒体的交互”、“网站的交互”等等，就连在我们生活中司空见惯的电脑，也是一个“交互式的工具”。人们对于这些不同的“交互”的理解也各不相同，比如有人把网站的交互性界定为网站对浏览者的选择作出反应，引导浏览者从一个页面链接到另一个页面，从一个服务器跳转到另一个网站：对于交互营销则定义为使用户可以更方便地获取信息：交互式远程教学则是指网上的各个终端可以即时或延时问答网络媒体的交互性则定义为用户对内容的可控性；而我们开机或者关机、打开窗口或关闭窗口动作也可以称为与电脑的交互。

一、关于Flash动画交互性的界定

Flash动画是从网页交互式动画演化而来，具有多媒体、交互性的特征，同时还具有跨媒体传播的能力。Flash能够广泛流行，除了Flash动画矢量化、压缩比高等令它易于传播的技术因素之外，主要在于它的娱乐性--Flash动画满足了人们在网络浏览时可以在短时间内娱乐的需要。制作者因为Flash的好玩而开始制作Flash动画，观者因为Flash好玩而成为忠实的拥戴者；Flash动画的制作者是为了传递快乐，观者是为了娱乐消遣，娱乐性是制作者和观者共同的期许。

Flash动画交互性改变了传统动画的线性叙事方式，令Flash动画可以以非线性叙事的方式出现，观众可以用键盘和鼠标跳到swf文件中的不同部分、移动对象、在表单中输入信息，还可以执行许多其它交互操作；同时，Flash动画的交互性还丰富了作品的外观风貌，增强了动画作品的不确定性。可以说，参与者与Flash动画交互的过程，就是参与者获得更为愉悦的心理体验和视觉享受的过程。在这里，愉悦包括情绪释放的快乐和信息获得的快感。

二、Flash动画交互的构成

无论是何种交互，必须由三个部分来组成：交互方式、交互响应和交互结果。交互方式是创作者为了传达特定信息，采用必要的技术手段构成的形式，比如按钮、图元、文本输入框或身份选择等，是创作者为参与者留下的进入作品的入口，它决定了动画作品的外在形式。交互响应是参与者在交互过程中所采取的动作，交互结果则是响应的结果。交互过程能否完全地体现创作者的意图，主要取决于创作者在创作时的周密性。对于交互响应，创作者需要事先做好规划：参与者该如何响应？有几种响应方式？每一种响应方式对应有什么样的响应结果？对于错误的响应，程序该如何应对？设计的周密性表征为动画作品的可预期性。但根据动画作品设计要求的不同，有时需要创作者的预见性，有时则需要不可预见性--不可预见性把动画作品的响应交付计算机的随机运算，赋予动画作品更大的自由度。

三、FLASH动画作品中的交互方式

表现性交互在一般的Flash作品中都可以见到，比如鼠标经过时画面出现的特效效果，鼠标点击按钮或某个图元时页面的刷新、音乐或视频的播放或程序的跳转等。表现性交互是Flash作品构成的基本元素，也是动画作品的外在表现方式，我们看到的Flash动画作品形态基本上是各种表现性交互交织使用的集合体。比如现在网络上比较流行的电子杂志，它以Flash的一个组件FflipPage为核心，把众多的单个的Flash动画集合起来，“装订”成书籍的形式。有封面、目录、封底，鼠标移至页脚可以逼真地模拟书本翻页时翻卷的效果；可以让书籍自动翻页，也可以通过按钮来向前、向后的翻动书页，还可以通过点击目录中的检索项来跳转页面。每一个页面其实是一个精心制作的Flash动画，是图片、文字、视频和声音的合成，根据需要还交织着多种表现性交互手段，在每一个页面上创造出丰富的视听效果。电子杂志尽量摸拟浏览者日常中阅读书籍的经验，让浏览者得到熟悉的阅读体验，同时它又具有书籍所不可比拟的多媒体特性和视觉效果的丰富性，因而更具有感染力。

四、Flash动画交互性的设计原则

交互性设计的首要原则是交互接口的简单化。无论创作者要设置结构多么复杂的交互方式，最终在动画作品中都要给参与者留下一个便捷、简单的接口。无论参与者的计算机操作水平如何，都能迅速理解创作者设置的交互方式，按照创作者的意图进入交互响应，以最快的速度获得信息或交互体验。

总之，现在Flash动画的交互性应用还远远没有开发出来。在网络上，它可以制作出内容更加丰富、结构更加精妙的网站式作品；随着宽带时代的来临，它的在线游戏开发可以朝多人连线的互动方向发展；同时，Flash软件的跨平台的兼容性和开放性，使之可以在其他传播平台开发出新型的交互作品。

参考文献：

[1]波.Flas：技术还是艺术[M].北京：中国人民大学出版社，2005.

FLASH动画网页设计 篇12

一、Flash动画的优势

Flash动画是网页设计中最常见的动态元素, 网络浏览器都内建Flash播放器﹙Flash Player﹚, 播放器版本也在不断更新。网页对于动画的需求和依赖是极为强烈的, 动画元素在信息潮流中的作用是强大的。凸显了flash动画的操作优势和投资优势等。

1.Flash动画的特点

第一, Flash软件采用矢量技术, 以颜色和线条来表现图形, 相较位图, 其画面质量清晰, 色彩明亮, 可以无限放大, 且不失真。

第二, Flash源文件为*.fla, 可以最终压缩生成*.swf动画影片文件, 其文件体积很小, 正符合网络传输的需求, 可以在浏览器和Dreamweaver中播放, 所以Flash动画加到网页中后, 还可以在属性面板中对其进行大小调整、预览等操作。

第三, Flash的播放插件体积小、易下载, 都能自动安装。*.swf文件可实现边下载边播放的效果, 在网速较慢的情况下尤为明显, 不会影响浏览者的心情。

第四, Flash动画播放速度快, 通用性好。

第五, 多媒体交互性强。可以整合图形、音乐、视频等多媒体元素实现交互。

第六, 简单易学, 普及性强。用户不必掌握高深的动画知识, 拥有一定的条件就能制作令人惊讶的动画效果。

2.Flash动画的发展趋势

近几年, 由于网络的热门, 恰好是动画的机遇和一个崭新的演示平台和推广平台。在网络相关技术的推动下, Flash除了有动画制作基本功能、展示功能外, 还具备视觉和听觉上的双重享受, 在视觉冲击上, 较普通的网页更具吸引力, 因此, Flash已经逐渐渗透到电子商务、电视、广告、贺卡、手机服务以及MTV制作、房地产、游戏、信息产业等各个领域的商业应用当中。

动画, 如雨后春笋般, 已经在各个领域中不断渗透, 其全新功能也正在探究与尝试中。它必将带给我们无限的惊喜与心灵的跳动。现在国家对动画事业也已经高度重视, 与此同时, 加入动画行业的人也越来越多。

二、Flash动画在网页设计中的应用

1.网页设计中添加部分Flash动画

网站作为新媒介, 其最大魅力在于可以真正实现动感和交互, 在网页中添加Flash动画是网页设计的重要内容。现在, 只要上网浏览任一页面, 从网页LOGO、网页导航、各类Flash网络广告、图片展示动画及交互到益智小游戏, 甚至一些动画片、Flash制作完成的网站注册、登陆等到处都能看到Flash动画的身影, Flash动画已经成为网上活力的标志。

2.纯Flash网页设计制作

由于视觉效果较好, 有些网站为了追求美观, 彰显自己的个性, 将整个首页全部用Flash设计, 甚至以Flash来制作、设计整个站点。从浏览者的角度来看, Flash动画内容比一般的文本加图片HTML格式的网页, 其艺术效果大大增强, 观赏性更高, 从而更能抓住人们的眼球, 这对展示产品和企业形象十分有利。

至于整个站点的设计, 无一例外都保证是由Flash软件来制作。包括所有视听元素与版式两大部分, 及从网站引导主页面的设计, 到引导进入的子页面的设计, 这样完整的过程和系统全由Flash制作完成。

Flash网站制作参考流程:网站结构规划→Flash场景规划→素材准备→分别制作→整体整合。

三、Dreamweaver和Flash在网页设计中的应用

1.在Dreamweaver中进行网站设计时, 要围绕网站的主题、客户需求, 进行针对性设计。然而网站的导航最好尊重用户的使用习惯, 快速地将用户引导至其目标, 避免浪费时间, 所以在设计更多子页面时最好是保持界面的统一, 才能使用户在转去他们目的地时, 对站点要传达的信息获得更多的关注。

2.在一个静态页面中, 添加Flash动画元素不宜太多、太花, 应适当分散放置, 不要过于集中, 动画效果的设计也要得体, 否则, 就会事与愿违。

四、小结

在网页设计中, 仅就网络发展、信息发展而言, 创意是其最强劲的生命力, 所以从创意的角度出发, 在网页中插入Flash的思路, 使网页设计步入新的境界。除此之外, 更要有制作精品的执着信念, 只有这样才能吸引更多的商家和浏览者的目光。

参考文献

[1]张成龙.网页制作一点通[M].北京:人民邮电出版社, 2009, 101-112.

[2]刘贵国.网页设计完全征服手册[M].北京:中国青年出版社, 2007, 4-6.