CN105809726A - 一种静态图转成动态图的方法 - Google Patents

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

Info

Publication number
CN105809726A
CN105809726A CN201610125313.9A CN201610125313A CN105809726A CN 105809726 A CN105809726 A CN 105809726A CN 201610125313 A CN201610125313 A CN 201610125313A CN 105809726 A CN105809726 A CN 105809726A
Authority
CN
China
Prior art keywords
rectangular color
color lumps
module
animation
scribble
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.)
Granted
Application number
CN201610125313.9A
Other languages
English (en)
Other versions
CN105809726B (zh
Inventor
李妍
丰旭
马岩
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Dalian Mile Hongye Technology Co Ltd
Original Assignee
Dalian Mile Hongye Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Dalian Mile Hongye Technology Co Ltd filed Critical Dalian Mile Hongye Technology Co Ltd
Priority to CN201610125313.9A priority Critical patent/CN105809726B/zh
Publication of CN105809726A publication Critical patent/CN105809726A/zh
Application granted granted Critical
Publication of CN105809726B publication Critical patent/CN105809726B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • Image Generation (AREA)

Abstract

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

Description

一种静态图转成动态图的方法
技术领域
本发明涉及图像处理领域，尤其涉及一种静态图转成动态图的方法。
背景技术
目前，静态图转动态图，主要采用以下两种方法。
方法1：使用3D三维建模软件，创建三维模型，并创建动画，将需要转换的静态图做成材质，以贴图方式映射到三维模型上，形成三维动态物体。
优点：(1)动态物体逼真；(2)可以制作丰富的动画。
缺点：源静态图与三维动态物体外观会有误差。
方法2：完全通过程序编码，将静态图转成动态图，在图片需要动画的位置，用程序截取图片的像素，用程序控制截图的缩放，旋转等方式编程形成动画，再将动画与源图结合，形成动态图。
优点：不需要做预设的动画。
缺点：(1)需要预先知道静态图哪些位置需要做动画，再对该位置编程开发动画；(2)复杂的动画较难实现。
发明内容
为了克服现有两种方法外观体会有误差、编程复杂、复杂动画较难实现的技术问题，本发明提供了一种静态图转成动态图的方法。
为了达到上述目的，本发明提供的一种静态图转成动态图的方法，包括以下步骤：步骤S100：将静态部位单独做成第一模块,该静态部位来源于可触控手持设备或可触控桌面设备，通过涂鸦软件绘制的原始的静态图；步骤S200：根据预设的可转化成动画的部位在第一模块中的位置和尺寸，绘制透明的矩形色块，矩形色块数量与预设的动画部位数量保持一致，所有的矩形色块组合成的形状接近第一模块的静态图形状，将这些矩形色块做成第二模块，对该第二模块里的需要动的矩形色块做动画处理；步骤S300：分析第二模块，提取每个矩形色块的位置和尺寸，在第一模块的静态图相对应的位置，按照这个矩形色块的尺寸截取图片；步骤S400：提取截取的图片像素信息；步骤S500：将提取的像素信息赋值到对应的第二模块相对应的矩形色块上位置上。
优选的，所述步骤S100包括以下子步骤：步骤S110：在涂鸦软件的涂鸦界面预设涂鸦范围；步骤S120：手指在涂鸦界面滑动时，绘制笔触素材,当手指滑动超出涂鸦范围，就不予以绘制笔触素材；步骤S130：绘制结束时，将涂鸦结果保存成图片，生成第一模块。
优选的，所述步骤S200包括以下子步骤：步骤S210:绘制预设的涂鸦样式；步骤S220：在绘制好的涂鸦样式里，依据预设动画位置和尺寸绘制矩形色块，矩形色块内部没有内容的位置像素点绘制成透明；步骤S230：对该矩形色块制作预设的动画；步骤S240：对每个带有动画的矩形色块命名，形成第二模块。
优选的，所述步骤S300包括以下子步骤：步骤S310：遍历第二模块里所有的矩形色块，并记录每个矩形色块的位置和尺寸；步骤S320：读取第一模块，依据步骤S310获取的矩形色块位置和尺寸截取第一模块对应位置的图片。
优选的，所述步骤S400包括以下子步骤：步骤S410：计算出步骤S320截取的图片尺寸；步骤S420：循环遍历截取的图片每个像素点并记录像素信息，像素信息包含RBG颜色通道数据和Alpha通道数据。
优选的，所述步骤S500包括以下子步骤：步骤S510：在第二模块中找到步骤S420获取到的像素信息对应的矩形色块；步骤S520：计算该矩形色块的尺寸；步骤S530：循环遍历该矩形色块，用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息；步骤S540：修改矩形色块RBG和Alpha通道数据，完成颜色值修改。
有益效果：(1)无差别将静态图转成动态图；(2)可以制作丰富的动画。
附图说明
图1是本发明静态图转成动态图的方法的流程图。
图2是本发明静态图转成动态图的方法的步骤S100的子步骤流程图。
图3是本发明静态图转成动态图的方法的步骤S200的子步骤流程图。
图4是本发明静态图转成动态图的方法的步骤S300的子步骤流程图。
图5是本发明静态图转成动态图的方法的步骤S400的子步骤流程图。
图6是本发明静态图转成动态图的方法的步骤S500的子步骤流程图。
具体实施方式
为使本发明解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。
本实施例以游动的鱼为例，详细说明本发明的方法。
步骤S100：将静态部位，整个鱼单独做成第一模块(带透明度的png图片),该静态部位来源于可触控手持设备或可触控桌面设备，通过涂鸦软件绘制的原始的静态图(带透明度的png图片)，包括以下子步骤：步骤S110：在涂鸦软件的涂鸦界面预设涂鸦范围800像素*600像素；步骤S120：手指在涂鸦界面滑动时，绘制笔触素材,当手指滑动超出涂鸦范围，就不予以绘制笔触素材；步骤S130：绘制结束时，将所有画出的笔触素材保存成一张图片，生成第一模块。
步骤S200：根据预设的可转化成动画的部位(如鱼身体，鱼头部，鱼尾部，鱼鳍)在第一模块中的位置和尺寸，绘制透明的矩形色块，矩形色块数量与预设的动画部位数量保持一致，所有的矩形色块组合成的形状接近第一模块的静态图形状，将这些矩形色块做成第二模块，对该第二模块里的需要动的矩形色块(如鱼身体，鱼头部，鱼尾部，鱼鳍)做动画处理；包括以下子步骤：步骤S210:绘制需要涂鸦的鱼的样式；步骤S220：在绘制好的鱼里，加上鱼身体，鱼头部，鱼尾部，鱼鳍矩形色块，色块内部没有内容的位置像素点绘制成透明；步骤S230：对该矩形色块制作动画，如鱼头部，鱼尾部，鱼鳍摆动的动画；步骤S240：对每个带有动画的矩形色块命名，如Animation_1,Animation_2,Animation_3以此类推形成第二模块。
步骤S300：分析第二模块，提取每个矩形色块的位置和尺寸，在第一模块的静态图相对应的位置，按照这个矩形色块的尺寸截取图片；包括以下子步骤：步骤S310：遍历第二模块里所有的矩形色块，并记录每个矩形色块的位置和尺寸；步骤S320：读取第一模块，依据步骤S310获取的矩形色块位置和尺寸截取第一模块对应位置的图片。
步骤S400：提取截取的图片像素信息；包括以下子步骤：步骤S410：计算出步骤S320截取的图片尺寸；步骤S420：循环遍历截取的图片每个像素点并记录像素信息，像素信息包含RBG颜色通道数据和Alpha通道数据。
步骤S500：将提取的像素信息赋值到对应的第二模块相对应的矩形色块上位置上；包括以下子步骤：步骤S510：在第二模块中找到步骤S420获取到的像素信息对应的矩形色块；步骤S520：计算该矩形色块的尺寸；步骤S530：循环遍历该矩形色块，用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息；步骤S540：修改矩形色块RBG和Alpha通道数据，完成颜色值修改。
最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (6)

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.根据权利要求1所述的静态图转成动态图的方法，其特征在于，所述步骤S400包括以下子步骤：
步骤S410：计算出步骤S320截取的图片尺寸；
步骤S420：循环遍历截取的图片每个像素点并记录像素信息，像素信息包含RBG颜色通道数据和Alpha通道数据。
6.根据权利要求1所述的静态图转成动态图的方法，其特征在于，所述步骤S500包括以下子步骤：
步骤S510：在第二模块中找到步骤S420获取到的像素信息对应的矩形色块；
步骤S520：计算该矩形色块的尺寸；
步骤S530：循环遍历该矩形色块，用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息；
步骤S540：修改矩形色块RBG和Alpha通道数据，完成颜色值修改。
CN201610125313.9A 2016-03-04 2016-03-04 一种静态图转成动态图的方法 Active CN105809726B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610125313.9A CN105809726B (zh) 2016-03-04 2016-03-04 一种静态图转成动态图的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610125313.9A CN105809726B (zh) 2016-03-04 2016-03-04 一种静态图转成动态图的方法

Publications (2)

Publication Number Publication Date
CN105809726A true CN105809726A (zh) 2016-07-27
CN105809726B CN105809726B (zh) 2018-07-03

Family

ID=56466673

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610125313.9A Active CN105809726B (zh) 2016-03-04 2016-03-04 一种静态图转成动态图的方法

Country Status (1)

Country Link
CN (1) CN105809726B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106843505A (zh) * 2017-03-21 2017-06-13 大连米乐宏业科技有限公司 一种基于幼儿教育的多媒体交互***及方法
CN108269260A (zh) * 2016-12-30 2018-07-10 粉迷科技股份有限公司 动态影像去背方法、***与计算机可读取存储装置
CN111309227A (zh) * 2020-02-03 2020-06-19 联想(北京)有限公司 一种动画制作方法、设备及计算机可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101477705A (zh) * 2009-01-05 2009-07-08 浙江大学 基于光照球模型的计算机辅助人物动画艺术化绘制方法
CN102074032A (zh) * 2009-11-24 2011-05-25 新奥特（北京）视频技术有限公司 一种基于图片序列的动画生成方法和装置
US20120293537A1 (en) * 2010-02-26 2012-11-22 Rakuten, Inc. Data-generating device, data-generating method, data-generating program and recording medium
CN104123742A (zh) * 2014-07-21 2014-10-29 徐才 一种将静态漫画图片转化为二维动画的方法和播放器

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101477705A (zh) * 2009-01-05 2009-07-08 浙江大学 基于光照球模型的计算机辅助人物动画艺术化绘制方法
CN102074032A (zh) * 2009-11-24 2011-05-25 新奥特（北京）视频技术有限公司 一种基于图片序列的动画生成方法和装置
US20120293537A1 (en) * 2010-02-26 2012-11-22 Rakuten, Inc. Data-generating device, data-generating method, data-generating program and recording medium
CN104123742A (zh) * 2014-07-21 2014-10-29 徐才 一种将静态漫画图片转化为二维动画的方法和播放器

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108269260A (zh) * 2016-12-30 2018-07-10 粉迷科技股份有限公司 动态影像去背方法、***与计算机可读取存储装置
CN106843505A (zh) * 2017-03-21 2017-06-13 大连米乐宏业科技有限公司 一种基于幼儿教育的多媒体交互***及方法
CN106843505B (zh) * 2017-03-21 2020-10-16 大连米乐宏业科技有限公司 一种基于幼儿教育的多媒体交互***及方法
CN111309227A (zh) * 2020-02-03 2020-06-19 联想(北京)有限公司 一种动画制作方法、设备及计算机可读存储介质
CN111309227B (zh) * 2020-02-03 2022-05-31 联想(北京)有限公司 一种动画制作方法、设备及计算机可读存储介质

Also Published As

Publication number Publication date
CN105809726B (zh) 2018-07-03

Similar Documents

Publication Publication Date Title
WO2018040511A1 (zh) 基于ar的二维图像转换至三维场景的实现方法
Tsang et al. A suggestive interface for image guided 3D sketching
US9244607B2 (en) System and method for image processing using multi-touch gestures
US10049289B2 (en) Method and system for generating and selectively outputting two types of ink vector data
US20140340388A1 (en) System, method and computer program for using a suggestive modeling interface
Huo et al. Window-shaping: 3d design ideation by creating on, borrowing from, and looking at the physical world
US20120324332A1 (en) Using Gestures to Generate Code, Including for Text Flow
CN105511792A (zh) 一种表单在位手写输入方法及***
CN105809726A (zh) 一种静态图转成动态图的方法
Bhattacharjee et al. A survey on sketch based content creation: from the desktop to virtual and augmented reality
Zhang et al. NK-CDS: A creative design system for museum art derivatives
CN105096364B (zh) 一种动画数据生成方法、装置及电子设备
CN104111913A (zh) 一种流式文档的处理方法及装置
CN103116897A (zh) 一种基于图像空间的三维动态数据压缩和平滑方法
Uchida et al. Stylized line-drawing of 3D models using CNN with line property encoding
Di Fiore et al. A multi-level sketching tool for pencil-and-paper animation
CN104820584B (zh) 一种面向层次化信息自然操控的3d手势界面的构建方法及***
US11475651B2 (en) Window-shaping virtual reality system
Zhou et al. GA‐Sketching: Shape Modeling from Multi‐View Sketching with Geometry‐Aligned Deep Implicit Functions
CN110992438B (zh) 图片编辑的方法及装置
Gharib et al. Integration of sketch-based conceptual design and commercial CAD systems for manufacturing
US9082005B2 (en) Smart scribbles for sketch segmentation
Huang et al. Leveraging the crowd for creating wireframe-based exploration of mobile design pattern gallery
Poux How to represent 3D Data?
US20240096020A1 (en) Apparatus and method for generating moving viewpoint motion picture

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant