CN101447090A - 动画的图片编辑方法 - Google Patents

Abstract

一种动画的图片编辑方法，利用计算机的绘图引擎编辑图片，该方法包括：在计算机的一数据库中读出用来组合造型图样的多个组件的数据，这些组件的数据指每一组件的形状、颜色、灰阶值及坐标偏移量等，绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，得到每一组件在图片中的位置，绘图引擎根据参考视角决定每一组件在图片中的组合关系，绘图引擎根据每一组件的形状、颜色、灰阶值及在图片中的位置及组合关系等来组合该多个组件以完成所述造型图样的图片。

Description

动画的图片编辑方法

技术领域

本发明涉及一种动画的图片编辑方法，特别是关于一种由多个组件组合成为一种造型图样的动画的图片编辑方法。

背景技术

计算机动画是计算机图形技术和艺术相结合的产物，提供了人们一个充分展示个人想象力和艺术才能的新天地。目前，计算机动画已经广泛应用于影视特技、商业广告、游戏、计算机辅助教育等领域。随着计算机硬件及动画软件的迅速发展，以及越来越多的研究机构及商业机构加入到计算机动画领域，计算机动画的制作水平也随之日新月异。

图1为公知技术的动画制作示意图。图1表示一个人从图的左边坐在椅子上的动作到图的右边离开椅子站立的连续动作，从椅子起身站立的动作是由四个分解动作的图片构成的。四个分解动作的图片是单独绘制成四帧(frame)图片，再依序连续播放这四帧图片从而形成从椅子起身站立的动画。

由上可知，一个动画是由数帧具有分解动作的图片依序连续播放来完成，而每帧图片需采用人工绘制方式逐一完成，这种绘制方式将耗费许多人力及时间。另外，像播放游戏软件的动画，一般必须事先绘制完成并将各种动作图片的数据储存到硬盘等存储装置中，但是在以动画方式播放这些储存在存储装置内的图片时，由于配合游戏的需要仅有一小部分储存的图片会被播放，但仍旧需要大量的图片数据以供备用，如此大量的图片数据将增加计算机存储装置容量的负担。

有时为了简化动画绘制，会将已绘制完成的数帧图片合成为一帧图片，再将合成后的图片播放出来。在图片合成的过程中，图片中对象重叠的部分对于颜色的处理是将各对象的颜色以叠色的方式计算出叠色后的颜色，而这种叠色后的颜色就是各对象重叠部分的颜色。但这种叠色方式所产生的颜色会有混沌暗沉的问题，造成颜色失真的现象。

发明内容

本发明的目的在于提供一种动画的图片编辑方法，利用组件来组合图样的方式来完成一帧图片，以节省人工绘制的人力及时间；另外，只需绘制需要播放动画的数帧图片，不需绘制不播放动画的图片，以减轻计算机存储装置容量的负担；并且，图片中对象重叠部分的颜色处理是采用换色方式，以解决因叠色方式所产生的颜色失真问题。

本发明的第一实施例，提供了一种动画的图片编辑方法，利用计算机的绘图引擎编辑造型图样的多帧分解动作的图片，该图片编辑方法包括下列步骤：首先，选定一个参考视角；接着，设定图片的参考坐标；然后，在该计算机的一个数据库中读出用以组合该造型图样的多个组件的数据，这些组件的数据为每一组件的形状、颜色、灰阶值及坐标偏移量等；其次，由该绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，以得到每一组件在图片中的位置；再次，由该绘图引擎根据该参考视角决定每一组件在图片中的组合关系；以及，由该绘图引擎根据每一组件的形状、颜色、灰阶值及在图片中的位置及组合关系等来组合该多个组件以完成该造型图样的图片。

在第一实施例中，图片编辑方法还包括下列步骤：由绘图引擎根据每一组件的颜色及灰阶值产生每一组件的具有明暗度的颜色。

在第一实施例的图片编辑方法中，建立一个颜色选单，用于设定组件的颜色，由该绘图引擎根据组件的颜色及灰阶值，使组件产生具有明暗度的颜色。

在第一实施例的图片编辑方法中，在数据库中建立具有明暗度的各种颜色的色标，由该绘图引擎根据组件的颜色及灰阶值在数据库中读出相应的色标，使组件依照此色标产生具有明暗度的颜色。

在第一实施例的图片编辑方法中，还包含下列步骤：建立一个组件选单，以选定用来组合该造型图样的组件。

在第一实施例的图片编辑方法中，由该组件选单选定欲附加在该造型图样上的组件，其组件的数据为组件的形状、颜色、灰阶值及坐标偏移量等；接着，由该绘图引擎计算所选定的组件的坐标偏移量及图片的参考坐标，以得到所选定的组件在该造型图样中的位置；以及，由该绘图引擎计算所选定组件的颜色及灰阶值，以产生所选定组件的具有明暗度的颜色。

在第一实施例中，图片编辑方法还包含下列步骤：首先，建立一个动画数据选单；接着，对应该动画数据选单中的每一动画，在该数据库中建立此动画的每一分解动作图片的数据，此图片的数据包含该参考视角、图片的参考坐标及用来组合对应该造型图样的当前分解动作等组件的数据，这些组件的数据为每一组件的形状、颜色、灰阶值及坐标偏移量等；然后，由该绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，以得到每一组件在图片中的位置；再次，由该绘图引擎根据图片的参考视角决定每一组件在图片中的组合关系；以及，由该绘图引擎根据每一组件的形状、颜色、灰阶值、在图片中的位置及组合关系等来组合完成对应每一分解动作的造型图样的图片。

在第一实施例中，图片编辑方法还包含下列步骤：由一个编辑预览窗口播放该造型图样的多帧分解动作的图片。

在第一实施例的图片编辑方法中，每一组件都是以像素(pixel)为单位来绘制。

在第一实施例的图片编辑方法中，每一组件是一张图层，根据每一组件的组合关系依序地层叠每一组件而成为该图片。

在本发明第二实施例中，提供了一种动画的图片编辑方法，是利用服务器的绘图引擎编辑一种造型图样的多帧分解动作的图片，该图片编辑方法包括下列步骤：首先，在该服务器的数据库中建立与该计算机的数据库中该造型图样所要编辑成动画的分解动作的多帧图片的相同数据，此图片的数据包含该参考视角、图片的参考坐标及用以组合对应该造型图样的当前分解动作多个组件的数据，这些组件的数据为每一组件的形状、颜色、灰阶值及坐标偏移量等；接着，计算机将该造型图样的数据、组件选单中所选定组件的数据、颜色选单中所选定颜色的数据及动画数据选单中所选定动画的数据中的至少一个通过网络传送至服务器；其次，服务器根据计算机所传送的数据在服务器的数据库中读取出相同的数据；接着，由绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，以得到每一组件在图片中的位置；然后，由绘图引擎根据图片的参考视角决定每一组件在图片中的组合关系；再次，由绘图引擎根据每一组件的形状、颜色、灰阶值、在图片中的位置及组合关系等组合完成对应每一分解动作的造型图样的图片；接着，将对应每一分解动作的图片所组合完成的动画数据存放在服务器指定的位置，并由服务器生成对应此位置的网址；其次，服务器通过网络传送该网址至计算机；以及，由计算机通过网络利用浏览器或浏览工具软件根据该网址浏览在该服务器上所存放的动画，此动画与造型图样所选定的动画相同。

在第二实施例的图片编辑方法中，在数据库中建立具有明暗度的各种颜色的色标，由该绘图引擎根据组件的颜色及灰阶值在数据库中读出相对应的色标，使组件依照此色标产生具有明暗度的颜色。

在第二实施例的图片编辑方法中，每一组件都是以像素为单位来绘制。

在第二实施例的图片编辑方法中，每一组件都是一张图层，根据每一组件的组合关系依序地层叠每一组件而成为该图片。

附图说明

图1为公知技术的动画制作的示意图；

图2为本发明第一实施例的动画编辑方法的流程图；

图3为本发明第一实施例的图片中人偶造型的编辑画面的示意图；

图4为本发明第一实施例人偶造型的图片编辑方法的流程图；

图5为本发明第一实施例由八个视角观看人偶造型的示意图；

图6为本发明第一实施例依序选出每一组件来组成人偶造型的示意图；

图7为本发明第一实施例在造型图样附加组件的示意图；

图8为本发明第一实施例在造型图样附加组件的示意图；

图9为本发明第一实施例在造型图样附加组件的示意图；

图10为本发明第一实施例由八个视角观看具有造型的人偶造型的示意图；

图11为本发明第一实施例人偶造型的动画编辑画面的示意图；

图12为本发明第一实施例的动画建立的流程图；

图13A为本发明第一实施例人偶造型对应每一动作的手臂及手的组件的示意图；

图13B为本发明第一实施例具有造型的人偶造型对应每一动作的手臂及手的组件的示意图；

图14A为本发明第一实施例说明人偶造型产生跳跃动作的图片编辑方法的示意图；

图14B为本发明第一实施例说明人偶造型产生跳跃动作的图片编辑方法的示意图；

图14C为本发明第一实施例说明人偶造型产生花束向上拿动作的图片编辑方法的示意图；

图15为本发明第二实施例的动画编辑方法的流程图。

主要组件符号说明

30    编辑画面

32    组件选单

33    动画数据选单

34    颜色选单

36    编辑预览窗口

37    组件

38    人偶造型

具体实施方式

下面参考附图来说明本发明的较佳实施例。

为了清楚地了解本发明的特征，先说明部分名词的定义，以方便阅读本发明以下所述的各个实施例。

「像素」：构成计算机所显示的点的单位。

「灰阶值」：表示像素的明暗效果的数值，例如为亮白、浅灰、深灰或暗黑等对应的数值。

「色标」：表示具有明暗效果的颜色，即一种颜色对应不同的灰阶值而产生出不同明暗度的颜色，例如亮黄、浅黄、深黄或暗黄等。

「组件」：将造型图样以关节为切割点来分成各个组件，例如人物图样的头、手、手腕、臀部等。以像素为单位绘制组件，并且按照各个组件的灰阶值填入各自的明暗度，以形成三维效果的组件图。

「图层」：包含有一个组件或特效的图样，图样边缘以外的范围为透明，类似一般在透明片中绘制图样的方式。

「图片」：由多张图层按照预先编辑指定的顺序，由下而上(即最下层至最上层)堆叠合成，由上方的图层盖住下方图层的不透明且重叠的部分，然后由各个组件的多张图层组合成一帧造型图样的图片。

「动画数据」：由多帧图片连续播放而组成。例如有01-08的八帧已编号的造型图样的图片，以每帧图片为0.12秒的速度播放，以错觉原理让人看到彷佛是动画。将这些编号所使用的图片(图片中包含图层及组件，组件中的明暗与色标数据)及秒数以数据的方式记录在数据库中。

「动画」：由动画数据所组成，依据所记录的动画数据读出组成动画的每帧图片，并依据所指定的时间差快速播放，以形成动画效果。

本发明以下所述的各个实施例造型图样的各个组件是使用一种像素画(pixel arts)计算机绘图的绘图方式，像素画的单位为像素(pixel)，常应用于手机或个人数字助理(PDA)上所看到由点所构成的图像，如同瓷砖马赛克般一块一块地组合而成各组件。

这种绘图方式，在垂直或水平绘制时，由一点一点的像素连续地组成为直线；若为斜线或圆形绘制时，则由一点一点的像素所连续地组成的线条会呈现锯齿状。

如上所述，利用像素画计算机绘图所绘制的造型图样在手机或PDA的屏幕上会呈现出图案或图标的部分边缘有锯齿状线条。此种绘图方式所绘制的造型图样在手机或PDA的小型液晶屏幕上表现出更好的锐利明快的感觉。而本发明各实施例的参考附图中，造型图样的边缘出现像素锯齿状的线条，这是将造型图样直接放大所造成的结果。

图2为本发明第一实施例的动画编辑方法的流程图。第一实施例的动画图片编辑方法是利用计算机(未在图中标明)的绘图引擎编辑图片中的造型图样(本发明以下所述的实施例中的图片中造型图样是以人偶为例)的多帧分解动作的图片，再以连续播放该造型图样的多帧图片的方式来形成动画。

在图2中，首先编辑图片中人偶图样的造型图样(步骤S20)，如图3为本发明第一实施例图片中的人偶造型编辑画面的示意图，在计算机的编辑画面30中有一组件选单32、一颜色选单34及一编辑预览窗口36，可以选择组件选单32中的组件37以组合成编辑预览窗口36中的人偶造型38，而组件选单32中的每一组件37以图层的形式已预先建立于计算机的数据库(未在图中标明)中。对于人偶造型38的编辑方法可如图4示出的根据本发明第一实施例的人偶造型的图片编辑方法流程图。

在图4中，首先，选定一个参考视角(步骤S40)，其为选定在编辑预览窗口36中以何角度观看人偶造型38，如图5为本发明第一实施例由八个视角观看人偶造型的示意图。然而，本实施例所示的由八个视角来观看人偶造型38并非局限于本发明，可依动画设计者的设计来决定观看人偶造型38的视角的数目。

接着，将用来编辑人偶造型38的图片设定参考坐标(步骤S41)，使组成人偶造型38的每一组件37可依图片的参考坐标决定在图片中的位置。例如设定图片的中心点为参考坐标，组件37就可根据此图片的中心点来决定位置。

其次，在组件选单32中依序选出组成人偶造型38的每一组件37，如图6为本发明第一实施例的依序选出每一组件来组成人偶造型的示意图，其中，在组件选单32中所显示的每一组件37是相应于所选定的参考视角的组件37，并且为图层形式的组件37。

在图6中，在数据库中预先存放头、眼睛、嘴巴、身体、左手臂、左手、右手臂、右手、左腿及右腿的每一组件的数据，而在编辑预览窗口36中所预览的人偶造型是由绘图引擎直接编辑而成，不需编辑者再做人偶造型的编辑。

由图3中的组件选单32选择组件37时，从数据库中读出对应于所选择的组件37的数据，此组件37的数据为每一组件的形状、颜色、灰阶值及坐标偏移量等(步骤S42)。

接着，在图4中，由计算机的绘图引擎计算每一组件37的坐标偏移量及图片的参考坐标，得到每一组件37在图片中的位置(步骤S43)。例如上述以图片的中心点为参考坐标，组件37以左移或右移数个位移值，或者上移或下移数个位移值，绘图引擎根据中心点的参考坐标、移动方向及位移值便可计算出组件37在图片中的位置，如图3的编辑预览窗口36中的人偶造型所示。其中，组件37是以图层形式叠合于图片中。

然后，在图4中，绘图引擎根据每一组件37的颜色及灰阶值从数据库中读出相对应的色标，通过该色标对应每一组件的具有明暗度的颜色(步骤S44)。如图3所示，组件37的颜色可以在编辑画面30的颜色选单34挑选，所挑选的颜色设定为组件37的颜色，并根据已预先设定于该组件37的灰阶值，由绘图引擎据此在数据库中读出新的色标，使得组件37根据新的色标产生具有明暗度的所挑选的颜色。这种组件的颜色变换形式是以所挑选的颜色替换原来的颜色，所以不会产生颜色失真的情况。

其次，在图4中，由绘图引擎根据参考视角决定每一组件在图片中的组合关系(步骤S45)。如图5为根据本发明第一实施例所示，以右上方视角为例，绘图引擎定出各组件的上下层的图层关系如下：右手臂为最底层的组件、右手为次最底层的组件、依序组合组件的顺序为右腿、左腿臂、左腿、上身、头、眼睛及嘴巴等。各组件之间有重叠的部分，将上层图层的组件覆盖下层图层的组件的重叠部分。

再次，在图4中，由绘图引擎根据上述每一组件的形状、颜色、灰阶值及在图片中的位置及组合关系等组合，由每一组件组合完成在图3的编辑预览窗口36所示人偶造型38的图片(步骤S46)。

编辑完成人偶造型38的图片后，若要观看不同视角的人偶造型38，绘图引擎由数据库读出对应该视角的每一组件37，再通过上述编辑方法中的步骤S43至步骤S46组合完成不同视角人偶造型38的图片，如图5所示。

再次参考图2的流程图，根据编辑画面的组件选单中的组件编辑人偶造型的造型(步骤S22)。由每一组件37组合而成在图3的编辑预览窗口36所示的人偶造型38，其可再附加有创意造型的组件，而使人偶造型38的造型更具有创意或美感，如图7至9为本发明第一实施例在造型图样附加组件的示意图。图7至9中所附加的组件37是已预先建立在数据库中，可由图片编辑者任意地选取。图7至9中所示的组件37为图层形式。

在图7中，选择组件选单32中的草莓头作为图3的人偶造型38头饰的组件37，而草莓头的组件37与人偶造型38的组合方法是依图4的步骤S42至步骤S46来组合完成的。

在图2中，根据编辑画面的颜色选单中的颜色设定人偶造型的颜色(步骤S24)。在图8中，选择组件选单32中的拉拉队衣服与鞋子作为图7的人偶造型38的上身与左右腿的组件37，而拉拉队衣服与鞋子的组件37与人偶造型38的组合方法是同样依图4的步骤S42至步骤S46来组合完成的。

本发明是以颜色的换色方式来取代公知技术的叠色方式，即动画编辑者在任意更改组件的颜色时，如在颜色选单34中任意选择一个颜色以变换拉拉队衣服预先设定的颜色，由绘图引擎根据所选定的颜色与拉拉队衣服的组件37的灰阶值在数据库中读出相对应的新的色标，并依新的色标产生出具有明暗度的新的颜色以取代原来的颜色，而使拉拉队衣服原来的颜色换色为所选择的颜色。

在图9中，选择组件选单32中的仙女棒作为附加于图8的人偶造型38的右手的组件37，而仙女棒的组件37与人偶造型38的组合方法是同样依图4的步骤S42至步骤S46组合的。如图3、图7～9等各图所示，通过上述流程图所说明的步骤来完成一帧具有一造型的人偶造型的图片。

编辑完成一帧具有一造型的人偶造型38的图片后，若要观看不同视角的人偶造型38(包含附加的组件)，绘图引擎由数据库读出相应的该视角的每一组件37，例如图10为本发明第一实施例的由八个视角观看具有一造型的人偶造型的示意图，再通过上述图4编辑方法的步骤S43至步骤S46来组合完成不同视角的具有一造型的人偶造型38图片。

再次参考图2，在图11示出的根据本发明第一实施例的人偶造型的动画编辑画面示意图中，可在编辑画面30的动画数据选单33中选定人偶造型的动画(步骤S26)。编辑人偶造型的动画编辑方法可如图12示出的根据本发明第一实施例的动画建立的流程图。

在图12中，首先在数据库中建立一个动画数据选单33(步骤S1200)，并将该动画资料选单33显示于图11的编辑画面30中，以供图片编辑者选用。

接着，对应动画数据选单33中的每一动画，在数据库中建立此动画的每一分解动作的图片的数据，此图片的数据包含参考视角、图片的参考坐标及用以组合对应该造型图样的当前分解动作的这些组件的数据(步骤S1202)。

如图13A所示的本发明第一实施例的人偶造型对应每一动作的手臂及手的组件的示意图，人偶造型在组合数据库中有不同形状的手臂及手的组件，以组成通过手臂及手产生不同动作的人偶造型。

当人偶造型在附加有其它组件的造型时，如图13B所示的本发明第一实施例的具有一造型的人偶造型对应每一动作的手臂及手的组件的示意图，同样地该人偶造型在组合数据库中有不同形状的手臂及手的组件，以组成由手臂及手来产生不同动作的人偶造型。

在数据库中建立的图13A及13B中的组件的数据同样为每一组件的形状、颜色及灰阶值及坐标偏移量等。

然后，由绘图引擎根据所选定的动画编辑数帧图片，而这些图片是人偶造型的分解动作的图片(步骤S1204)，如此，再由编辑预览窗口连续播放人偶造型的分解动作的数帧图片便可观看所选定的动画。

图14A和14B为本发明第一实施例说明人偶造型产生跳跃动作的图片编辑方法的示意图。在图14A中，由绘图引擎将向前平举动作的右手臂及右手的组件取代左图中人偶造型的下垂的右手臂及右手的组件，并将向前弯曲动作的右腿的组件取代左图中人偶造型的垂直向下动作的右腿的组件，以产生右图中右手臂向前平举及右腿向前弯曲的动作的人偶造型。在图14B中，由绘图引擎将向左平举动作的左手臂及左手的组件取代左图中人偶造型下垂的左手臂及左手的组件，并将向后弯曲动作的左腿的组件取代左图中人偶造型的垂直向下动作的左腿的组件，以产生右图中左手臂向左平举及左腿向后弯曲的动作的人偶造型。

图14A及14B中将对应所选定的动作的组件取代人偶造型的组件的编辑方法如同图4的步骤S42至步骤S46所描述，在此不再赘述。

然后，根据图2所示的流程图，由编辑预览窗口连续播放图14A左图与右图以及图14B右图的人偶造型的多帧分解动作的图片(步骤S28)，便可看到人偶造型的跳跃动作的动画。

同样地，在附加有特殊造型的人偶造型也可编辑动画，如图14C为本发明第一实施例说明人偶造型产生花束向上拿动作的图片编辑方法的示意图，由绘图引擎将向右平举动作的右手臂及右手的组件取代左图中人偶造型的下垂的右手臂及右手的组件，并将向上拿花束的组件取代左图中人偶造型的向前平拿花束的组件，以产生右图中右手臂向右平举的动作的人偶造型。

在图14C中将对应所选定动作的组件取代人偶造型的组件的编辑方法如同图4步骤S42至步骤S46所描述，在此不再赘述。

然后，再根据图2中所示的流程图，由编辑预览窗口连续播放图14C左图与右图的人偶造型的多帧分解动作的图片(步骤S28)，便可看到人偶造型向右上拿起花束的动画。

综上所述，根据本发明第一实施例，只要预先在数据库中建立组合造型图样的组件，产生动画的数帧图片是由绘图引擎以多个组件组合成造型图样的方式来分别完成，不需要以人工方式绘制动画的分解动作的各个图片，大大地节省人工绘制的人力及时间。

另外，在动画数据选单中任意选择造型图样的动画，只需由绘图引擎绘制所选择的动画的图片，不需绘制动画数据选单中未选择的其它动画图片，因此不需要制作大量的动画图片存放在计算机的存储装置内，可以减轻计算机存储装置容量的负担。

图15为本发明第二实施例的动画编辑方法的流程图。本实施例的动画编辑方法是利用服务器(未在图中标明)的绘图引擎编辑人偶造型及其动画。

在图15第二实施例的动画编辑方法的流程图中，首先在服务器的数据库中建立与计算机的数据库中相同的数据，这些数据是人偶造型所要编辑成动画的分解动作的图片的数据(步骤S1500)。这些图片的数据包含参考视角、图片的参考坐标及用来组合对应造型图样的当前分解动作的多个组件的数据，这些组件的数据包括每一组件的形状、颜色及灰阶值及坐标偏移量等。

接着，参考第一实施例，将计算机的编辑画面的编辑预览窗口中人偶造型的数据、组件选单中所选定组件的数据、颜色选单中所选定颜色的数据及动画数据选单中选定人偶造型的动画的数据中的至少一个通过网络传送至服务器(步骤S1502)。

服务器根据上述计算机传送的数据，在服务器的数据库中读取出相同的数据(步骤S1504)。服务器根据所读取出的数据进行图片编辑(步骤S1506)。其中，利用服务器的绘图引擎来编辑人偶造型的图片编辑方法是根据上述第一实施例的图4的步骤S40至步骤S46的描述来完成的。

在第二实施例中，当服务器根据所传送的组件的数据将所选定组件附加于人偶造型上时，其编辑方法是根据上述第一实施例图2的步骤S22的描述来完成的。此时，在服务器编辑附加有组件的人偶造型与第一实施例中计算机的编辑预览窗口所浏览的附加有组件的人偶造型相同。

同样地，在第二实施例中，当服务器根据所传送的颜色的数据来将所选定颜色改变人偶造型上的组件颜色时，其编辑方法是根据上述第一实施例的图2的步骤S24的描述来完成的。此时，在服务器改变组件颜色的人偶造型与第一实施例中计算机的编辑预览窗口显示所浏览的改变组件颜色的人偶造型相同。

接着，在步骤S1506的编辑步骤后，将组合完成的具有数帧分解动作的人偶造型图片的动画数据以例如GIF文件或SWF文件等其它已知的动画格式的图档形式存放在服务器所指定的位置，并由服务器生成对应此位置的网址(步骤1508)。

然后，由服务器通过网络传送此网址至计算机(步骤1510)。在由计算机通过因特网利用浏览器或浏览工具软件根据此网址浏览在服务器上所存放的动画(步骤1512)，此动画与计算机的编辑预览窗口所编辑预览的造型图样的动画相同。根据此网址，可通过任何计算机利用网页浏览器来浏览经编辑人偶图样的动画。

综上所述，根据本发明第二实施例，只要预先在服务器的数据库中建立组合造型图样的组件，对于产生动画的数帧图片是由服务器的绘图引擎以多个组件组合成造型图样的方式而分别完成，不需要以人工方式绘制动画的分解动作的各个图片，大大地节省人工绘制的人力及时间。

此外，对于计算机的动画数据选单中任意选择造型图样的动作，只需将所选定的动画数据传送至服务器，而由服务器的绘图引擎绘制所选择的动画的图片，计算机可浏览在服务器所编辑完成的图样造型的动画，而计算机不需存放此动画的数据，这样可以减轻计算机存储装置容量的负担。并且，由于通过因特网传送的只是动画数据，大大的节省了网络频宽。

并且，在图片中各组件在造型图样中的颜色做变换处理是采用换色方式，由服务器的绘图引擎根据组件欲变换的颜色与灰阶值而在数据库读出新的色标，依照新的色标将所变换的颜色在组件上显示，以解决公知技术因叠色方式所产生的颜色失真的问题。

虽然本发明已参照较佳具体例及举例性附图叙述如上，但本发明不仅限于此。熟悉本技术人员对其形态及具体例的内容做各种修改、省略及变化，均不离开本发明的范围。

Claims (14)

1.一种动画的图片编辑方法，利用计算机的绘图引擎编辑一造型图样的多帧分解动作的图片，该图片编辑方法包括下列步骤：

选定一个参考视角；

设定图片的参考坐标；

在该计算机的数据库中读出用来组合该造型图样的各个组件的数据，各个组件的数据包括每一组件的形状、颜色、灰阶值及坐标偏移量；

由该绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，得到每一组件在图片中的位置；

由该绘图引擎根据该参考视角决定每一组件在图片中的组合关系；以及

由该绘图引擎根据每一组件的形状、颜色、灰阶值及在图片中的位置及组合关系来组合该各个组件以完成该造型图样的图片。

2.如权利要求1所述的图片编辑方法，还包含下列步骤：

由该绘图引擎根据每一组件的颜色及灰阶值产生每一组件的具有明暗度的颜色。

3.如权利要求2所述的图片编辑方法，建立一个颜色选单，以设定组件的颜色，由该绘图引擎根据组件的颜色及灰阶值，使组件产生具有明暗度的颜色。

4.如权利要求2或3所述的图片编辑方法，在数据库中建立具有明暗度的各种颜色的色标，由该绘图引擎根据组件的颜色及灰阶值在数据库中读出相应的色标，使组件依照此色标产生具有明暗度的颜色。

5.如权利要求1所述的图片编辑方法，还包含下列步骤：

建立一个组件选单，以选定用来组合该造型图样的组件。

6.如权利要求5所述的图片编辑方法，

由该组件选单选定欲附加在该造型图样上的组件，其组件的数据包括组件的形状、颜色、灰阶值及坐标偏移量；

由该绘图引擎计算所选定组件的坐标偏移量及图片的参考坐标，以得到所选定组件在该造型图样中的位置；以及

由该绘图引擎计算所选定组件的颜色及灰阶值，以产生所选定组件的具有明暗度的颜色。

7.如权利要求1所述的图片编辑方法，还包含下列步骤：

建立一个动画数据选单；

对应该动画数据选单中的每一动画，在该数据库中建立此动画的每一分解动作的图片的数据，此图片的数据包含该参考视角、图片的参考坐标及用以组合对应该造型图样的当前分解动作的各个组件的数据，各个组件的数据包括每一组件的形状、颜色及灰阶值及坐标偏移量；

由该绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，得到每一组件在图片中的位置；

由该绘图引擎根据图片的参考视角决定每一组件在图片中的组合关系；以及

由该绘图引擎根据每一组件的形状、颜色、灰阶值、在图片中的位置及组合关系组合完成对应每一分解动作的造型图样的图片。

8.如权利要求1所述的图片编辑方法，还包含下列步骤：

由一编辑预览窗口播放该造型图样的多帧分解动作的图片。

9.如权利要求1所述的图片编辑方法，每一组件是以像素为单位来绘制的。

10.如权利要求1所述的图片编辑方法，每一组件是一张图层，根据每一组件的组合关系依序地层叠每一组件而形成该图片。

11.一种动画的图片编辑方法，利用服务器的一种绘图引擎编辑一种造型图样的多帧分解动作的图片，该图片编辑方法包括下列步骤：

在该服务器的数据库中建立相同于该计算机的数据库中该造型图样所要编辑成动画的分解动作的多帧图片的数据，此图片的数据包含该参考视角、图片的参考坐标及用以组合对应该造型图样的当前分解动作的各个组件的数据，各个组件的数据包括每一组件的形状、颜色及灰阶值及坐标偏移量；

由该计算机将该造型图样的数据、组件选单中所选定组件的数据、颜色选单中所选定颜色的数据及动画数据选单中所选定动画的数据中的至少一个通过网络传送至该服务器；

由该服务器根据该计算机所传送的数据在该服务器的数据库中读取出相同的数据；

由该绘图引擎计算每一组件的坐标偏移量及图片的参考坐标，得到每一组件在图片中的位置；

由该绘图引擎根据图片的参考视角决定每一组件在图片中的组合关系；

由该绘图引擎根据每一组件的形状、颜色、灰阶值、在图片中的位置及组合关系组合完成对应每一分解动作的造型图样的图片；

组合完成的图片的动画数据存放在该服务器所指定的位置，并由该服务器生成对应此位置的网址；

由该服务器通过网络传送该网址至该计算机；以及

由该计算机通过网络利用浏览器或浏览工具软件根据该网址浏览在该服务器上所存放的动画，此动画与该造型图样所选定的动画相同。

12.如权利要求11所述的图片编辑方法，在数据库中建立具有明暗度的各种颜色的色标，由该绘图引擎根据组件的颜色及灰阶值在数据库中读出相对应的色标，使组件依照此色标产生具有明暗度的颜色。

13.如权利要求11所述的图片编辑方法，每一组件是以像素为单位来绘制。

14.如权利要求11所述的图片编辑方法，每一组件是一张图层，根据每一组件的组合关系依序地层叠每一组件而成为该图片。

Images