CN105809726B - 一种静态图转成动态图的方法 - Google Patents
一种静态图转成动态图的方法 Download PDFInfo
- Publication number
- CN105809726B CN105809726B CN201610125313.9A CN201610125313A CN105809726B CN 105809726 B CN105809726 B CN 105809726B CN 201610125313 A CN201610125313 A CN 201610125313A CN 105809726 B CN105809726 B CN 105809726B
- Authority
- CN
- China
- Prior art keywords
- color lumps
- rectangular color
- module
- static map
- animation
- 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
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.根据权利要求4所述的静态图转成动态图的方法,其特征在于,所述步骤S400包括以下子步骤:
步骤S410:计算出步骤S320截取的图片尺寸;
步骤S420:循环遍历截取的图片每个像素点并记录像素信息,像素信息包含RBG颜色通道数据和Alpha通道数据。
6.根据权利要求5所述的静态图转成动态图的方法,其特征在于,所述步骤S500包括以下子步骤:
步骤S510:在第二模块中找到步骤S420获取到的像素信息对应的矩形色块;
步骤S520:计算该矩形色块的尺寸;
步骤S530:循环遍历该矩形色块,用该矩形色块的像素位置去取步骤S420获取到的像素信息里的该位置像素信息;
步骤S540:修改矩形色块RBG和Alpha通道数据,完成颜色值修改。
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 CN105809726A (zh) | 2016-07-27 |
CN105809726B true 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) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108269260B (zh) * | 2016-12-30 | 2021-08-27 | 粉迷科技股份有限公司 | 动态影像去背方法、系统与计算机可读取存储装置 |
CN106843505B (zh) * | 2017-03-21 | 2020-10-16 | 大连米乐宏业科技有限公司 | 一种基于幼儿教育的多媒体交互系统及方法 |
CN111309227B (zh) * | 2020-02-03 | 2022-05-31 | 联想(北京)有限公司 | 一种动画制作方法、设备及计算机可读存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101477705A (zh) * | 2009-01-05 | 2009-07-08 | 浙江大学 | 基于光照球模型的计算机辅助人物动画艺术化绘制方法 |
CN102074032A (zh) * | 2009-11-24 | 2011-05-25 | 新奥特(北京)视频技术有限公司 | 一种基于图片序列的动画生成方法和装置 |
CN104123742A (zh) * | 2014-07-21 | 2014-10-29 | 徐才 | 一种将静态漫画图片转化为二维动画的方法和播放器 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4950315B2 (ja) * | 2010-02-26 | 2012-06-13 | 楽天株式会社 | データ生成装置、データ生成方法、及びデータ生成プログラム |
-
2016
- 2016-03-04 CN CN201610125313.9A patent/CN105809726B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101477705A (zh) * | 2009-01-05 | 2009-07-08 | 浙江大学 | 基于光照球模型的计算机辅助人物动画艺术化绘制方法 |
CN102074032A (zh) * | 2009-11-24 | 2011-05-25 | 新奥特(北京)视频技术有限公司 | 一种基于图片序列的动画生成方法和装置 |
CN104123742A (zh) * | 2014-07-21 | 2014-10-29 | 徐才 | 一种将静态漫画图片转化为二维动画的方法和播放器 |
Also Published As
Publication number | Publication date |
---|---|
CN105809726A (zh) | 2016-07-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11145134B2 (en) | Augmented virtual reality object creation | |
CN106373187B (zh) | 基于ar的二维图像转换至三维场景的实现方法 | |
US20190180506A1 (en) | Systems and methods for adding annotations to virtual objects in a virtual environment | |
Yue et al. | WireDraw: 3D Wire Sculpturing Guided with Mixed Reality. | |
US9817489B2 (en) | Texture capture stylus and method | |
Huo et al. | Window-shaping: 3d design ideation by creating on, borrowing from, and looking at the physical world | |
US20140240215A1 (en) | System and method for controlling a user interface utility using a vision system | |
CN105809726B (zh) | 一种静态图转成动态图的方法 | |
US20140229873A1 (en) | Dynamic tool control in a digital graphics system using a vision system | |
CN106530388A (zh) | 一种基于二维图像的3d打印装置及其三维建模方法 | |
US9176662B2 (en) | Systems and methods for simulating the effects of liquids on a camera lens | |
CN108449631A (zh) | 使用人脸检测来连接视频序列的系统和方法 | |
US20060242349A1 (en) | Rendering highlighting strokes | |
Bhattacharjee et al. | A survey on sketch based content creation: from the desktop to virtual and augmented reality | |
Vantomme | Processing 2: Creative programming cookbook | |
Winnemöller | NPR in the Wild | |
CN108876868A (zh) | 通过根据方向指导放置简单形状的实例来计算机化生成装饰设计 | |
CN101354789A (zh) | 一种图像面具特效的实现方法和设备 | |
CN104820584B (zh) | 一种面向层次化信息自然操控的3d手势界面的构建方法及系统 | |
Kim et al. | An Example‐based Approach to Synthesize Artistic Strokes using Graphs | |
US10643397B2 (en) | Window-shaping virtual reality system | |
Fender et al. | InfinitePaint: Painting in Virtual Reality with Passive Haptics Using Wet Brushes and a Physical Proxy Canvas | |
US20140240227A1 (en) | System and method for calibrating a tracking object in a vision system | |
Brown et al. | Making Japenese ukiyo-e art 3D in real-time | |
Dev et al. | Democratizing digital content creation using mobile devices with inbuilt sensors |
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 |