CN109598775A - 一种动态图像合成方法、装置、终端和存储介质 - Google Patents

Abstract

本发明实施例公开了一种动态图像合成方法、装置、终端和存储介质；本发明实施例采用显示终端捕捉到的实景图像，并在实景图像上显示动画模型的骨骼动画；当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；将目标实景图像分别与录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；将若干合成后图像组合成相应的动态图像；该方案可以自动将实景图像与动画模型的骨骼动画合成为相应的动态图像，无需用户进行大量重复的图像添加选择操作，因此，可以提升动态图像的合成效率。

Description

一种动态图像合成方法、装置、终端和存储介质

技术领域

本发明涉及图片处理技术领域，具体涉及一种动态图像合成方法、装置、终端和存储介质。

背景技术

目前一些产品如社交产品为了增加趣味性，在产品内增加了虚拟宠物功能，并且还设计了多种多样的虚拟宠物的动作，以便在用户使用产品的过程中播放，实现虚拟宠物执行各种动作的动画效果。

一般产品如社交产品中均提供了拍照应用，用户可以通过拍照应用调用终端相机拍摄照片。目前为了增加照片的多样性以及趣味性，在拍照应用还提供了图像合成功能。具体地，用户通过拍照应用的调用相机拍摄照片图像，终端拍照之后终端跳转到图像编辑页面，终端根据用户选择操作选取需要添加的静态图像如宠物的静态动作图像，然后，终端将拍摄的图像与选择添加的图像合成，这样便可以合成得到一张新的静态图像。

随着用户需求的不断增加，用户希望能够将拍摄图像与产品内虚拟宠物的动作动画相结合，此时，用户需要通过多次操作以重复上述单个静态图像合成的过程，以合成多个静态图片进而得到动态图片。

可见，由于目前的动态图像合成方案需要用户进行大量的重复操作，导致动态图像的合成效率比较低。

发明内容

本发明实施例提供一种动态图像合成方法、装置、终端和存储介质，可以动态图像的合成效率。

本发明实施例提供一种动态图像合成方法，包括：

显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画；

当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；

将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；

将所述若干合成后图像组合成相应的动态图像。

相应的，本发明实施例还提供了一种动态图像合成装置，包括：

第一显示单元，用于显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画；

截取单元，用于当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；

合成单元，用于将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；

组合单元，用于将所述若干合成后图像组合成相应的动态图像。

相应的，本发明实施例还提供一种终端包括存储器和处理器，所述存储器存储有指令，所述处理器加载所述指令以执行本发明实施例任一提供的动态图像合成方法。

相应的，本发明实施例还提供一种存储介质，所述存储介质存储有指令，所述指令被处理器执行时实现本发明实施例任一提供的方法的步骤。

本发明实施例采用显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画；当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；将该若干合成后图像组合成相应的动态图像。该方案可以自动将实景图像与动画模型的骨骼动画合成为相应的动态图像，无需用户进行大量重复的图像添加选择操作，因此，可以提升动态图像的合成效率。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1a是本发明实施例提供的动态图像合成系统的场景示意图；

图1b是本发明实施例提供的动态图像合成方法的流程示意图；

图1c是本发明实施例提供的动画模型的骨骼示意图；

图1d是本发明实施例提供的相机界面上动画模型拖动示意图；

图1e是本发明实施例提供的编辑界面上动画模型拖动的示意图；

图2a是本发明实施例提供的动态图像合成方法的另一流程示意图；

图2b是本发明实施例提供的社交产品的消息页面示意图；

图2c是本发明实施例提供的宠物主页示意图；

图2d是本发明实施提供的相机界面示意图；

图2e是本发明实施例提供的图像编辑界面的示意图；

图3a是本发明实施例提供的动态图像合成装置的第一种结构示意图；

图3b是本发明实施例提供的动态图像合成装置的第二种结构示意图；

图3c是本发明实施例提供的动态图像合成装置的第三种结构示意图；

图4是本发明实施例提供的终端的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供一种动态图像合成系统，该系统包括本发明实施例任一提供的动态图像合成装置，该动态图像合成装置可以集成在终端中，该终端可以为手机、平板电脑等设备此外，该系统还可以包括其他设备，比如，服务器等。

参考图1a，本发明实施例提供了一种动态图像合成系统，包括：终端和服务器，终端与服务器通过网络连接。具体地动态图像合成过程如下：

终端显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画；当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；将该若干合成后图像组合成相应的动态图像；终端将动态图像发送至服务器或者保存在本地。

以下将分别进行详细说明。

实施例一、

本实施例将从动态图像合成装置的角度进行描述，该动态图像合成装置具体在终端中，该终端可以为手机、平板电脑、笔记本电脑等设备。

一种动态图像合成方法，包括：。

如图1b所示，该动态图像合成方法的具体流程可以如下：

101、显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画。

其中，实景图像可以为终端摄像头捕捉到的图像，也就本实施例可以通过终端上的摄像头捕捉实景图像，并显示捕捉到的实景图像。

其中，动画模型为动画的对象主体，该对象主体可以根据实际需求设定，比如，该对象主体可以为猫、狗等宠物，人等等。

动画模型的骨骼动画可以是通过控制动画模型骨骼的位置、旋转方向和放大缩小而生成的动画。比如，通过控制动画模型骨骼的头，左手，右手，身体，左脚，右脚等进行相应的移动从而生成的动画。

本实施例中，骨骼动画可以为spine骨骼动画，也可以为其他帧动画或者其他运行库的骨骼动画。

实际应用中，可以由用户来选择所需的骨骼动画，比如，终端可以显示动画模型的各种骨骼动作的动作图标，每种骨骼动作对应一种骨骼动画，用户可以通过动作图片来选取显示的骨骼动画。也即不在“在该实景图像上显示动画模型的骨骼动画”可以包括：

接收用户通过骨骼动作图标触发的动画显示指令，该动画显示指令指示显示该骨骼动作图标对应的骨骼动画；

根据该动画显示指令在该实景图像上显示该动画模型相应的骨骼动画。

比如，参考图1c，在相机界面底部显示有多个骨骼动作图标，用户可以通过点击某个骨骼动作图标，或者将骨骼动作图标移动至选取框中(图中的圆形拍照按钮)，以选取相应的骨骼动画，此时，终端将会触发生成动画显示指令，这样本实施例的动态图像合成装置将会接收该指令，并根据该指令在实景图像上显示动画模型相应的骨骼动画。

可选地，为了提高合成的动态图像的多样性，本实施例还可以根据用户需求来设置动画模型在实景图像上的显示位置；比如，可以将动画模型移动到实景图像上的指定位置，然后，在指定位置上显示动画模型的骨骼动画。具体地，本实施例方法还可以包括：接收动画模型的移动指令，该指令指示动画模型在需要移动到的实景图像上的目标位置，根据该移动指令将该动画模型移动到实景图像上的目标位置。此时，可以在实景图像上的目标位置显示动画模型的骨骼动画。

例如，参考图1d，在相机界面显示实景图像后，可以将动画模型(即宠物)移动到自己制定的位置，然后，用户可以通过触发骨骼动作图标选择在该位置上播放动画模型的相应骨骼动画，参考图1c。

为了能够提升实景图像和骨骼动画的显示效果，防止实景图像和骨骼动画的显示相互影响，本实施例可以采用两个图像显示组件分别显示实景图像和骨骼动画。也即，步骤“显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画”可以包括：

通过终端系统的第一图像显示组件显示终端捕捉到的实景图像；

通过该终端系统的第二图像显示组件显示该动画模型的骨骼动画，其中，该第二图像显示组件叠加在该第一图像显示组件上。

其中，第一图像显示组件与第二图像显示组件的大小可以相同，二者可以完全重合。为了更好地显示骨骼动画，该第二图像显示组件的背景可以设置为透明，这样可以让骨骼动画更好地显示在实景图像上。

比如，当终端系统为安卓系统时，第一图像显示组件可以为TextureView，第二图像显示组件可以为GLSurfaceView。这样，可以在整个Activity上放置一个全屏TextureView，用于显示摄像机图像即实景图像，与此同时在TextureView之上放置同样大小的GLSurfaceView,两者完全重合，GLSufaceView用于渲染动画，我们的动画可以采用Spine骨骼动画，将骨骼动画显示在GLSurfaceView上，背景设置为透明，这样就能让骨骼动画显示在真实图像上。

102、当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画。

该拍摄指令的触发方式有多种，如通过用户操作、语音控制等触发。譬如，参考图1c，当用户点击相机界面上的拍照按钮时，便会触发拍摄指令，此时本实施例的动态图像合成装置便会对该指令进行接收。

可选地，本实施例可以通过显示图像的显示组件来截取图像，比如，步骤“截取当前显示的目标实景图像，并录制动画模型的骨骼动画”可以包括：

通过该第一图像显示组件截取当前显示的目标实景图像，同时通过该第二图像显示组件录制该动画模型的骨骼动画。

譬如，当接收到拍摄指令时，TextureView会截取当前显示的实景图像，并写入内存，同时GLSurfaceView会对当前显示的骨骼动画进行录制。

具体地，第二图像显示组件可以每隔一定时长截取当前显示的骨骼动画，以实现录制动画。也即步骤“通过该第二图像显示组件录制该动画模型的骨骼动画”可以包括：通过第二图像显示组件按照预设时长间隔截取当前显示的动画模型的骨骼动画图像。

其中，预设时长可以根据实际需求设定，比如可以为1ms、3ms等等。

可选地，为了便于用户合成动态图像，本实施例可以将截取的实景图像和录制的动画显示到相应的界面；为了提升实景图像和录制的动画在界面上的显示效果和质量，本实施例可以通过父子显示控件来显示图像。也即在录制骨骼动画之后，图像合成之前，本实施例合成方法还可以包括：

