交互动画设计案例

基于Flash的交互动画设计

作者：刘博

来源：《计算机光盘软件与应用》2013年第14期

摘 要：随着互联网技术的发展，基于Flash的交互动画广泛的应用于互联网的每一个角落，给人们的生活学习带来了巨大便利，具有很强的实用性和艺术性。随着技术的不断更新，Flash的交互性特点也越来越明显。本文针对Flash的交互性开展分析，指出Flash所具有的交互性技术优势和应用领域，并在Flash交互动画设计中做出了尝试。

关键词：Flash；交互动画

中图分类号：TP317.4

随着信息技术带来的科技进步，如今网络媒体已经高度发达，交互动画以及互动技术广泛的应用于互联网的每一个角落，给人们的生活学习带来了巨大便利。与此同时，互联网的迅猛发展带来的庞大用户群，也为形式多样、内容丰富、动感十足的Flash成为当下热门话题提供了受众基础。随着许多精品Flash交互动画的出现，基于Flash的交互动画设计不断受到各界人士的关注和青睐，其传播的方式也逐渐走出单一的网络传播途径，走向传统媒体与新兴媒体。随着 Flash技术本身的成熟与无线网络的发展，基于flash的交互动画也将在不远的将来走向更多的国内手机用户，实现 Flash 网络传播的新的跨越。

1 基于Flash的交互

※※ 2014—2015学年第二学期Flash动画设计期末试卷

出题人: 2015年6月

※ ※ ※注意事项：

※1、一、二题写到最后的答题卡上，写在试卷其他位置无效。

※ 线2、第四题实训题保存在一个文件夹中，文件夹命名为“姓名-期末考试 ※实训”，提交教师机。

※一、单项选择题（每小题1分，共15分） ※ ）。

※1、下列关于Flash软件说法正确的是（ ：※名※A. 它是一个专做位图的软件 姓※B. Flash软件只能制作动画

※ ※C. Flash软件是一个矢量图软件，但是不能做网页 ※ D. 它是一个矢量图软件，可以制作动画、网页 ※ ※ 2、 Flash软件保存格式为（ ）。

封 A. ai

B. png

C. fla

D. pnd

※ 3、在导入图像时（导入到舞台），如果有一系列的图像，Flash会弹出提 ※ ※ 示是否导入序列中所有图像。如果点“是”，那么这一系列的图像会以什 ※ ※么样的形式出现（ ）。

※ ※A. 分布在多个

说明：红色选项为正确答案。

单选题

（1）制作Flash动画时，保存的源文件扩展名以及发布后可以嵌入网页的文件扩展名分别是（ ）。

A：FLA、SWF

B：MOV、FLA C：SWF、MOV D：CDR、MOV 知识点：1.1

（2）在默认情况下，如果要输出一个1分钟的动画作品，那么需要( )帧。

A、360 B、7200 C、720 D、72

知识点：1.1

（3）Flash中的遮罩功能可以使指定的( )具有局部隐藏的效果。

A、场景 B、图层 C、时间轴 D、 关键帧

知识点：3.5、5.1

（4）下列关于“矢量图形”和“位图图像”的说法正确的是（ ）。

A：位图显示的质量与显示设备的分辨率无关

B：在 Flash 中，用户无法使用在其他应用程序中创建的矢量图形和位图图像 C：在对位图文件进行编辑时，操作对象是像素而不是曲线 D：矢量图形文件比位图图像文件的体积大

知识点：2.1、2.2

（5）“滴管”工具可以提取某些对象的属性，例如颜色、线型等。下列选项中，不能被提取的对象属性是（ ）。

A：填充区域的颜色

B：线条的颜色 C：组合对象的颜

说明：红色选项为正确答案。

单选题

（1）制作Flash动画时，保存的源文件扩展名以及发布后可以嵌入网页的文件扩展名分别是（ ）。

A：FLA、SWF

B：MOV、FLA C：SWF、MOV D：CDR、MOV 知识点：1.1

（2）在默认情况下，如果要输出一个1分钟的动画作品，那么需要( )帧。

A、360 B、7200 C、720 D、72

知识点：1.1

（3）Flash中的遮罩功能可以使指定的( )具有局部隐藏的效果。

A、场景 B、图层 C、时间轴 D、 关键帧

知识点：3.5、5.1

（4）下列关于“矢量图形”和“位图图像”的说法正确的是（ ）。

A：位图显示的质量与显示设备的分辨率无关

B：在 Flash 中，用户无法使用在其他应用程序中创建的矢量图形和位图图像 C：在对位图文件进行编辑时，操作对象是像素而不是曲线 D：矢量图形文件比位图图像文件的体积大

知识点：2.1、2.2

（5）“滴管”工具可以提取某些对象的属性，例如颜色、线型等。下列选项中，不能被提取的对象属性是（ ）。

A：填充区域的颜色

B：线条的颜色 C：组合对象的颜

第九届技能文化节——FLASH动画设计竞赛总结

本次FLASH动画设计竞赛在学校领导的大力支持下，于11月6日顺利完成。具体项目运作过程、效果评价总结如下：

一、 竞赛组织

1、 及时申报立项，做好项目宣传工作

根据教务科总体安排，经过充分的讨论确定申报《FLASH动画设计大赛》竞赛项目，并确定本次竞赛的目的：通过竞赛提升学生对技能科学技术的兴趣，提升学生的创新能力，丰富学生的想象力！，活跃校园气氛。同时为广大学生提供一个展示自我的平台，有力的推动我校学术科技的进步。

10月1日，根据竞赛活动方案，针对各班级进行宣传，提出竞赛作品要求。由项目负责人组织学生训练。训练时间是从10月8号后下午上完课或者晚自习的时间，指导学生在209机房进行Flash训练，提高了作品的含金量。

2、 充分筹备初赛和半决赛，加强选手技能培训

在全体老师的宣传下，各班级学生积极报名，要求参赛，初赛以学生报名和提交作品给评审小组评审，总共有25名学生提交作品，10月20日，项目负责老师根据评审标准对所有作品进行点评，从中挑选出10名学生作品，并针对作品中存在的问题进行分析；根据竞赛要求有针对性的对10名学生进行培训，有效的提高学生动画设计技能水平。最终让这10名选手参加总决赛。

3、精

模块四 Flash动画设计

授课教师：王月娥

1操作环境

1.1基础知识

FLASH是Adobe公司的一款多媒体矢量动画编辑软件，生成动画文件尺寸小，简单易学，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。

Flash动画创作流程：前期策划、准备素材、制作动画、后期调试、发布作品

1.2 Flash工作界面

1. Flash的安装 2. Flash的启动

开始/程序/Macromedia / Macromedia Flash 8 3.Flash的工作界面

FLASH8.0的工作界面，主要有舞台，主工具栏，工具箱，时间轴，属性面板和多个控制面板等几个部分。

菜单栏

标题栏

文档选项卡

时间轴

舞台

控制面板

工具箱

4. 面板的基本操作 （1）打开面板

可以通过选择“窗口”菜单中的相应命令打开指定面板。 （2）关闭面板

在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可。 （3）折叠或展开面板

单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。 （4）移动面板

可以通过拖动标题栏左侧的控点 移动面板位置或者将固定面板移动为浮动面板。

模块四 Flash动画设计

授课教师：王月娥

1操作环境

1.1基础知识

FLASH是Adobe公司的一款多媒体矢量动画编辑软件，生成动画文件尺寸小，简单易学，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。

Flash动画创作流程：前期策划、准备素材、制作动画、后期调试、发布作品

1.2 Flash工作界面

1. Flash的安装 2. Flash的启动

开始/程序/Macromedia / Macromedia Flash 8 3.Flash的工作界面

FLASH8.0的工作界面，主要有舞台，主工具栏，工具箱，时间轴，属性面板和多个控制面板等几个部分。

菜单栏

标题栏

文档选项卡

时间轴

舞台

控制面板

工具箱

4. 面板的基本操作 （1）打开面板

可以通过选择“窗口”菜单中的相应命令打开指定面板。 （2）关闭面板

在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可。 （3）折叠或展开面板

单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。 （4）移动面板

可以通过拖动标题栏左侧的控点 移动面板位置或者将固定面板移动为浮动面板。

机器人的代码,简单但可以避免你不挂科

Pushrmacrox,y,z,w
Pushx
Pushy
Pushz
Pushw
Endm
;堆栈顶数据弹出到寄存器宏定义
Poprmacrox,y,z,w
Popw
Popz
Popy
Popx
Endm
;定义堆栈段
Stacks segment
Dw 256 dup(?)
Stacks ends
;定义数据段
Datasegment
Robotdb7 ;机器人由7和符号组成
Db5ch,8eh,0,0 ;左手，字符属性，行偏移，列偏移
Db08h,06h,0,1 ;胸部，字符属性，行偏移，列偏移
Db2fh,8eh,0,1 ;右手，字符属性，行偏移，列偏移
Db0dbh,0ah,1,-1 ;腹部，字符属性，行偏移，列偏移
Db13h,7h,1,0 ;两腿，字符属性，行偏移，列偏移
Db02h,84h,-3,0 ;面部，字符属性，行偏移，列偏移
Db22h,94h,-1,0 ;天线，字符属性，行偏移，列偏移
Countdw0 ;保存字符个数
Pointerdw0

二维动画设计——Flash案例教程

主编：郭晓俐

二维动画设计–––Flash案例教程

内容介绍

本书通过案例教学方式全面介绍Flash动画设计的基本方法和技巧。全书包括动画入门、基础案例、综合案例、课程设计四章内容，14个基础案例中包括绘图工具、文字工具、元件、库、滤镜、逐帧动画、补间动作动画、补间形状动画、ActionScript3.0脚本语言和组件的基础知识及使用方法。12个综合案例涵盖了Flash目前流行的网站、动漫、游戏、课件等典型的应用领域。每个案例按照任务布置——知识讲授——案例设计制作——技能拓展——案例小节的流程，以应用为中心，详细讲解Flash动画设计制作原理、技能，介绍各类作品设计特点和制作思路，培养设计制作二维动画作品的能力。课程设计中通过10类选题，指导学生进行Flash项目制作，进一步巩固提高动画制作技能，培养创新能力和团队协作意识。

本书结构编排合理，图文并茂，精选案例，主要针对应用型本科学生编写，适用于相关专业动画制作类课程教材，亦可作为高职高专动画专业教材。

二维动画设计–––Flash案例教程

前言

1.本书内容介绍

本书采用案例教学法，以任务驱动、启发、引导模式，传授Flash动画制作知识、方法，提高学生实践能力和创新能力

影视动画设计基础学什么？

影视动画设计基础学什么？对于影视动画设计来说基础课程有哪些？影视动画培训是怎么样的？影视动画设计的前景如何？以下由武汉四维梦工场动漫游戏学院整理，其培养影视动画与游戏设计人才的高端职业技能学校，一直以来以实际项目案例教学，注重培养学生的实践能力和综合素质。

影视动画培训是指美术基础、动画造型设计、游戏角色创作、游戏场景设计、剧本创作、电脑二维动画、电脑三维动画、动画运动规律、影视后期编辑与制作、影视语言、摄影艺术、动画导演技巧、影视动画概论、动画市场、动画表演、动画服装等方面的课程培训。

影视动画培训以影视动画制作流程为主线，系统的学习模型、材质、灯光、骨骼设置、动画、特效、后期合成等模块，并以实战项目为例，进行全面系统的专业训练，以实践其应用为主要学习目的，有针对性的培养适合各种专业公司的模型师、材质灯光师、渲染师、高级动画师等。

影视动画行业发展的速度很快，是文化产业的重要组成部分。电视广告、动画片、电影电视剧中经常能看到影视动画技术的影子。比如《功夫熊猫》、《阿凡达》这些着名的电影都应用到了相关技术。

影视动画设计前景怎么样？

在广告、影视、游戏等行业中影视动画技术人