CN106530372A - 一种帧动画的生成方法 - Google Patents
一种帧动画的生成方法 Download PDFInfo
- Publication number
- CN106530372A CN106530372A CN201610901383.9A CN201610901383A CN106530372A CN 106530372 A CN106530372 A CN 106530372A CN 201610901383 A CN201610901383 A CN 201610901383A CN 106530372 A CN106530372 A CN 106530372A
- Authority
- CN
- China
- Prior art keywords
- frame
- picture
- frame animation
- knee
- lower limb
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 17
- 238000013519 translation Methods 0.000 claims abstract description 10
- 210000002310 elbow joint Anatomy 0.000 claims description 24
- 210000003127 knee Anatomy 0.000 claims description 24
- 210000003141 lower extremity Anatomy 0.000 claims description 18
- 210000001217 buttock Anatomy 0.000 claims description 12
- 239000011159 matrix material Substances 0.000 claims description 6
- 210000001938 protoplast Anatomy 0.000 claims description 5
- 210000000323 shoulder joint Anatomy 0.000 claims description 4
- 238000005516 engineering process Methods 0.000 abstract description 4
- 230000003068 static effect Effects 0.000 abstract description 2
- 238000004519 manufacturing process Methods 0.000 abstract 3
- 230000004888 barrier function Effects 0.000 abstract 1
- 230000009286 beneficial effect Effects 0.000 abstract 1
- 230000033001 locomotion Effects 0.000 abstract 1
- 230000000694 effects Effects 0.000 description 9
- 230000009471 action Effects 0.000 description 7
- 230000003993 interaction Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000006748 scratching Methods 0.000 description 2
- 230000002393 scratching effect Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 210000000746 body region Anatomy 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000010425 computer drawing Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000004899 motility Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
- G06T13/40—3D [Three Dimensional] animation of characters, e.g. humans, animals or virtual beings
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种帧动画生成方法,包括如下步骤:(1)在一张人物或动物图片中按设定顺序抠图指定的身体部位,从而得到各身体部位图片;(2)调整所述身体部位图片以符合人物或动物的自然站立姿势,并将调整后的身体部位图片保存;(3)根据预设文件逐一对各身体部位图片进行平移、旋转的位置调整,最后将各身体部位图片叠加,得到帧动画一帧;(4)重复步骤(3)多次,得到若干帧的帧动画。本发明帧动画生成方法只需提供想要制作的帧动画人物或动物角色静态图片,通过简单的抠图操作就能得到该角色各种各样动作的帧动画。相比于传统手工逐帧制作的帧动画,不仅节省了大量的时间,而且对用户本身的美工、Photoshop技术功底要求也不高,使用门槛很低。
Description
技术领域
本发明涉及计算机绘图技术,更具体地说,涉及一种帧动画的生成方法。
背景技术
帧动画是一种常见的动画形式(Frame By Frame),其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。它的优势也很明显:帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似与电影的播放模式,很适合于表演细腻的动画。例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等等。
帧动画在2D游戏开发中应用很广,大多数2D游戏中人物的行走、奔跑、跳跃等动作都是由帧动画来表现的,对于缺少美术基础的独立游戏开发者来说,这是个难以解决的问题。另外,因为逐帧动画的帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大。
发明内容
针对现有技术的缺点,本发明的目的在于提供一种帧动画生成方法,根据正面人物图片可以自动生成行走、奔跑、跳跃、站立等帧动画。
为了实现上述目的,本发明的技术方案为:一种帧动画生成方法,包括如下步骤:(1)在一张人物或动物图片中按设定顺序抠图指定的身体部位,从而得到各身体部位图片;(2)调整所述身体部位图片以符合人物或动物的自然站立姿势,并将调整后的身体部位图片保存;(3)根据预设文件逐一对各身体部位图片进行平移、旋转的位置调整,最后将各身体部位图片叠加,得到帧动画一帧;(4)重复步骤(3)多次,得到若干帧的帧动画。
作为本发明交互的进一步解释,在步骤(1)中,在图片上点击的第一个点为初始点,当抠图路径回到初始点时,视为抠图完毕。
作为本发明交互的进一步解释,将鼠标点击的各个点使用线段连接起来或将鼠标点击后拖动的轨迹视为抠图路径。
作为本发明交互的进一步解释,在步骤(3)中,所述预设文件包括n个3X10的矩阵,n为帧动画包含的帧数,矩阵的每一行分别是图片向右平移的像素数、图片向下平移的像素数、图片绕其外接矩形的中心顺时针旋转的弧度数。
作为本发明交互的进一步解释,在步骤(1)中,所述设定顺序为:
左手1:左手肩部至肘关节中间的部分,包含肩部和肘关节;
左手2:左手肘关节以下的部分,包含肘关节;
左腿1:左腿臀部以下膝盖以上的部分,包含臀部和膝盖;
左腿2、左腿膝盖以下的部分,包含膝盖;
身体:颈部以下臀部以上以及左右肩部的部分,包含颈部和臀部;
头部:颈部以上的部分,包含颈部;
右腿1:右腿臀部以下膝盖以上的部分,包含臀部和膝盖;
右腿2:右腿膝盖以下的部分,包含膝盖;
右手1:右手肩部至肘关节中间的部分,包含肩部和肘关节;
右手2:右手肘关节以下的部分,包含肘关节;
上述设定顺序是用户相对原图片身体向右时的情况,若原人物图片身体向左,则抠图顺序中应将左手、左腿和右手、右腿的位置互换。
与现有技术相比,本发明帧动画生成方法只需提供想要制作的帧动画人物或动物角色静态图片,通过简单的抠图操作就能得到该角色各种各样动作的帧动画。相比于传统手工逐帧制作的帧动画,不仅节省了大量的时间,而且对用户本身的美工、Photoshop技术功底要求也不高,使用门槛很低。
附图说明
下面结合附图和具体实施方式,对本发明的结构及其有益技术效果进行详细说明。
图1是本发明帧动画生成方法流程图;
图2是本发明的点击抠图方式示意图;
图3是本发明的拖动抠图方式示意图;
图4是本发明的自然站立姿势图;
图5是本发明的左手2调整后效果图;
图6是本发明的所有身体部位抠图、调整完毕效果图;
图7是本发明的预设文件内容;
图8是本发明的行走帧动画输出效果图;
图9是本发明的奔跑帧动画输出效果图;
图10是本发明的站立帧动画输出效果图;
图11是本发明的跳跃帧动画输出效果图。
具体实施方式
为了使本发明的发明目的、技术方案及其有益技术效果更加清晰,以下结合附图和具体实施方式,对本发明进行进一步详细说明。应当理解的是,本说明书中描述的具体实施方式仅仅是为了解释本发明,并非为了限定本发明。
请参阅图1,本发明帧动画生成方法通过抠图的方式,选取人物或动物正面图片的若干身体部位,按照预设模板调整各部位位置,自动叠加、拼接成人物各种动作的帧动画。本实施例中使用Html5中的Canvas组件对图片进行操作。
S1:导入人物图片;
S2:根据提示顺序,使用抠图的方式,选出人物身体部位,用户在图片上点击的第一个点为初始点,当抠图路径回到初始点时,视为抠图完毕;请参阅图2和图3,抠图的方式有两种,一种是点击的方式,将鼠标点击的各个点使用线段连接起来,另一种是拖动的方式,将鼠标点击后拖动的轨迹视为抠图路径;
两种方式结合起来,可以实现较精确的抠图;
用户使用在人物图片上拖动鼠标划线,或点击鼠标将各个点连起来,形成闭合路径,得到原人物图片位于路径之中的部分,再将各身体部分通过旋转、平移的方式调整至自然站立时的姿态。各身体部位按照抠图与的顺序,分别为:
左手1:人物左手肩部(包含肩部)至肘关节(包含肘关节)中间的部分;
左手2:人物左手肘关节(包含肘关节)以下的部分;
左腿1:人物左腿臀部以下(包含臀部),膝盖以上(包含膝盖)的部分;
左腿2、人物左腿膝盖以下(包含膝盖)的部分;
身体:人物颈部以下(包含颈部),臀部以上(包含臀部),左右肩部,不含左、右手的部分;
头部:人物颈部以上(包含颈部)的部分;
右腿1:人物右腿臀部以下(包含臀部),膝盖以上(包含膝盖)的部分;
右腿2:人物右腿膝盖以下(包含膝盖)的部分;
右手1:人物右手肩部(包含肩部)至肘关节(包含肘关节)中间的部分;
右手2:人物右手肘关节(包含肘关节)以下的部分。
该顺序是原人物图片身体向右(相对用户)时的情况,若原人物图片身体向左,则抠图顺序中应将左手、左腿和右手、右腿的位置互换。各个身体图片彼此有重合的部分,因为这样可以保证生成的帧动画关节在活动的时候不会出现脱节。抠图的顺序是固定的,因为这样可以保证不会出现各个身体部分不合理的遮挡情况。
S3:请参阅图4,抠图完成后(即抠图路径回到初始点),得到身体部位图片,将对应身体部位图片调整至自然站立姿势,若身体部位图片已是自然站立姿势,则不需调整;在实例图片中,左手2过高,需要调整,调整后如图5所示;请参阅图6,所有身体部位抠图、调整完毕;将每一个身体部位图片平移、旋转,十个身体部位全部调整完毕则叠加图片生成帧动画的一帧,再将每一帧拼接起来,得到帧动画素材。
S4:选择动作预设文件,在本例中,有4个预设动作可供选择,分别是:行走,奔跑,站立,跳跃;其对应的预设文件内容如图7所示,预设文件中保存的若干动作(如行走、奔跑、站立、跳跃)每一帧、每一个身体部位旋转、平移的值,它是n个3X10的矩阵。(n为帧动画包含的帧数),矩阵的每一行分别是:图片向右平移的像素数,图片向下平移的像素数,图片绕其外接矩形的中心顺时针旋转的弧度数。
S5:根据预设文件,生成帧动画;所生成的帧动画分别如图8(行走)、图9(奔跑)、图10(站立)、图11(跳跃)所示。
根据上述说明书的揭示和教导,本发明所属领域的技术人员还可以对上述实施方式进行适当的变更和修改。因此,本发明并不局限于上面揭示和描述的具体实施方式,对本发明的一些修改和变更也应当落入本发明的权利要求的保护范围内。此外,尽管本说明书中使用了一些特定的术语,但这些术语只是为了方便说明,并不对本发明构成任何限制。
Claims (5)
1.一种帧动画生成方法,其特征在于,包括如下步骤:
(1)在一张人物或动物图片中按设定顺序抠图指定的身体部位,从而得到各身体部位图片;
(2)调整所述身体部位图片以符合人物或动物的自然站立姿势,并将调整后的身体部位图片保存;
(3)根据预设文件逐一对各身体部位图片进行平移、旋转的位置调整,最后将各身体部位图片叠加,得到帧动画一帧;
(4)重复步骤(3)多次,得到若干帧的帧动画。
2.根据权利要求1所述的帧动画生成方法,其特征在于,在步骤(1)中,在图片上点击的第一个点为初始点,当抠图路径回到初始点时,视为抠图完毕。
3.根据权利要求2所述的帧动画生成方法,其特征在于,将鼠标点击的各个点使用线段连接起来或将鼠标点击后拖动的轨迹视为抠图路径。
4.根据权利要求1所述的帧动画生成方法,其特征在于,在步骤(3)中,所述预设文件包括n个3X10的矩阵,n为帧动画包含的帧数,矩阵的每一行分别是图片向右平移的像素数、图片向下平移的像素数、图片绕其外接矩形的中心顺时针旋转的弧度数。
5.根据权利要求1所述的帧动画生成方法,其特征在于,在步骤(1)中,所述设定顺序为:
左手1:左手肩部至肘关节中间的部分,包含肩部和肘关节;
左手2:左手肘关节以下的部分,包含肘关节;
左腿1:左腿臀部以下膝盖以上的部分,包含臀部和膝盖;
左腿2、左腿膝盖以下的部分,包含膝盖;
身体:颈部以下臀部以上以及左右肩部的部分,包含颈部和臀部;
头部:颈部以上的部分,包含颈部;
右腿1:右腿臀部以下膝盖以上的部分,包含臀部和膝盖;
右腿2:右腿膝盖以下的部分,包含膝盖;
右手1:右手肩部至肘关节中间的部分,包含肩部和肘关节;
右手2:右手肘关节以下的部分,包含肘关节;
上述设定顺序是用户相对原图片身体向右时的情况,若原人物图片身体向左,则抠图顺序中应将左手、左腿和右手、右腿的位置互换。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2016108319508 | 2016-09-18 | ||
CN201610831950 | 2016-09-18 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106530372A true CN106530372A (zh) | 2017-03-22 |
Family
ID=58332298
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610901383.9A Pending CN106530372A (zh) | 2016-09-18 | 2016-10-17 | 一种帧动画的生成方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106530372A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109068069A (zh) * | 2018-07-03 | 2018-12-21 | 百度在线网络技术(北京)有限公司 | 视频生成方法、装置、设备及存储介质 |
CN109816757A (zh) * | 2018-12-14 | 2019-05-28 | 深圳壹账通智能科技有限公司 | 播放帧动画的方法及装置、计算机设备、计算机存储介质 |
CN111625684A (zh) * | 2020-05-19 | 2020-09-04 | 霍尔果斯品悦网络科技有限公司 | 一种将静态图片变成动态图片且连贯成动画的方法 |
WO2022134506A1 (zh) * | 2020-12-21 | 2022-06-30 | 深圳市前海手绘科技文化有限公司 | 一种动态人物制作的优化方法与装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103268624A (zh) * | 2013-05-09 | 2013-08-28 | 四三九九网络股份有限公司 | 动画的高效生成方法和装置 |
CN105243682A (zh) * | 2015-09-25 | 2016-01-13 | 翟翊民 | 一种肢体元件模型、角色以及二维动画制作的方法 |
CN105447902A (zh) * | 2016-01-15 | 2016-03-30 | 网易(杭州)网络有限公司 | 动画处理方法和装置 |
-
2016
- 2016-10-17 CN CN201610901383.9A patent/CN106530372A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103268624A (zh) * | 2013-05-09 | 2013-08-28 | 四三九九网络股份有限公司 | 动画的高效生成方法和装置 |
CN105243682A (zh) * | 2015-09-25 | 2016-01-13 | 翟翊民 | 一种肢体元件模型、角色以及二维动画制作的方法 |
CN105447902A (zh) * | 2016-01-15 | 2016-03-30 | 网易(杭州)网络有限公司 | 动画处理方法和装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109068069A (zh) * | 2018-07-03 | 2018-12-21 | 百度在线网络技术(北京)有限公司 | 视频生成方法、装置、设备及存储介质 |
CN109816757A (zh) * | 2018-12-14 | 2019-05-28 | 深圳壹账通智能科技有限公司 | 播放帧动画的方法及装置、计算机设备、计算机存储介质 |
CN111625684A (zh) * | 2020-05-19 | 2020-09-04 | 霍尔果斯品悦网络科技有限公司 | 一种将静态图片变成动态图片且连贯成动画的方法 |
WO2022134506A1 (zh) * | 2020-12-21 | 2022-06-30 | 深圳市前海手绘科技文化有限公司 | 一种动态人物制作的优化方法与装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11790589B1 (en) | System and method for creating avatars or animated sequences using human body features extracted from a still image | |
US9671942B2 (en) | Dynamic user interface for inheritance based avatar generation | |
Solarski | Drawing basics and video game art: Classic to cutting-edge art techniques for winning video game design | |
US9240067B2 (en) | Animation of photo-images via fitting of combined models | |
CN106530372A (zh) | 一种帧动画的生成方法 | |
US20140078144A1 (en) | Systems and methods for avatar creation | |
CN113924601A (zh) | 用于使人体的单个图像成动画并应用效果的娱乐性移动应用程序 | |
US20080316227A1 (en) | User defined characteristics for inheritance based avatar generation | |
CN107038735B (zh) | 一种实现实体打开动画的方法及*** | |
US11238667B2 (en) | Modification of animated characters | |
CN109325990A (zh) | 图像处理方法及图像处理装置、存储介质 | |
Spencer | Zbrush digital sculpting human Anatomy | |
KR20180081557A (ko) | 눈 이미지를 생성하는 방법 및 디바이스 | |
CN111714880A (zh) | 画面的显示方法和装置、存储介质、电子装置 | |
Chilton et al. | VisiFit: Structuring iterative improvement for novice designers | |
Caudron et al. | Blender 3D By Example | |
US20080170076A1 (en) | System for mapping animation from a source character to a destination character while conserving angular configuration | |
Lingens et al. | Towards automatic drawing animation using physics-based evolution | |
Ma et al. | Inclusive character creator: A showcase of inclusive design principles for 3D character creators | |
Caudron et al. | Blender 3D: Designing Objects | |
Kingslien | ZBrush studio projects: realistic game characters | |
US20080303829A1 (en) | Sex selection in inheritance based avatar generation | |
Yokokubo et al. | CADo: A supporting system for flower arrangement | |
US20220318892A1 (en) | Method and system for clothing virtual try-on service based on deep learning | |
Wang et al. | Automatic generation of game content customized by players: Generate 3D game character based on pictures |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170322 |