将该目标实景图像设置到父图像显示控件中，并将该录制骨骼动画的目标帧图像设置到该父图像显示控件的子图像显示控件中；

通过该父图像显示控件和该子图像显示控件，在相应界面上显示该目标实景图像以及该目标帧图像。

其中，该界面可以根据实际需求设定，比如，可以将实景图像以及动画的帧图像显示在图像合成编辑界面上。此外，骨骼动画的目标帧图像可以根据实际需求选择，比如，选择骨骼动画的第一个帧图像作为目标帧图像等等。

本实施例中，父子图像显示控件可以为安卓系统中的父子ImageView。

可选地，为了在图像显示时还原骨骼动画与目标实景图像之间的位置关系，提升动画图像合成的准确性和质量，本实施例可以在接收到拍摄指令时(如用户按下相机界面上的快门按钮触发拍摄指令)记录骨骼动画相对于实景图像的动画偏移位置，后续显示图像到界面时，可以基于该动画偏移位置来调整或设置父子图像显示控件之间的相对位置。也即本实施例方法还可以包括：在接收到拍摄指令时记录当前动画模型的骨骼动画相对于实景图像的动画偏移位置。

此时，步骤“通过该父图像显示控件和该子图像显示控件，在相应界面上显示该目标实景图像以及该目标帧图像”可以包括：

根据该动画偏移位置设置该子图像显示控件相对于该父图像显示控件的偏移位置；

根据设置后的该父图像显示控件和该子图像显示控件，在相应界面上显示该目标实景图像以及该目标帧图像。

其中，动画偏移位置可以为骨骼动画相对于实景图像左上角或者右上角的偏移位置，实景图像上的骨骼动画偏移参照可以根据实际需求设定，如以实景图像的中心点、顶部、底部等等为参照。

可选地，为能够使得实景图像和帧图像的显示与终端屏幕的大小相适宜，本实施例方法在设置父子图像显示控件之间的偏移位置之后，还可以对父子图像显示控件进行整体缩放，以适应终端屏幕的尺寸。比如，根据终端屏幕的尺寸参数(宽高等)来对父子图像显示控件进行整体缩放。

103、将目标实景图像分别与录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像。

比如，可以将目标实景图像作为背景图像，然后，将录制骨骼动画的每一帧图像分别于背景图像进行图像合成。譬如，录制骨骼动画有5帧时，可以将5个帧图像分别于目标实景图像进行合成。

可选地，为了能够使得合成的动态图像中骨骼动画与实景图像之间的相对位置与合成前相同，提升动态图像合成的精确性，本实施例可以根据当前子图像显示控件相对于父图像显示控件的偏移位置(即目标帧图像相对于目标实景图像的偏移位置)，将该录制骨骼动画的每一帧图像分别与该背景图像进行图像合成。

实际应用中，当前父子图像显示控件之间的偏移位置与根据动画偏移设置后的偏移位置可以相同也可以不同。比如，用户可以通过在界面上拖动动画模型来改变偏移位置，此时，偏移为在于根据动画偏移设置后的父子图像显示控件之间的偏移位置不相同。

譬如，在相应界面上显示该目标实景图像以及该目标帧图像之后，接收用户输入的移动请求，该移动请求指示子图像显示控件需要移动到的目标位置，根据该移动请求将子图像显示控件移动到该目标位置。参考图1e，用户可以在编辑界面上拖动动画模型到指定位置，终端响应用户拖动，将子图像显示控件移动到相应的指定位置。

此时，父子图像显示控件之间的偏移位置发生了变化，在后续合成时，可以基于变化后的偏移位置来进行图像合成。

可选地，为了增加动态图像的多样性，提升用户体验，本实施例还可以在界面上添加信息显示框，具体地，可以基于动画偏移位置和骨骼动画的尺寸，在相应位置添加信息显示框；也即步骤“将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成”，包括：

根据该动画偏移位置以及该骨骼动画的尺寸，在该界面的相应位置添加信息显示框；

在该信息显示框内显示相应的文字；

对该信息显示框进行图像截取，得到信息显示框图像；

将该目标实景图像和该信息显示框图像、分别与该录制骨骼动画的每一帧图像进行图像合成。

其中，骨骼动画的尺寸包括骨骼动画的宽高等尺寸参数，比如，可以根据动画偏移位置和骨骼动画的宽高在编辑界面的相应位置添加信息显示框。

该信息显示框的形式有多种，比如，可以为气泡等。

在添加信息显示框之后，可以获取用户输入的信息，并在该信息显示框内显示用户输入的信息。其中，信息显示框显示的信息可以包括文字信息、图片信息等等。

在信息显示框内显示信息之后，本实施例方法可以单独对信息显示框进行图像截取，得到相应的信息显示框图像如气泡文字图像，然后，将目标实景图像和该信息显示框图像、分别与该录制骨骼动画的每一帧图像进行图像合成。

其中，信息显示框图像、目标实景图像、骨骼动画的帧图像的合成顺序可以根据实际需求设定，比如，为提高动态图像的合成质量，本实施例中图像合成的先后顺序可以为实景图像->骨骼动画->信息显示框图像；比如实景照片->骨骼动画->气泡文字图片。也就是说，先将实景图像与骨骼动画的帧图像合成，然后，在合成信息显示框图像。具体地，步骤“将该目标实景图像和该信息显示框图像、与该录制骨骼动画的每一帧图像进行图像合成”可以包括：

确定该录制骨骼动画中当前待合成的帧图像；

将该目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将该背景图像与当前待合成的帧图像进行图像合成，得到合成后骨骼动画图像；

将该信息显示框图像与该合成后骨骼动画图像进行图像合成；

确定该录制骨骼动画是否存在待合成的帧图像；若是，则返回执行确定该录制骨骼动画中当前待合成的帧图像的步骤。

104、将若干合成后图像组合成相应的动态图像。

本实施例在图像合成之后可以得到一组连续的合成后图像，此时，可以将一组连续的合成后图像组合成动态图像。

其中，组合方式可以有多种，比如，可以按照合成后图像对应的骨骼动画帧截取时间来组合等等。

本实施例的动态图像可以以目标实景图像为背景，骨骼动画的帧图像在背景上连续显示。

本实施例在得到动态图像之后还可以在本地保存，或者发送给服务器由服务器发送给其他用户终端。

由上可知，本发明实施例采用显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画；当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；将该若干合成后图像组合成相应的动态图像。该方案可以自动将实景图像与动画模型的骨骼动画合成为相应的动态图像，无需用户进行大量重复的图像添加选择操作，因此，可以提升动态图像的合成效率。

此外，本发明实施例的方案提供了一种动画和拍照相结合的动态图合成技术，同时也是一种新的拍照方式，提供用户更加生动，丰富的拍照体验，吸引用户使用产品内的宠物相机功能，拉动活跃以及照片上传量，让用户拍出与众不同的动态图拍照效果。

实施例二、

根据实施例一所描述的方法，以下将作进一步详细说明。

本发明实施例提供了一种动态图像合成系统，包括终端和服务器，参考图1a，终端与服务器通过网络连接。

下面将基于上述所示的动态图像合成系统，来对本发明的动画实现方法进一步描述。

如图2a所示，一种动态图像合成方法，具体流程可以如下：

201、终端通过系统的第一图像显示组件显示捕捉到的实景图像。

其中，实景图像可以为终端摄像头捕捉到的图像，也就本实施例可以通过终端上的摄像头捕捉实景图像，并通过第一图像显示组件显示捕捉到的实景图像

该第一图像显示组件可以为安卓系统中的TextureView。

参考图2b，当用户点击宠物时，弹出相应的菜单；当用户点击宠物主页图标时，显示宠物主页界面，参考图2c。之后当用户点击宠物主页中相机拍照图标时，终端进入相机拍照界面，参考图2d。终端通过第一图像显示组件在相机拍照界面显示相机捕获到的实景图像，并且通过第二图像显示组件在相机界面上显示动画模型。

202、终端通过系统的第二图像显示组件在该实景图像上显示动画模型的骨骼动画。

其中，动画模型为动画的对象主体，该对象主体可以根据实际需求设定，比如，该对象主体可以为猫、狗等宠物，人等等。

动画模型的骨骼动画可以是通过控制动画模型骨骼的位置、旋转方向和放大缩小而生成的动画。比如，通过控制动画模型骨骼的头，左手，右手，身体，左脚，右脚等进行相应的移动从而生成的动画。

本实施例中，骨骼动画可以为spine骨骼动画，也可以为其他帧动画或者其他运行库的骨骼动画。

该第二图像显示组件可以为安卓系统中的GLSurfaceView。本实施例可以在整个Activity上放置一个全屏TextureView，用于显示摄像机图像即实景图像，与此同时在TextureView之上放置同样大小的GLSurfaceView,两者完全重合，GLSufaceView用于渲染动画，我们的动画可以采用Spine骨骼动画，将骨骼动画显示在GLSurfaceView上，背景设置为透明，这样就能让骨骼动画显示在真实图像上。

实际应用中，终端可以接收用户通过骨骼动作图标触发的动画显示指令，该动画显示指令指示显示该骨骼动作图标对应的骨骼动画，根据该动画显示指令在该实景图像上显示该动画模型相应的骨骼动画。参考图1c，用户可以拖动动画模型到相机界面的指定位置，并且通过点骨骼动作图片选择相应的骨骼动画。

203、当接收到拍摄指令时，终端通过该第一图像显示组件截取当前显示的目标实景图像，同时通过该第二图像显示组件录制该动画模型的骨骼动画，得到录制骨骼动画，以及记录接收到拍摄指令时当前动画模型的骨骼动画相对于实景图像的动画偏移位置。

其中，该拍摄指令的触发方式有多种，如通过用户操作、语音控制等触发。譬如，参考图1c，当用户点击相机界面上的拍照按钮时，便会触发拍摄指令，此时本实施例的动态图像合成装置便会对该指令进行接收。

譬如，当接收到拍摄指令时，TextureView会截取当前显示的实景图像，并写入内存，同时GLSurfaceView会按照预设时长间隔截取当前显示的动画模型的骨骼动画图像，以录制骨骼动画。

其中，预设时长可以根据实际需求设定，比如可以为0.11ms、2ms等等。

204、终端将该目标实景图像设置到父图像显示控件中，并将该录制骨骼动画的目标帧图像设置到该父图像显示控件的子图像显示控件中。

本实施例中，父子图像显示控件可以为安卓系统中的父子ImageView。

205、终端根据动画偏移位置设置子图像显示控件相对于父图像显示控件的偏移位置，并根据设置后的父图像显示控件和子图像显示控件，在图像编辑界面上显示目标实景图像以及目标帧图像。

本实施可以根据之前记录的动画偏移值将该动画帧图片设置到子ImageView上并还原到相对父ImageView的偏移位置。

206、终端根据动画偏移位置以及骨骼动画的尺寸，在图像编辑界面的相应位置添加信息显示框。

其中，骨骼动画的尺寸包括骨骼动画的宽高等尺寸参数，比如，可以根据动画偏移位置和骨骼动画的宽高在编辑界面的相应位置添加信息显示框。该信息显示框的形式有多种，比如，可以为气泡、气球等。

207、终端在该信息显示框内显示相应的信息，并对该信息显示框进行图像截取，得到信息显示框图像。

其中，信息显示框显示的信息可以包括文字信息、图片信息等等。

参考图2e，在图像编辑界面上的相应位置添加了文字气泡，并且可以在文字气泡内显示用户输入的文字信息等。

208、终端将目标实景图像和该信息显示框图像、分别与该录制骨骼动画的每一帧图像进行图像合成，得到合成后图像组。

其中，合成后图像组包括若干合成后图像，如一组连续的合成后图像。

其中，信息显示框图像、目标实景图像、骨骼动画的帧图像的合成顺序可以根据实际需求设定，比如，为提高动态图像的合成质量，本实施例中图像合成的先后顺序可以为实景图像->骨骼动画->信息显示框图像；比如实景照片->骨骼动画->气泡文字图片。

比如，终端的图像合成过程可以包括：

确定该录制骨骼动画中当前待合成的帧图像；

将该目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将该背景图像与当前待合成的帧图像进行图像合成，得到合成后骨骼动画图像；

将该信息显示框图像与该合成后骨骼动画图像进行图像合成；

确定该录制骨骼动画是否存在待合成的帧图像；若是，则返回执行确定该录制骨骼动画中当前待合成的帧图像的步骤；若否，则执行步骤209。

比如，当用户点击图2e中的“完成”按钮时，终端会将目标实景图像和该信息显示框图像、分别与该录制骨骼动画的每一帧图像进行图像合成，得到合成后图像组。

209、终端将合成后图像组内的图像组合成相应的动态图像。

其中，组合方式可以有多种，比如，可以按照合成后图像对应的骨骼动画帧截取时间来组合等等。

本实施例的动态图像可以以目标实景图像为背景，骨骼动画的帧图像在背景上连续显示。

210、终端将动态图像保存在本地或者上传服务器。

比如，终端将动态图像发送给服务器，由服务器将该动态图像转发给其他终端。

由上可知，本发明实施例采用显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画；当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；将该若干合成后图像组合成相应的动态图像。该方案可以自动将实景图像与动画模型的骨骼动画合成为相应的动态图像，无需用户进行大量重复的图像添加选择操作，因此，可以提升动态图像的合成效率。

此外，本发明实施例的方案提供了一种动画和拍照相结合的动态图合成技术，同时也是一种新的拍照方式，提供用户更加生动，丰富的拍照体验，吸引用户使用产品内的宠物相机功能，拉动活跃以及照片上传量，让用户拍出与众不同的动态图拍照效果。

实施例三、

为了更好地实施以上方法，本发明实施例还提供动态图像合成装置，如图3a所示，该动态图像合成装置可以包括：第一显示单元301、截取单元302、合成单元303以及组合单元304，如下：

(1)第一显示单元301；

第一显示单元301，用于显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画。

实景图像可以为终端摄像头捕捉到的图像，也就本实施例可以通过终端上的摄像头捕捉实景图像，并显示捕捉到的实景图像。

其中，动画模型为动画的对象主体，该对象主体可以根据实际需求设定，比如，该对象主体可以为猫、狗等宠物，人等等。

本实施例中，骨骼动画可以为spine骨骼动画，也可以为其他帧动画或者其他运行库的骨骼动画。

其中，第一显示单元301，可以用于：通过终端系统的第一图像显示组件显示终端捕捉到的实景图像；通过该终端系统的第二图像显示组件显示该动画模型的骨骼动画，其中，该第二图像显示组件叠加在该第一图像显示组件上。比如，当终端系统为安卓系统时，第一图像显示组件可以为TextureView，第二图像显示组件可以为GLSurfaceView。这样，可以在整个Activity上放置一个全屏TextureView，用于显示摄像机图像即实景图像，与此同时在TextureView之上放置同样大小的GLSurfaceView,两者完全重合，GLSufaceView用于渲染动画，我们的动画可以采用Spine骨骼动画，将骨骼动画显示在GLSurfaceView上，背景设置为透明，这样就能让骨骼动画显示在真实图像上。

(2)截取单元302；

截取单元302，用于当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画。

比如，截取单元302，可以用于通过该第一图像显示组件截取当前显示的目标实景图像，同时通过该第二图像显示组件录制该动画模型的骨骼动画。

其中，截取单元302，可以用于通过第二图像显示组件按照预设时长间隔截取当前显示的动画模型的骨骼动画图像。

譬如，当接收到拍摄指令时，TextureView会截取当前显示的实景图像，并写入内存，同时GLSurfaceView会对当前显示的骨骼动画进行录制。

其中，预设时长可以根据实际需求设定，比如可以为1ms、3ms等等。

(3)合成单元303；

合成单元303，用于将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像。

比如，合成单元303可以用于将该目标实景图像作为背景图像；根据当前子图像显示控件相对于父图像显示控件的偏移位置，将该录制骨骼动画的每一帧图像分别与该背景图像进行图像合成。

又比如，合成单元303可以具体用于：

根据该动画偏移位置以及该骨骼动画的尺寸，在该界面的相应位置添加信息显示框；

在该信息显示框内显示相应的信息；

对该信息显示框进行图像截取，得到信息显示框图像；

将该目标实景图像和该信息显示框图像、分别与该录制骨骼动画的每一帧图像进行图像合成。

其中，合成单元303，可以具体用于：

确定该录制骨骼动画中当前待合成的帧图像；

将该目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将该背景图像与当前待合成的帧图像进行图像合成，得到合成后骨骼动画图像；

将该信息显示框图像与该合成后骨骼动画图像进行图像合成；

确定该录制骨骼动画是否存在待合成的帧图像；若是，则返回执行确定该录制骨骼动画中当前待合成的帧图像的步骤。

(4)组合单元304；

组合单元304，用于将该若干合成后图像组合成相应的动态图像。

其中，组合方式可以有多种，比如，组合单元304可以按照合成后图像对应的骨骼动画帧截取时间来组合等等。

可选地，为了便于用户合成动态图像，本实施例可以将截取的实景图像和录制的动画显示到相应的界面；为了提升实景图像和录制的动画在界面上的显示效果和质量，本实施例可以通过父子显示控件来显示图像。参考图3b，本实施例动态图像合成装置还可以包括：第二显示单元305；

该第二显示单元305，用于在截取单元302录制动画之后，该合成单元303合成图像之前，将该目标实景图像设置到父图像显示控件中，并将该录制骨骼动画的目标帧图像设置到该父图像显示控件的子图像显示控件中；

通过该父图像显示控件和该子图像显示控件，在相应界面上显示该目标实景图像以及该目标帧图像。

可选地，为了在图像显示时还原骨骼动画与目标实景图像之间的位置关系，提升动画图像合成的准确性和质量，本实施例可以在接收到拍摄指令时(如用户按下相机界面上的快门按钮触发拍摄指令)记录骨骼动画相对于实景图像的动画偏移位置，后续显示图像到界面时，可以基于该动画偏移位置来调整或设置父子图像显示控件之间的相对位置。参考图3c，本实施例动态图像合成装置还可以包括：偏移记录单元306；

偏移记录单元306，用于在接收到拍摄指令时记录当前动画模型的骨骼动画相对于实景图像的动画偏移位置；

此时，第二显示单元305，可以用于：

根据该动画偏移位置设置该子图像显示控件相对于该父图像显示控件的偏移位置；

根据设置后的该父图像显示控件和该子图像显示控件，在相应界面上显示该目标实景图像以及该目标帧图像。

其中，动画偏移位置可以为骨骼动画相对于实景图像左上角或者右上角的偏移位置，实景图像上的骨骼动画偏移参照可以根据实际需求设定，如以实景图像的中心点、顶部、底部等等为参照。

具体实施时，以上各个单元可以作为独立的实体来实现，也可以进行任意组合，作为同一或若干个实体来实现，以上各个单元的具体实施可参见前面的方法实施例，在此不再赘述。

该动态图像合成装置具体可以集成终端，比如以客户端的形式集成在终端中，该终端可以为手机、平板电脑等设备。

由上可知，本发明实施例采用第一显示单元301显示终端捕捉到的实景图像，并在该实景图像上显示动画模型的骨骼动画；由截取单元302当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；由合成单元303将该目标实景图像分别与该录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；由组合单元304将该若干合成后图像组合成相应的动态图像。该方案可以自动将实景图像与动画模型的骨骼动画合成为相应的动态图像，无需用户进行大量重复的图像添加选择操作，因此，可以提升动态图像的合成效率。

此外，本发明实施例的方案提供了一种动画和拍照相结合的动态图合成技术，同时也是一种新的拍照方式，提供用户更加生动，丰富的拍照体验，吸引用户使用产品内的宠物相机功能，拉动活跃以及照片上传量，让用户拍出与众不同的动态图拍照效果。

实施例四、

为了更好地实施以上方法，本发明实施例还提供了一种终端，该终端可以为手机、平板电脑等设备。

参考图4，本发明实施例提供了一种终端400，可以包括一个或者一个以上处理核心的处理器401、一个或一个以上计算机可读存储介质的存储器402、射频(RadioFrequency，RF)电路403、电源404、输入单元405、以及显示单元406等部件。本领域技术人员可以理解，图4中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

处理器401是该终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器402内的软件程序和/或模块，以及调用存储在存储器402内的数据，执行终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器401可包括一个或多个处理核心；优选的，处理器401可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器401中。

存储器402可用于存储软件程序以及模块，处理器401通过运行存储在存储器402的软件程序以及模块，从而执行各种功能应用以及数据处理。

RF电路403可用于收发信息过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器401处理；另外，将涉及上行的数据发送给基站。

终端还包括给各个部件供电的电源404(比如电池)，优选的，电源可以通过电源管理系统与处理器401逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源404还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

该终端还可包括输入单元405，该输入单元405可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

该终端还可包括显示单元406，该显示单元406可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元408可包括显示面板，可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-EmittingDiode)等形式来配置显示面板。

具体在本实施例中，终端中的处理器401会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中，并由处理器401来运行存储在存储器402中的应用程序，从而实现各种功能，如下：

显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画；

当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；

将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；

将所述若干合成后图像组合成相应的动态图像。

可选地，显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画，包括：

通过终端系统的第一图像显示组件显示终端捕捉到的实景图像；

通过所述终端系统的第二图像显示组件显示所述动画模型的骨骼动画，其中，所述第二图像显示组件叠加在所述第一图像显示组件上；

截取当前显示的目标实景图像，并录制动画模型的骨骼动画，包括：

通过所述第一图像显示组件截取当前显示的目标实景图像，同时通过所述第二图像显示组件录制所述动画模型的骨骼动画。

可选地，通过所述第二图像显示组件录制所述动画模型的骨骼动画，包括：

通过第二图像显示组件按照预设时长间隔截取当前显示的动画模型的骨骼动画图像。

可选地，在录制骨骼动画之后，图像合成之前，处理器还用于执行以下步骤：

，将所述目标实景图像设置到父图像显示控件中，并将所述录制骨骼动画的目标帧图像设置到所述父图像显示控件的子图像显示控件中；

通过所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像。

可选地，处理器还用于执行：在接收到拍摄指令时记录当前动画模型的骨骼动画相对于实景图像的动画偏移位置；

此时，通过所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像，包括：

根据所述动画偏移位置设置所述子图像显示控件相对于所述父图像显示控件的偏移位置；

根据设置后的所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像。

可选地，将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，包括：

将所述目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将所述录制骨骼动画的每一帧图像分别与所述背景图像进行图像合成。

可选地，将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，包括：

根据所述动画偏移位置以及所述骨骼动画的尺寸，在所述界面的相应位置添加信息显示框；

在所述信息显示框内显示相应的信息；

对所述信息显示框进行图像截取，得到信息显示框图像；

将所述目标实景图像和所述信息显示框图像、分别与所述录制骨骼动画的每一帧图像进行图像合成。

可选地，将所述目标实景图像和所述信息显示框图像、与所述录制骨骼动画的每一帧图像进行图像合成，包括：

确定所述录制骨骼动画中当前待合成的帧图像；

将所述目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将所述背景图像与当前待合成的帧图像进行图像合成，得到合成后骨骼动画图像；

将所述信息显示框图像与所述合成后骨骼动画图像进行图像合成；

确定所述录制骨骼动画是否存在待合成的帧图像；若是，则返回执行确定所述录制骨骼动画中当前待合成的帧图像的步骤。

由上可知，本发明实施例终端采用显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画；当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；将所述若干合成后图像组合成相应的动态图像。该方案可以自动将实景图像与动画模型的骨骼动画合成为相应的动态图像，无需用户进行大量重复的图像添加选择操作，因此，可以提升动态图像的合成效率。

此外，本发明实施例的方案提供了一种动画和拍照相结合的动态图合成技术，同时也是一种新的拍照方式，提供用户更加生动，丰富的拍照体验，吸引用户使用产品内的宠物相机功能，拉动活跃以及照片上传量，让用户拍出与众不同的动态图拍照效果。本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

以上对本发明实施例所提供的一种动态图像合成方法、装置、终端和存储介质进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (14)

1.一种动态图像合成方法，其特征在于，包括：

显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画；

当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；

将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；

将所述若干合成后图像组合成相应的动态图像。

2.如权利要求1所述的动态图像合成方法，其特征在于，显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画，包括：

