CN101751693B - 一种3d互动用户手册制作方法 - Google Patents
一种3d互动用户手册制作方法 Download PDFInfo
- Publication number
- CN101751693B CN101751693B CN 201010300724 CN201010300724A CN101751693B CN 101751693 B CN101751693 B CN 101751693B CN 201010300724 CN201010300724 CN 201010300724 CN 201010300724 A CN201010300724 A CN 201010300724A CN 101751693 B CN101751693 B CN 101751693B
- Authority
- CN
- China
- Prior art keywords
- animation
- flash
- product
- script
- text
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种3D互动用户手册制作方法,是一种用于网络的计算机电处理方法,是一种在网络是上传输的带有3D动画的用户手册的制作方法。本发明所述方法的步骤如下:整体构思的步骤;3D视频建立的步骤;Flash动画制作的步骤;文本脚本制作的步骤;合成的步骤。本发明所述方法相比传统的单一的使用2D或3D方式制作用户手册的方法,整合2D、3D各自的优势,充分利用二者的相关功能,用最轻量化的方式完美体现3D流畅动画。既解决了2D方式在产品展示及动画方面的平面、单一、失真的不足,又突破了3D动画及其他方式的庞大重量,成本高昂,不易传播的禁锢。
Description
技术领域
本发明涉及一种3D互动用户手册制作方法,是一种用于网络的计算机电处理方法,是一种在网络上传输的带有3D动画的可交互的用户手册的制作方法。
背景技术
传统的产品用户手册是纸面的,类似于一本书,与产品一起送到使用者手中。随着互联网的发达,人们不满足于纸面的用户手册,人们更喜欢在网络上直接获得用户手册。生产商也愿意在网络上发布自己产品的用户手册,方便使用者的同时,为自己的产品做广告。随着这种网络用户手册的发展,必然产生一些问题。一方面人们不再满足于简单的书面文档形式的用户手册,希望通过2D或者3D动画一目了然的解读产品的使用方法和复杂的操作过程。另一方面,生产商也希望通过最低的成本和最有效的网络资源在网络上发布自己的产品用户手册。如果完全用2D或者3D动画视频,由于缺乏互动,通常的效果也不好,实际制作成本也比较高。但如果使用互动的2D或者3D动画,类似于制作游戏,技术复杂,成本过高,文件体积过大不利于网络传输。
发明内容
本发明的目的是提出一种3D互动用户手册制作方法,所述方法利用3D、2D结合的方式,把3D的完整模型图、流畅动画用2D的形式表现出来,实现用户互动操作,让用户清晰了解每一步操作的细节,真正意义上帮助用户学会使用甚至自助维护产品。
本发明的目的是这样实现的:一种3D互动用户手册制作方法,所述方法的步骤如下:
整体构思的步骤:用于对产品解读,并对产品需要描述的动作进行分解,进行文字描述和动画脚本的撰写;
3D视频建立的步骤:用于根据整体构思建立产品的虚拟3D模型,包括制作精确的外形和与说明有关的各个零部件的精确模型;
Flash动画制作的步骤:用于将3D模型的动作通过变幻,形成2D的Flash动画;
文本脚本制作的步骤:用于建立独立的文本模块,编辑动画的说明文字的文本;
合成的步骤:用于将动画与说明文字合成,并实现互动操作的连接,最终形成完整的3D互动用户手册;
所述的合成步骤包括:
3D动画转换为序列图:对于要求不是非常精确的动画,可以使用序列图片替代视频方式,以有效的减小尺寸;
节选3D动画中的关键帧,导出序列图片,制作成关键帧,形成时间轴动画;
正反序的动画,重复利用相关图片,设置Flash反转帧即可达到只导入一次序列图的精简过程;
优化2D动画:
2D矢量动画:简单的、非机器部件操作层面的一些动画,通过绘制矢量图,用Flash实现动画;
Flash模块化制作:
根据产品操作过程,分解为几大类动画步骤,据此在Flash中定义为不同模块,主场景通过调用这些模块实现整体动画;
相同、重复调用的动画定义为通用动画模块,形成独立模块;
利用Flash Action动态载入背景图和重复的静态展示图。
本发明产生的有益效果是:本发明所述方法相比传统的单一的使用2D或3D方式制作用户手册的方法,整合2D、3D各自的优势,充分利用二者的相关功能,用最轻量化的方式完美体现3D流畅动画。既解决了2D方式在产品展示及动画方面的平面、单一、失真的不足,又突破了3D动画及其他方式的庞大重量,成本高昂,不易传播的禁锢。
附图说明
下面结合附图和实施例对本发明作进一步说明。
图1是发明实施例一所述的方法的过程框图;
图2是发明实施例二所述的方法的过程框图;
图3是发明实施例三所述的方法的过程框图;
图4是发明实施例四所述的方法的过程框图。
具体实施方式
实施例一:
本实施例是一种3D互动用户手册制作方法,过程框图如图1所示。本实施所述方法的步骤如下:
整体构思的步骤:用于对产品解读,并对产品需要描述的动作进行分解,进行文字描述和动画脚本的撰写。要制作一个详尽、便于使用的用户手册,首先必须十分了解用户手册所要说明的产品,对要说明的所有内容了如指掌。通读产品设计手册,熟知产品操作过程及故障解决方法,撰写动画脚本,制定动画列表。本步骤需要全方位的解决性能力。必须熟知产品,充分了解动画原理,熟悉程序原理,及优秀的脚本撰写。后续动画都依此为据,因此,非常关键。
3D视频建立的步骤:用于根据整体构思建立产品的虚拟3D模型,包括制作精确的外形和与说明有关的各个零部件的精确模型。运用Autodesk Maya和Autodesk 3D Max或其他工业设计软件来建立虚拟的产品模型。该虚拟产品模型的各部分尺寸完全按照产品生产图纸的尺寸建构,在虚拟空间中的模型与真实的产品一样大小,所有细节与真实产品完全一样。零部件建构完成后需要对各个零部件赋予材质,这样看起来才感觉像真实的产品一样,同时设置灯光,按照真实产品在拍摄样品展示照片的场景安排灯光,使渲染后的图片像真实的产品展示。然而在多数情况下产品的3D模型是现成,可以直接利用在产品设计过程中所构建的虚拟模型。使用这样的虚拟模型需要对该模型进行简化,将多余的与说明无关的部分去掉,产生一个简化的虚拟模型。
Flash动画制作的步骤:用于将3D模型的动作通过变幻,形成2D的Flash动画。3D动画的尺寸庞大,不利于在网络上传播,需要借助2D动画的方式解决,即用2D载入3D的序列动画,再利用Flash的模块化操作方式,辅以其他解决方式,组合成型。可以使用的2D软件为:Adobe Flash。
文本脚本制作的步骤:用于建立独立的文本模块,编辑动画的说明文字的文本。说明文字的文本可以使用XML语言编制。文件中所有的文本都是动态调用的,即文本不用嵌入到Flash文件中,不占用Flash文件的空间。通过Flash Action Scrip定义的变量名来调用XML文件中对应的文本属性来实现动画的动态文本显示。整体动画中涉及到文本占用的重量,只是XML文件的尺寸,而XML文件的尺寸通常只有几K,极大的节省了空间,实现了文件的轻量化。
合成的步骤:用于将动画与说明文字合成,并实现互动操作的连接,最终形成完整的3D互动用户手册。
本实施例通过以下方式使整个用户手册的文件轻量化。
本实施例严格选取动画需求层面的部件,删除其他与动画展示无关的内部组件及其他不可见部分,充分降低模型的复杂性和“重量”。
本实施例采用一些压缩软件来压缩视频文件的尺寸:
3D视频压缩:3D动画视频虽然能实现优美流畅的动态效果,但尺寸庞大,不利于快速传播,因此也限制了它的使用范围。可以采用专业的压缩过程来缩小尺寸。
3D导出Quicktime MOV3 或AVI
使用Flash Video Encoder4压缩技术压缩MOV或AVI文件
MOV/AVI 转换为Flash视频格式:FLV文件,为压缩后的版本创建新的Flash文件加入动作和帧标签,以此形成互动动画。
通过这三步动作,视频文件基本能减至原大小的1/5。
3D动画转换为序列图:对于要求不是非常精确的动画,可以使用序列图片替代视频方式,能非常有效的减小尺寸。
节选3D动画中的关键帧,导出序列图片,用图片连动方式形成视觉意义上的动画:
在Flash中对图片进行精度压缩,减小尺寸,然后制作成关键帧,形成时间轴动画。这步动作通常图片尺寸会精减为原尺寸的1/3或以上。
正反序的动画(例如从小的全局图到大的局部图的展示,展示完毕后再回到全局图,此为正反序动画),可以重复利用相关图片,设置Flash反转帧即可达到只导入一次序列图的精简过程。
2D动画:
2D矢量动画:简单的、非机器部件操作层面的一些动画,可以通过绘制矢量图,用Flash实现动画。矢量图的超小尺寸更大程度满足了整体文件尺寸精小的要求。
Flash模块化制作:
根据产品操作过程,分解为几大类动画步骤,据此在Flash中定义为不同模块,主场景通过调用这些模块实现整体动画。这个步骤的明显优势在于文件载入时是分模块载入的,不用在初始阶段就载入全部文件,有效避免网上传播时速度的缓慢。
相同步骤、重复调用的动画定义为通用动画模块,形成独立模块,有效避免了相同元素的累加性的重量。
利用Flash Action动态载入背景图和重复的静态展示图,类似于上述通用动画模块概念,不管背景图在动画中重复了多少次,它的占用空间始终只有一张图片的尺寸。同样避免了累加性的重量。
实施例二:
本实施例是实施例一的改进,是实施例一关于整体构思的步骤的细化,过程框图如图2所示。本实施例所述的整体构思的步骤包括如下子步骤:
产品解读:用于详细了解产品特性,熟知产品操作方法。脚本撰写人员通读产品设计手册,详细了解产品特性,熟知产品操作方法。
动作分解:用于根据说明需求,制定动画步骤。根据用户使用需求,详细分解动画步骤,以指导后述动画制作。
文字撰写:用于针对每一步详细的动画,增加解说性文字,以指导用户明确操作。针对每一步详细的动画,增加解说性文字,以指导用户明确操作。这一部分的文字已经不是传统方式上的大量文字描述,有了直观的动态演示过程,可以省略累述,只需提炼精简文字,点晴指示即可。
动画脚本:用于整合前二步动作,再根据动画编制程序的需求,在脚本中标注规范变量、属性名称。整合前二步动作,再根据Flash Action Script的程序需求,在脚本中标注规范变量、属性等名称,指导程序人员完成规范代码编写。
实施例三:
本实施例是实施例二的改进,是实施例二关于3D建模的步骤细化,过程框图如图3所示。本实施例所述的3D建模的步骤包括如下子步骤:
3D虚拟模型毛坯建立:用于根据产品原型图纸,按照精准尺寸,建立细节与原型机一模一样的3D虚拟模型毛坯。完全遵照产品原型,精准尺寸,保证每个操作层面上的细节都跟原型机一模一样。
简化:用于精简非操作层面上的元件,修改3D虚拟模型无用复杂性结构,建立最终虚拟模型毛坯。精简非操作层面上的元件,减轻模型复杂性和“重量”,建立最终模型。3D模型的优势非常明显,因它是整个产品原形的精确模型,任何一个细节的修改均能完整体现到整体模型,非常利于产品更新,迅速全面支持后续的动画流程。
材质灯光制作:用于对3D虚拟模型毛坯的各个零件赋予相应的材质,并根据现实环境设置灯光效果,形成3D虚拟模型。使用3D虚拟模型制作软件专长的材质、灯光等功效,会让模型在场景中更加栩栩如生,清晰美观。
3D动画制作:用于根据需要以各个角度展示3D虚拟模型,并制作每个操作环节流畅的3D动画演示,制成3D动画视频。3D模型各个角度的展示,每个操作环节流畅的动画演示,是传统方式以及2D方式无法比拟的。根据动画脚本,建立分步动画,实现模拟过程演示。
实施例四:
本实施例是实施例三的改进,是实施例三关于根据Flash动画制作的步骤细化,过程框图如图4所示。本实施例所述的Flash动画制作的步骤包括如下子步骤:
2D动画制作:用于绘制简单动作的平面矢量图片。简单的动画,例如非机器部件操作的一些动画,通过绘制平面矢量元素,用Flash实现动画,以避免3D形式动画的过重。
3D序列图片导出:用于节选3D动画视频的关键帧,通过关键帧导出序列图片。3D动画视频虽然能实现优美流畅的动态效果,但尺寸庞大,不利于快速传播,所以,节选其中的关键帧,导出序列图片,以备于Flash动画实现。
动画合成:用于使用编程语言编写图片放映程序,动态导入背景图成动画片。利用编程语言,例如:Flash Action Script,编写程序,动态导入背景图和显示文本,加入用户互动操作环节,合成动画。这一步的关键在于重复的背景图不在Flash中重复导入,只是通过程序动态调用外部图片,不管背景图在动画中重复了多少次,文件中背景图的占用空间始终只有一张图片的尺寸。动态文本的概念相同,所有的文本是在XML文件中调用的,不再占用Flash文件的空间。
实施例五:
本实施例是实施例四的改进,是实施例四关于编程语言的细化。本实施例所述的编程语言是Flash Action Script。
实施例六:
本实施例是上述实施例的改进,是上述实施例关于文本脚本编写语言的细化。本实施例所述的文本脚本使用XML语言编写。
动画中所有出现的文本文字,都是在XML中撰写的,通过Flash Action Scrip定义的变量名来调用XML文件中对应的文本属性,来实现动画的文本显示。
这样做的显著优势在于建立了独立的文本模块,所有文字操作均在XML中即可完成。后续相对于文本的更新修改、语种更换均不涉及动画文件修改,只需在XML中操作即可,Flash动画在演示时会自动更新XML中更改部分,非常便捷迅速。
本发明说明书中的一些词的意义:
Flash Action Script:Action Script是指Flash的动作脚本语言,是给予flash动态控制内部mc的一种编程语言。Action Script同样拥有语法、变量、函数等,与JavaScript类似,它也由许多行语句代码组成,每行语句又是一些命令、运算符、分号等组成。它的结构与C/C++或者Java等高级编程语言相似。正是由于Flash拥有了Action Script,才能使创作出来的动画具有很强的交互性和功能性。在简单的动画中,Flash按顺序播放动画中的场景和帧,而在交互动画中,用户可以使用键盘或鼠标与动画交互,也可实现复杂的功能,大大增强了Flash动画的魅力。
XML:eXtensible Markup Language;
Quicktime MOV:Quicktime MOV是一种视频格式;
Flash Video Encoder:是一套商业的视频编码器,它可以把视频文件转换为网络流行的.FLV文件。(FLV 格式可使您轻松地采用一种几乎所有人都可以使用 Flash Player 查看的格式,将视频合并到网页或 Flash 文档中。)
最后应说明的是,以上仅用以说明本发明的技术方案而非限制,尽管参照较佳布置方案对本发明进行了详细说明,本领域的普通技术人员应当理解,可以对本发明的技术方案(比如编写语言的使用、步骤的先后顺序、过程的安排等)进行修改或者等同替换,而不脱离本发明技术方案的精神和范围。
Claims (5)
1.一种3D互动用户手册制作方法,所述方法的步骤:
整体构思的步骤:用于对产品解读,并对产品需要描述的动作进行分解,进行文字描述和动画脚本的撰写;
3D视频建立的步骤:用于根据整体构思建立产品的虚拟3D模型,包括制作精确的外形和与说明有关的各个零部件的精确模型;
Flash动画制作的步骤:用于将3D模型的动作通过变换,形成2D的Flash动画;
文本脚本制作的步骤:用于建立独立的文本模块,编辑动画的说明文字的文本;
合成的步骤:用于将动画与说明文字合成,并实现互动操作的连接,最终形成完整的3D互动用户手册;
其特征在于:
所述的Flash动画制作的步骤中用2D载入3D的序列动画,再利用Flash的模块化操作方式组合成型;
所述的合成步骤包括:
3D动画转换为序列图:对于要求不是非常精确的动画,使用序列图片替代视频方式,以有效的减小尺寸;
节选3D动画中的关键帧,导出序列图片,制作成关键帧,形成时间轴动画;
正反序的动画,重复利用相关图片,设置Flash反转帧即可达到只导入一次序列图的精简过程;
优化2D动画:
2D矢量动画:简单的、非机器部件操作层面的一些动画,通过绘制矢量图,用Flash实现动画;
Flash模块化制作:
根据产品操作过程,分解为几大类动画步骤,据此在Flash中定义为不同模块,主场景通过调用这些模块实现整体动画;
相同、重复调用的动画定义为通用动画模块,形成独立模块;
利用Flash Action动态载入背景图和重复的静态展示图。
2.根据权利要求1所述的方法,其特征在于所述的整体构思的步骤包括如下子步骤:
产品解读:用于详细了解产品特性,熟知产品操作方法;
动作分解:用于根据说明需求,制定动画步骤;
文字撰写:用于针对每一步详细的动画,增加解说性文字,以指导用户明确操作;
动画脚本:用于整合前二步动作,再根据动画编制程序的需求,在脚本中标注规范变量、属性名称。
3.根据权利要求2所述的方法,其特征在于所述的3D视频建立的步骤包括如下子步骤:
3D虚拟模型毛坯建立:用于根据产品原型图纸,按照精准尺寸,建立细节与原型机一模一样的3D虚拟模型毛坯;
简化:用于精简非操作层面上的元件,修改3D虚拟模型无用复杂性结构,建立最终虚拟模型毛坯;
材质灯光制作:用于对3D虚拟模型毛坯的各个零件赋予相应的材质,并根据现实环境设置灯光效果,形成3D虚拟模型;
3D动画制作:用于根据需要以各个角度展示3D虚拟模型,并制作每个操作环节流畅的3D动画演示,制成3D动画视频。
4.根据权利要求3所述的方法,其特征在于,编程语言是Flash Action Script。
5.根据权利要求1或4所述的方法,其特征在于,所述的文本脚本使用XML语言编写。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 201010300724 CN101751693B (zh) | 2010-01-26 | 2010-01-26 | 一种3d互动用户手册制作方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 201010300724 CN101751693B (zh) | 2010-01-26 | 2010-01-26 | 一种3d互动用户手册制作方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN101751693A CN101751693A (zh) | 2010-06-23 |
CN101751693B true CN101751693B (zh) | 2013-04-10 |
Family
ID=42478631
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN 201010300724 Active CN101751693B (zh) | 2010-01-26 | 2010-01-26 | 一种3d互动用户手册制作方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN101751693B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102833490A (zh) * | 2011-06-15 | 2012-12-19 | 新诺亚舟科技(深圳)有限公司 | 一种互动视频的编辑播放方法、系统及电子学习设备 |
CN103578126A (zh) * | 2012-08-09 | 2014-02-12 | 福州福昕软件开发有限公司北京分公司 | 一种将gif图片转换到pdf文档后动态显示图片的方法 |
CN103208131A (zh) * | 2012-08-28 | 2013-07-17 | 北京中盈高科信息技术有限公司 | 一种三维动画的制作、播放、修改方法和电子终端 |
GB201505049D0 (en) * | 2015-03-25 | 2015-05-06 | Phm Associates Ltd | Video guide system |
CN104732593B (zh) * | 2015-03-27 | 2018-04-27 | 厦门幻世网络科技有限公司 | 一种基于移动终端的3d动画编辑方法 |
CN106709971A (zh) * | 2015-11-12 | 2017-05-24 | 中兴通讯股份有限公司 | 一种操作指南制作方法、装置及终端 |
CN106157362A (zh) * | 2016-06-30 | 2016-11-23 | 宇龙计算机通信科技(深圳)有限公司 | 一种产品说明书的虚拟展示方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1869973A (zh) * | 2005-05-27 | 2006-11-29 | 国际商业机器公司 | 生成文档的方法和系统 |
CN1959680A (zh) * | 2005-11-02 | 2007-05-09 | 阿尔斯通运输公司 | 用于创建手册的方法和系统 |
CN1959681A (zh) * | 2005-11-02 | 2007-05-09 | 阿尔斯通运输公司 | 生成技术手册的方法和系统 |
-
2010
- 2010-01-26 CN CN 201010300724 patent/CN101751693B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1869973A (zh) * | 2005-05-27 | 2006-11-29 | 国际商业机器公司 | 生成文档的方法和系统 |
CN1959680A (zh) * | 2005-11-02 | 2007-05-09 | 阿尔斯通运输公司 | 用于创建手册的方法和系统 |
CN1959681A (zh) * | 2005-11-02 | 2007-05-09 | 阿尔斯通运输公司 | 生成技术手册的方法和系统 |
Non-Patent Citations (2)
Title |
---|
SolidWorks.浅谈3DVIA Composer的功能与特点.《制造业信息化门户网》.2009,1-4. |
浅谈3DVIA Composer的功能与特点;SolidWorks;《制造业信息化门户网》;20091103;第1页第二节第3段,图1-图4,第3页第3段第2行,第3页最后一行 * |
Also Published As
Publication number | Publication date |
---|---|
CN101751693A (zh) | 2010-06-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101751693B (zh) | 一种3d互动用户手册制作方法 | |
Ashbrook et al. | Towards augmented fabrication: Combining fabricated and existing objects | |
CN111324334B (zh) | 一种基于叙事油画作品开发虚拟现实体验系统的设计方法 | |
CN107248185A (zh) | 一种虚拟仿真偶像实时直播方法及系统 | |
KR20090003445A (ko) | 가상현실 기법을 이용한 온라인 아동 학습 서비스 장치 및그 서비스 방법 | |
Li et al. | Design and implementation of traditional kite art platform based on human-computer interaction and WebAR technology | |
Guan et al. | Visual communication design using machine vision and digital media communication technology | |
Shen et al. | A low-cost mobile vr walkthrough system for displaying multimedia works based on unity3d | |
CN105701235A (zh) | 一种基于逆向反演的交互式网页动画设计方法 | |
Sylaiou et al. | Use of XR technologies for fostering visitors' experience and inclusion at industrial museums | |
Sun | Research on the application of 3D animation special effects in animated films: taking the film avatar as an example | |
Tunalı | Resonant field: a critical analysis of user interface design in digital media | |
Oppermann et al. | Introduction to this special issue on smart glasses | |
KR20150085869A (ko) | 계층형 구조 및 타임라인을 이용한 앱북 빌더 시스템 | |
Liu et al. | Research on the computer case design of 3D human animation visual experience | |
Ghaziasgar | The use of mobile phones as service-delivery devices in sign language machine translation system | |
Yao | The Influence of Digital Media Art on Animation Design | |
Misi et al. | Interfaces Between Don Idhe, Merleau-Ponty, and Gretchen Schiller´ s Embodiment Concepts Applied to Mediadance | |
Clements | COMPUTER GRAPHICS AND ANIMATION | |
Zhu et al. | Application of VRML in Distance Vocational Education | |
Kang et al. | Application and research of 3D modeling technology in table tennis forehand action | |
Chan | The Application of Virtual Reality Technology in Film and Television Animation Design in the New Media Age | |
Ding et al. | Research on the Key Technology of Augmented Reality Technology in the Application and Development of Children's Plant Science Popularization Education | |
Wang et al. | Computer Aided Animation Art Design and Production Based on Virtual Reality Technology | |
Shih et al. | Study on the communication process between the designer and the owner of a Web-based model simulation system |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |