一种静态图转成动态图的方法转让专利

申请号 : CN201610125313.9

文献号 : CN105809726B

文献日 :

基本信息:

PDF:

法律信息:

相似专利:

发明人 : 李妍丰旭马岩

申请人 : 大连米乐宏业科技有限公司

摘要 :

本发明公开了一种静态图转成动态图的方法,包括以下步骤:步骤S100:将静态部位单独做成第一模块;步骤S200:根据预设的可转化成动画的部位在第一模块中的位置和尺寸,绘制透明的矩形色块,将需要动的矩形色块做动画处理;步骤S300:分析第二模块,提取每个矩形色块的位置和尺寸,在第一模块的静态图相对应的位置,按照这个矩形色块的尺寸截取图片;步骤S400:提取截取的图片像素信息;步骤S500:将提取的像素信息赋值到对应的第二模块相对应的矩形色块上位置上。本发明可无差别将静态图转成动态图,可以制作丰富的动画。

权利要求 :

1.一种静态图转成动态图的方法,其特征在于,该方法包括以下步骤:步骤S100:将静态部位单独做成第一模块,该静态部位来源于可触控手持设备或可触控桌面设备,通过涂鸦软件绘制的原始的静态图;

步骤S200:根据预设的可转化成动画的部位在第一模块中的位置和尺寸,绘制透明的矩形色块,矩形色块数量与预设的动画部位数量保持一致,所有的矩形色块组合成的形状接近第一模块的静态图形状,将这些矩形色块做成第二模块,对该第二模块里的需要动的矩形色块做动画处理;

步骤S300:分析第二模块,提取每个矩形色块的位置和尺寸,在第一模块的静态图相对应的位置,按照这个矩形色块的尺寸截取图片;

步骤S400:提取截取的图片像素信息;

步骤S500:将提取的像素信息赋值到对应的第二模块相对应的矩形色块上位置上。

2.根据权利要求1所述的静态图转成动态图的方法,其特征在于,所述步骤S100包括以下子步骤:步骤S110:在涂鸦软件的涂鸦界面预设涂鸦范围;

步骤S120:手指在涂鸦界面滑动时,绘制笔触素材,当手指滑动超出涂鸦范围,就不予以绘制笔触素材;

步骤S130:绘制结束时,将涂鸦结果保存成图片,生成第一模块。

3.根据权利要求1所述的静态图转成动态图的方法,其特征在于,所述步骤S200包括以下子步骤:步骤S210:绘制预设的涂鸦样式;

步骤S220:在绘制好的涂鸦样式里,依据预设动画位置和尺寸绘制矩形色块,矩形色块内部没有内容的位置像素点绘制成透明;

步骤S230:对该矩形色块制作预设的动画;

步骤S240:对每个带有动画的矩形色块命名,形成第二模块。

4.根据权利要求1所述的静态图转成动态图的方法,其特征在于,所述步骤S300包括以下子步骤:步骤S310:遍历第二模块里所有的矩形色块,并记录每个矩形色块的位置和尺寸;

步骤S320:读取第一模块,依据步骤S310获取的矩形色块位置和尺寸截取第一模块对应位置的图片。

5.根据权利要求4所述的静态图转成动态图的方法,其特征在于,所述步骤S400包括以下子步骤:步骤S410:计算出步骤S320截取的图片尺寸;

步骤S420:循环遍历截取的图片每个像素点并记录像素信息,像素信息包含RBG颜色通道数据和Alpha通道数据。

6.根据权利要求5所述的静态图转成动态图的方法,其特征在于,所述步骤S500包括以下子步骤:步骤S510:在第二模块中找到步骤S420获取到的像素信息对应的矩形色块;

步骤S520:计算该矩形色块的尺寸;

步骤S530:循环遍历该矩形色块,用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息;

步骤S540:修改矩形色块RBG和Alpha通道数据,完成颜色值修改。

说明书 :

一种静态图转成动态图的方法

技术领域

[0001] 本发明涉及图像处理领域,尤其涉及一种静态图转成动态图的方法。

背景技术

[0002] 目前,静态图转动态图,主要采用以下两种方法。
[0003] 方法1:使用3D三维建模软件,创建三维模型,并创建动画,将需要转换的静态图做成材质,以贴图方式映射到三维模型上,形成三维动态物体。
[0004] 优点:(1)动态物体逼真;(2)可以制作丰富的动画。
[0005] 缺点:源静态图与三维动态物体外观会有误差。
[0006] 方法2:完全通过程序编码,将静态图转成动态图,在图片需要动画的位置,用程序截取图片的像素,用程序控制截图的缩放,旋转等方式编程形成动画,再将动画与源图结合,形成动态图。
[0007] 优点:不需要做预设的动画。
[0008] 缺点:(1)需要预先知道静态图哪些位置需要做动画,再对该位置编程开发动画;(2)复杂的动画较难实现。

发明内容

[0009] 为了克服现有两种方法外观体会有误差、编程复杂、复杂动画较难实现的技术问题,本发明提供了一种静态图转成动态图的方法。
[0010] 为了达到上述目的,本发明提供的一种静态图转成动态图的方法,包括以下步骤:步骤S100:将静态部位单独做成第一模块,该静态部位来源于可触控手持设备或可触控桌面设备,通过涂鸦软件绘制的原始的静态图;步骤S200:根据预设的可转化成动画的部位在第一模块中的位置和尺寸,绘制透明的矩形色块,矩形色块数量与预设的动画部位数量保持一致,所有的矩形色块组合成的形状接近第一模块的静态图形状,将这些矩形色块做成第二模块,对该第二模块里的需要动的矩形色块做动画处理;步骤S300:分析第二模块,提取每个矩形色块的位置和尺寸,在第一模块的静态图相对应的位置,按照这个矩形色块的尺寸截取图片;步骤S400:提取截取的图片像素信息;步骤S500:将提取的像素信息赋值到对应的第二模块相对应的矩形色块上位置上。
[0011] 优选的,所述步骤S100包括以下子步骤:步骤S110:在涂鸦软件的涂鸦界面预设涂鸦范围;步骤S120:手指在涂鸦界面滑动时,绘制笔触素材,当手指滑动超出涂鸦范围,就不予以绘制笔触素材;步骤S130:绘制结束时,将涂鸦结果保存成图片,生成第一模块。
[0012] 优选的,所述步骤S200包括以下子步骤:步骤S210:绘制预设的涂鸦样式;步骤S220:在绘制好的涂鸦样式里,依据预设动画位置和尺寸绘制矩形色块,矩形色块内部没有内容的位置像素点绘制成透明;步骤S230:对该矩形色块制作预设的动画;步骤S240:对每个带有动画的矩形色块命名,形成第二模块。
[0013] 优选的,所述步骤S300包括以下子步骤:步骤S310:遍历第二模块里所有的矩形色块,并记录每个矩形色块的位置和尺寸;步骤S320:读取第一模块,依据步骤S310获取的矩形色块位置和尺寸截取第一模块对应位置的图片。
[0014] 优选的,所述步骤S400包括以下子步骤:步骤S410:计算出步骤S320截取的图片尺寸;步骤S420:循环遍历截取的图片每个像素点并记录像素信息,像素信息包含RBG颜色通道数据和Alpha通道数据。
[0015] 优选的,所述步骤S500包括以下子步骤:步骤S510:在第二模块中找到步骤S420获取到的像素信息对应的矩形色块;步骤S520:计算该矩形色块的尺寸;步骤S530:循环遍历该矩形色块,用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息;步骤S540:修改矩形色块RBG和Alpha通道数据,完成颜色值修改。
[0016] 有益效果:(1)无差别将静态图转成动态图;(2)可以制作丰富的动画。

附图说明

[0017] 图1是本发明静态图转成动态图的方法的流程图。
[0018] 图2是本发明静态图转成动态图的方法的步骤S100的子步骤流程图。
[0019] 图3是本发明静态图转成动态图的方法的步骤S200的子步骤流程图。
[0020] 图4是本发明静态图转成动态图的方法的步骤S300的子步骤流程图。
[0021] 图5是本发明静态图转成动态图的方法的步骤S400的子步骤流程图。
[0022] 图6是本发明静态图转成动态图的方法的步骤S500的子步骤流程图。

具体实施方式

[0023] 为使本发明解决的技术问题、采用的技术方案和达到的技术效果更加清楚,下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部内容。
[0024] 本实施例以游动的鱼为例,详细说明本发明的方法。
[0025] 步骤S100:将静态部位,整个鱼单独做成第一模块(带透明度的png图片),该静态部位来源于可触控手持设备或可触控桌面设备,通过涂鸦软件绘制的原始的静态图(带透明度的png图片),包括以下子步骤:步骤S110:在涂鸦软件的涂鸦界面预设涂鸦范围800像素*600像素;步骤S120:手指在涂鸦界面滑动时,绘制笔触素材,当手指滑动超出涂鸦范围,就不予以绘制笔触素材;步骤S130:绘制结束时,将所有画出的笔触素材保存成一张图片,生成第一模块。
[0026] 步骤S200:根据预设的可转化成动画的部位(如鱼身体,鱼头部,鱼尾部,鱼鳍)在第一模块中的位置和尺寸,绘制透明的矩形色块,矩形色块数量与预设的动画部位数量保持一致,所有的矩形色块组合成的形状接近第一模块的静态图形状,将这些矩形色块做成第二模块,对该第二模块里的需要动的矩形色块(如鱼身体,鱼头部,鱼尾部,鱼鳍)做动画处理;包括以下子步骤:步骤S210:绘制需要涂鸦的鱼的样式;步骤S220:在绘制好的鱼里,加上鱼身体,鱼头部,鱼尾部,鱼鳍矩形色块,色块内部没有内容的位置像素点绘制成透明;步骤S230:对该矩形色块制作动画,如鱼头部,鱼尾部,鱼鳍摆动的动画;步骤S240:对每个带有动画的矩形色块命名,如Animation_1,Animation_2,Animation_3以此类推形成第二模块。
[0027] 步骤S300:分析第二模块,提取每个矩形色块的位置和尺寸,在第一模块的静态图相对应的位置,按照这个矩形色块的尺寸截取图片;包括以下子步骤:步骤S310:遍历第二模块里所有的矩形色块,并记录每个矩形色块的位置和尺寸;步骤S320:读取第一模块,依据步骤S310获取的矩形色块位置和尺寸截取第一模块对应位置的图片。
[0028] 步骤S400:提取截取的图片像素信息;包括以下子步骤:步骤S410:计算出步骤S320截取的图片尺寸;步骤S420:循环遍历截取的图片每个像素点并记录像素信息,像素信息包含RBG颜色通道数据和Alpha通道数据。
[0029] 步骤S500:将提取的像素信息赋值到对应的第二模块相对应的矩形色块上位置上;包括以下子步骤:步骤S510:在第二模块中找到步骤S420获取到的像素信息对应的矩形色块;步骤S520:计算该矩形色块的尺寸;步骤S530:循环遍历该矩形色块,用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息;步骤S540:修改矩形色块RBG和Alpha通道数据,完成颜色值修改。
[0030] 最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。