通过终端系统的第一图像显示组件显示终端捕捉到的实景图像；

通过所述终端系统的第二图像显示组件显示所述动画模型的骨骼动画，其中，所述第二图像显示组件叠加在所述第一图像显示组件上；

截取当前显示的目标实景图像，并录制动画模型的骨骼动画，包括：

通过所述第一图像显示组件截取当前显示的目标实景图像，同时通过所述第二图像显示组件录制所述动画模型的骨骼动画。

3.如权利要求2所述的动态图像合成方法，其特征在于，通过所述第二图像显示组件录制所述动画模型的骨骼动画，包括：

通过第二图像显示组件按照预设时长间隔截取当前显示的动画模型的骨骼动画图像。

4.如权利要求1所述的动态图像合成方法，其特征在于，在录制骨骼动画之后，图像合成之前，所述动态图像合成方法还包括：

将所述目标实景图像设置到父图像显示控件中，并将所述录制骨骼动画的目标帧图像设置到所述父图像显示控件的子图像显示控件中；

通过所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像。

5.如权利要求4所述的动态图像合成方法，其特征在于，所述方法还包括：在接收到拍摄指令时记录当前动画模型的骨骼动画相对于实景图像的动画偏移位置；

通过所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像，包括：

根据所述动画偏移位置设置所述子图像显示控件相对于所述父图像显示控件的偏移位置；

根据设置后的所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像。

6.如权利要求4所述的动态图像合成方法，其特征在于，将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，包括：

将所述目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将所述录制骨骼动画的每一帧图像分别与所述背景图像进行图像合成。

7.如权利要求5所述的动态图像合成方法，其特征在于，将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，包括：

根据所述动画偏移位置以及所述骨骼动画的尺寸，在所述界面的相应位置添加信息显示框；

在所述信息显示框内显示相应的信息；

对所述信息显示框进行图像截取，得到信息显示框图像；

将所述目标实景图像和所述信息显示框图像、分别与所述录制骨骼动画的每一帧图像进行图像合成。

8.如权利要求7所述的动态合成方法，其特征在于，将所述目标实景图像和所述信息显示框图像、与所述录制骨骼动画的每一帧图像进行图像合成，包括：

确定所述录制骨骼动画中当前待合成的帧图像；

将所述目标实景图像作为背景图像；

根据当前子图像显示控件相对于父图像显示控件的偏移位置，将所述背景图像与当前待合成的帧图像进行图像合成，得到合成后骨骼动画图像；

将所述信息显示框图像与所述合成后骨骼动画图像进行图像合成；

确定所述录制骨骼动画是否存在待合成的帧图像；若是，则返回执行确定所述录制骨骼动画中当前待合成的帧图像的步骤。

9.一种动态图像合成装置，其特征在于，包括：

第一显示单元，用于显示终端捕捉到的实景图像，并在所述实景图像上显示动画模型的骨骼动画；

截取单元，用于当接收到拍摄指令时截取当前显示的目标实景图像，并录制动画模型的骨骼动画，得到录制骨骼动画；

合成单元，用于将所述目标实景图像分别与所述录制骨骼动画的每一帧图像进行图像合成，得到若干合成后图像；

组合单元，用于将所述若干合成后图像组合成相应的动态图像。

10.如权利要求9所述的动态图像合成装置，其特征在于，所述第一显示单元，用于：通过终端系统的第一图像显示组件显示终端捕捉到的实景图像；通过所述终端系统的第二图像显示组件显示所述动画模型的骨骼动画，其中，所述第二图像显示组件叠加在所述第一图像显示组件上；

所述截取单元，用于通过所述第一图像显示组件截取当前显示的目标实景图像，同时通过所述第二图像显示组件录制所述动画模型的骨骼动画。

11.如权利要求9所述的动态图像合成装置，其特征在于，所述动态图像合成装置还包括：第二显示单元；

所述第二显示单元，用于在截取单元录制动画之后，所述合成单元合成图像之前，将所述目标实景图像设置到父图像显示控件中，并将所述录制骨骼动画的目标帧图像设置到所述父图像显示控件的子图像显示控件中；

通过所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像。

12.如权利要求11所述的动态图像合成装置，其特征在于，还包括：偏移记录单元；

所述偏移记录单元，用于在接收到拍摄指令时记录当前动画模型的骨骼动画相对于实景图像的动画偏移位置；

所述第二显示单元，用于：

根据所述动画偏移位置设置所述子图像显示控件相对于所述父图像显示控件的偏移位置；

根据设置后的所述父图像显示控件和所述子图像显示控件，在相应界面上显示所述目标实景图像以及所述目标帧图像。

13.一种终端，其特征在于，包括存储器和处理器，所述存储器存储有指令，所述处理器加载所述指令以执行如权利要求1-8任一项所述的动态图像合成。

14.一种存储介质，其特征在于，所述存储介质存储有指令，所述指令被处理器执行时实现如权利要求1-8任一项所述方法的步骤。