CN111667562A - 基于图片素材的动效界面生成方法和装置 - Google Patents

Abstract

本申请提供了一种基于图片素材的动效界面生成方法和装置，其方法包括：识别图片素材中图像内容对应的第一素材类型；从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。该方法可以实现为图片素材中不同素材类型的图像内容匹配出适用的动效逻辑组件，无需写代码和输出序列帧，动效界面的制作效率高，动效设计的门槛低。且可以实现动效逻辑库中的动效逻辑组件能够在不同的图片素材进行复用，实现批量处理图片素材，通用性强、动效品质好。

Description

基于图片素材的动效界面生成方法和装置

技术领域

本申请属于图片数据处理技术领域，尤其涉及一种基于图片素材的动效界面生成方法和装置，还涉及用于执行该基于图片素材的动效界面生成方法的电子书设备及存储介质。

背景技术

目前，常规的程序界面开发过程是需要开发人员提供原型图，进而根据原型图进行界面布局设计来显示界面内容。其中，显示的内容包括开发人员用代码生成的视图以及开发人员集成设置在界面内的图片。

随着互联网多元化的发展，动态效果页面技术正在不断发展和应用。现有技术中，对程序界面进行动态效果呈现时，常规的做法是：将程序界面的平面素材进行二次加工并输出序列帧，或者针对平面素材的每个图层，逐一配置动效操作来实现动态效果的呈现。然而，这样的做法需要人工编辑动效代码和输出序列帧，工作繁复、动效单一，且成效的动态效果还需要调试，费时费力。而且，动效在输出时也存在耗时长、修改成本大、动效难以复用、无法实现批量处理等缺陷。

发明内容

有鉴于此，本申请实施例提供了一种基于图片素材的动效界面生成方法、装置、电子设备及存储介质，无需写代码和输出序列帧，动效界面的制作效率高，动效设计的门槛低，且通用性强、动效品质好。

本申请实施例的第一方面提供了一种基于图片素材的动效界面生成方法，该方法包括：

识别图片素材中图像内容对应的第一素材类型；

从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；

根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

结合第一方面，在第一方面的第一种可能实现方式中，所述识别图片素材中图像内容对应的第一素材类型的步骤之前，还包括：

对所述图片素材进行栅格化处理。

结合第一方面或第一方面的第一种可能实现方式，在第一方面的第二种可能实现方式中，所述识别图片素材中图像内容对应的第一素材类型的步骤，包括：

对图片素材中的图像内容进行特征识别，获取所述图像内容在图片素材中的图层特征信息；

根据所述图层特征信息查询预设的图层特征-素材类型对应关系表，以识别获得图片素材中图像内容对应的第一素材类型。

结合第一方面的第二种可能实现方式，在第一方面的第三种可能实现方式中，所述预设的图层特征-素材类型对应关系表通过训练神经网络模型的方式构建生成。

结合第一方面或第一方面的第一种可能实现方式，在第一方面的第四种可能实现方式中，所述识别图片素材中图像内容对应的第一素材类型的步骤，包括：

获取已对图像内容进行标签标注的图片素材；

对所述图片素材中的图像内容进行标签识别，获取与所述图像内容对应的标签信息，其中，所述标签信息中包含有图像内容对应的第一素材类型。

结合第一方面，在第一方面的第五种可能实现方式中，所述根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面的步骤，包括：

根据图像内容对所述图片素材进行图层分组处理获得至少一个图层组，并以所述图层组中图像内容对应的素材类型对所述图层组进行命名；

将命名与所述第一素材类型一致的图层分组所处的位置确定为与所述第一素材类型相匹配的动效逻辑组件在图片素材中的作用位置。

结合第一方面，在第一方面的第六种可能实现方式中，所述根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面的步骤，还包括：

对所述动效逻辑组件进行参数配置。

本申请实施例的第二方面提供了一种基于图片素材的动效界面生成装置，所述基于图片素材的动效界面生成装置包括：

识别模块，用于识别图片素材中图像内容对应的第一素材类型；

匹配模块，用于从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；

生成模块，用于根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

本申请实施例的第三方面提供了一种电子设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面任意一项所述基于图片素材的动效界面生成方法的步骤。

本申请实施例的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面任一项所述基于图片素材的动效界面生成方法的步骤。

本申请实施例与现有技术相比存在的有益效果是：

本申请通过识别图片素材中图像内容对应的第一素材类型；从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。该方法可以实现为图片素材中不同素材类型的图像内容匹配出适用的动效逻辑组件，无需写代码和输出序列帧，动效界面的制作效率高，动效设计的门槛低。且可以实现动效逻辑库中的动效逻辑组件能够在不同的图片素材进行复用，实现批量处理图片素材，通用性强、动效品质好。

附图说明

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

图1为本申请实施例提供的一种基于图片素材的动效界面生成方法的基本方法流程示意图；

图2为本申请实施例提供的基于图片素材的动效界面生成方法中识别第一素材类型时的一种方法流程示意图；

图3为本申请实施例提供的基于图片素材的动效生成方法中识别第一素材类型时的另一种方法流程示意图；

图4为本申请实施例提供的基于图片素材的动效生成方法中确定动效逻辑组件作用位置的一种方法流程示意图；

图5为本申请实施例提供的一种基于图片素材的动效界面生成装置的结构示意图；

图6为本申请实施例提供的一种实现基于图片素材的动效界面生成方法的电子设备的示意图。

具体实施方式

以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。

应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。

另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。

为了说明本申请所述的技术方案，下面通过具体实施例来进行说明。

本申请旨在提供一种基于图片素材的动效界面生成方法和装置，按照图片素材中的图像内容分类来定义素材类型，并基于素材类型建立标准化的动效逻辑库，实现无需写代码和输出序列帧即可自动生成带动效的可视化界面，可以用来制作任意ios动效界面和web网页动效界面，动效界面的制作效率高，动效设计的门槛低；且动效逻辑组件可以复用，能够批量处理图片素材，通用性强、动效品质好。

本申请的一些实施例中，请参阅图1，图1为本申请实施例提供的一种基于图片素材的动效界面生成方法的基本方法流程示意图。详述如下：

在步骤S101中，识别图片素材中图像内容对应的第一素材类型。

本实施例中，图片素材主要为由Photoshop软件((简称“PS”，是由Adobe Systems开发和发行的图像处理软件))生成的具有多图层图片格式的PSD文件。每个图层中绘制有该图片素材的部分或全部图像内容。素材类型是根据图像内容分类来进行定义的。例如，房地产领域用于生成动效界面的图片素材中，一般会包含有项目标识、路网图、主题文本文字、项目配套点中的至少一种图像内容。那么对应地，按照图片素材中的不同图像内容进行分类，然后根据分类可以定义出包括但不限于标识型、路网型、文字型、配套点型等多种素材类型。进而，在本实施例中，可以通过对图片素材中的图像内容进行识别来获得图片素材中每一项图像内容对应的素材类型(即第一素材类型)。

在步骤S102中，从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件。

本实施例中，对于按照图片素材中不同图像内容进行分类定义得到对应的素材类型，针对每一个素材类型进行动效逻辑设计，分别设计出适用于与素材类型对应的图像使用的动效逻辑组件，并存储于预设的动效逻辑库中，以形成一个标准化的动效逻辑库。在标准化的动效逻辑库中，每一个动效逻辑组件都形成有其与素材类型之间的映射关系。在本实施例中，对图片素材中的每一项图像内容识别出对应的的第一素材类型后，结合动效逻辑组件与素材类型之间对应的映射关系，根据该第一素材类型遍历动效逻辑库即可从该动效逻辑库中获取得到与第一素材类型相匹配的动效逻辑组件。可以理解的是，针对于同一个素材类型，可以设计唯一的一个动效逻辑组件与其对应，也可以设计多个不同的动效逻辑组件与其对应。若一个素材类型对应多个不同的动效逻辑组件，则在为图像内容匹配动效逻辑组件时可以通过分析用户习惯或兴趣或用户设定等方式择一匹配。

本申请的一些实施例中，动效逻辑组件为依据素材类型设计的动效要素组合，每一个动效要素组合中至少包括进入动效要素、强调动效要素和循环动效要素。在本实施例中，通过对依据素材类型设计的动效要素组合进行打包封装形成动效逻辑组件。举例说明，针对于“标识型”素材类型，依据素材类型设计的动效要素组合包括弹性变大、扩散消失、以及光晕三个动效要素，其中，弹性变大的效果为图片等比非匀速放大；扩散消失的效果为图片等比放大过程中透明度逐渐降低；光晕的效果为图片的透明度呈周期性变化。在本实施例中，通过将该针对于“标识型”素材类型设计的三个动效要素进行打包封装形成一个动效逻辑组件，并将该动效逻辑组件与“标识型”素材类型关联或者直接以“标识型”素材类型命名该动效逻辑组件。对于按照图片素材中不同图像内容进行分类定义的其他素材类型，同样依据素材类型设计的动效要素组合，例如，路网过光动效逻辑组件、河流动效逻辑组件、文本文字逻辑动效组件、项目配套点逻辑动效组件等等。

在步骤S103中，根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

本实施例中，基于图片素材中图像内容与素材类型之间的对应关系，在识别出图像内容对应的第一素材类型后，可以在图像素材中基于该第一素材类型进行定位，确定与该第一素材类型匹配的动效逻辑组件的作用位置(即使用该动效逻辑组件的图像内容在图片素材中所处的位置)。进而，根据该位置将与该第一素材类型相匹配的动效逻辑组件赋予到对应的作用对象(即图像内容)中，由此实现根据位置将与素材类型相匹配的动效逻辑组件应用在图片素材中。在本实施例中，图像素材包括一项或多项图像内容，当图片素材中的所有图像内容都被赋予了与其素材类型相匹配的动效逻辑组件后，即可生成基于图片素材的动效界面。

上述实施例提供的基于图片素材的动效界面生成方法通过根据图像内容对应的素材类型为该图像内容匹配对应的动效逻辑组件。然后，根据图片素材中图像内容与素材类型之间的对应关系，确定动效逻辑组件在图片素材中的作用位置。进而，根据作用位置将该动效逻辑组件赋予到对应的图像内容中，实现了可以在无需写代码和输出序列帧的情况下，为图片素材中不同素材类型的图像内容匹配出适用的动效逻辑组件，从而自动生成带动效的可视化界面，动效界面的制作效率高，动效设计的门槛低。且可以实现动效逻辑库中的动效逻辑组件能够在不同的图片素材进行复用，实现批量处理图片素材，通用性强、动效品质好。

本申请的一些实施例中，对于要用来生成动效界面的图片素材，在识别图片素材中图像内容对应的第一素材类型之前，还可以先对图片素材进行栅格化处理。通过栅格化处理将图片素材中的矢量对象(如文本文字)转换成为位图或转换成为像素，从而使得图片素材中的文字图层变为普通图层，实现可以在该图层上添加各种效果或命令。

本申请的一些实施例中，请参阅图2，图2为本申请实施例提供的基于图片素材的动效界面生成方法中识别第一素材类型时的一种方法流程示意图。详细如下：

在步骤S201中，对图片素材中的图像内容进行特征识别，获取所述图像内容在图片素材中的图层特征信息；

在步骤S202中，根据所述图层特征信息查询预设的图层特征-素材类型对应关系表，以识别获得图片素材中图像内容对应的第一素材类型。

本实施例中，图片素材为由Photoshop软件生成的PSD文件，含有多个图层，且每个图层具有对应的图层特征信息。在本实施例中，获得图像内容在图片素材中的图层特征信息后，根据该获得的图层特征信息查询预设的图层特征-素材类型对应关系表，将该图层特征信息与图层特征-素材类型对应关系表中每个素材类型对应预设的图层特征进行比对，若比对出该图层特征信息与图层特征-素材类型对应关系表中的一个素材类型对应的预设图层特征之间的相似度达到阈值要求时，则自动判断该素材类型即为该图像内容对应的第一素材类型。其中，图像内容在图片素材中的图层特征信息包括图像内容所属图层组的尺寸信息、图层个数信息、图层属性信息等。

本申请的一些实施例中，预设的图层特征-素材类型对应关系表可以通过训练神经网络模型的方式构建生成。具体地，构建一个训练至收敛状态的卷积神经网络模型，该卷积神经网络模型被训练用于对图层特征信息与表征素材类型的预设图层特征之间的相似度进行评价。该卷积神经网络模型可以是CNN卷积神经网络模型或者VGG卷积神经网络模型，通过大量的样本数据(例如不同的图片素材中图像内容的图层特征信息)将该卷积神经网络模型训练至收敛状态，以构建生成一个图层特征-素材类型对应关系表，使得该卷积神经网络模型具有判断图层特征信息与其表征素材类型的预设图层特征之间相似度的能力。

本申请的一些实施例中，请参阅图3，图3为本申请实施例提供的基于图片素材的动效生成方法中识别第一素材类型时的另一种方法流程示意图。详细如下：

在步骤S301中，获取已对图像内容进行过标签标注的图片素材；

在步骤S302中，对所述图片素材中的图像内容进行标签识别，获取与所述图像内容对应的标签信息，其中，所述标签信息中包含有图像内容对应的第一素材类型。

本实施例中，除了可以通过自动识别的方式来获取图片素材中图像内容对应的第一素材类型之外，还可以通过标签识别的方式来获得图片素材中图像内容对应的第一素材类型。在本实施例中，对于要用来生成动效界面的图片素材，可以通过人工等方式预先对图片素材中的各项图像内容进行标签标注，以使得图片素材中的各项图像内容具有对应的标签，由此，在对该图片素材进行动效界面生成操作时，可以通过对图片素材中的图像内容进行标签识别来获取与所述图像内容对应的标签信息，例如对各项图像内容对应标注的标签进行关键字识别，从而获得图片素材中图像内容对应的第一素材类型。

本申请的一些实施例中，请参阅图4，图4为本申请实施例提供的基于图片素材的动效生成方法中确定动效逻辑组件作用位置的一种方法流程示意图。详细如下：

在步骤S401中，根据图像内容对所述图片素材进行图层分组处理获得至少一个图层组，并以所述图层组中图像内容对应的素材类型对所述图层组进行命名；

在步骤S402中，将命名与所述第一素材类型一致的图层分组所处的位置确定为与所述第一素材类型相匹配的动效逻辑组件在图片素材中的作用位置。

本实施例中，图片素材可以通过设置图层组来对相关类型的图层进行组织管理。图层组类似于文件夹，通过将某一类图层或某些具有相同属性的图层放在同组中，便于存放和管理图层。例如，假设在图片素材中有两个图层分别用于表示铁路和高速公路，那么可以将这两个图层组合在一起形成图层组。在本实施例中，可以根据图像内容对图片素材进行图层分组处理，将图片素材中具有相同素材类型的图层分在一起形成一个图层组。并且，以素材类型对所述图层组进行命名，以便于为后续动效逻辑组件在图片素材中的应用进行定位。对图片素材进行图层分组和命名之后，即可通过将第一素材类型与对所述图片素材进行图层分组处理得到的各图层组的命名进行比对，将命名与该第一素材类型一致的图层组所处的位置确定为与与该第一素材类型相匹配的动效逻辑组件在图片素材中的作用位置。

本申请的一些实施例中，将与所述第一素材类型相匹配的动效逻辑组件应用于图片素材时，还可以对动效逻辑组件进行参数配置，以使得标准化动效逻辑库中的动效逻辑组件可以适配任意类型的图片素材，能够在不同的图片素材中复用，有效提高动效品质，且实现动效逻辑组件的通用性。

可以理解的是，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。

在本申请的一些实施例中，请参阅图5，图5为本申请实施例提供的一种基于图片素材的动效界面生成装置的结构示意图，详述如下：

所述基于图片素材的动效界面生成装置包括：识别模块501、匹配模块502以及生成模块503。其中，所述识别模块501用于识别图片素材中图像内容对应的第一素材类型。所述匹配模块502用于从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件。所述生成模块503用于根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

所述基于图片素材的动效界面生成装置，与上述的基于图片素材的动效界面生成方法一一对应。

在本申请的一些实施例中，请参阅图6，图6为本申请实施例提供的一种实现基于图片素材的动效界面生成方法的电子设备的示意图。如图6所示，该实施例的电子设备6包括：处理器61、存储器62以及存储在所述存储器62中并可在所述处理器61上运行的计算机程序63，例如基于图片素材的动效界面生成程序。所述处理器61执行所述计算机程序62时实现上述各个基于图片素材的动效界面生成方法实施例中的步骤。或者，所述处理器61执行所述计算机程序63时实现上述各装置实施例中各模块/单元的功能。

示例性的，所述计算机程序63可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器62中，并由所述处理器61执行，以完成本申请。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序63在所述电子设备6中的执行过程。例如，所述计算机程序63可以被分割成：

识别模块，用于识别图片素材中图像内容对应的第一素材类型；

匹配模块，用于从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；

生成模块，用于根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

所述电子设备可包括，但不仅限于，处理器61、存储器62。本领域技术人员可以理解，图6仅仅是电子设备6的示例，并不构成对电子设备6的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述电子设备还可以包括输入输出设备、网络接入设备、总线等。

所称处理器61可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述存储器62可以是所述电子设备6的内部存储单元，例如电子设备6的硬盘或内存。所述存储器62也可以是所述电子设备6的外部存储设备，例如所述电子设备6上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器62还可以既包括所述电子设备6的内部存储单元也包括外部存储设备。所述存储器62用于存储所述计算机程序以及所述电子设备所需的其他程序和数据。所述存储器62还可以用于暂时地存储已经输出或者将要输出的数据。

需要说明的是，上述装置/单元之间的信息交互、执行过程等内容，由于与本申请方法实施例基于同一构思，其具体功能及带来的技术效果，具体可参见方法实施例部分，此处不再赘述。

本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现可实现上述各个方法实施例中的步骤。

本申请实施例提供了一种计算机程序产品，当计算机程序产品在移动终端上运行时，使得移动终端执行时实现可实现上述各个方法实施例中的步骤。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括是电载波信号和电信信号。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

在本申请所提供的实施例中，应该理解到，所揭露的装置/终端设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。

Claims (10)

1.一种基于图片素材的动效界面生成方法，其特征在于，包括：

识别图片素材中图像内容对应的第一素材类型；

从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；

根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

2.根据权利要求1所述的基于图片素材的动效界面生成方法，其特征在于，所述识别图片素材中图像内容对应的第一素材类型的步骤之前，还包括：

对所述图片素材进行栅格化处理。

3.根据权利要求1或2所述的基于图片素材的动效界面生成方法，其特征在于，所述识别图片素材中图像内容对应的第一素材类型的步骤，包括：

对图片素材中的图像内容进行特征识别，获取所述图像内容在图片素材中的图层特征信息；

根据所述图层特征信息查询预设的图层特征-素材类型对应关系表，以识别获得图片素材中图像内容对应的第一素材类型。

4.根据权利要求3所述的基于图片素材的动效界面生成方法，其特征在于，所述预设的图层特征-素材类型对应关系表通过训练神经网络模型的方式构建生成。

5.根据权利要求1或2所述的基于图片素材的动效界面生成方法，其特征在于，所述识别图片素材中图像内容对应的第一素材类型的步骤，包括：

获取已对图像内容进行标签标注的图片素材；

对所述图片素材中的图像内容进行标签识别，获取与所述图像内容对应的标签信息，其中，所述标签信息中包含有图像内容对应的第一素材类型。

6.根据权利要求1所述的基于图片素材的动效界面生成方法，其特征在于，所述根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面的步骤，包括：

根据图像内容对所述图片素材进行图层分组处理获得至少一个图层组，并以所述图层组中图像内容对应的素材类型对所述图层组进行命名；

将命名与所述第一素材类型一致的图层分组所处的位置确定为与所述第一素材类型相匹配的动效逻辑组件在图片素材中的作用位置。

7.根据权利要求1所述的基于图片素材的动效界面生成方法，其特征在于，所述根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面的步骤，还包括：

对所述动效逻辑组件进行参数配置。

8.一种基于图片素材的动效界面生成装置，其特征在于，所述基于图片素材的动效界面生成装置包括：

识别模块，用于识别图片素材中图像内容对应的第一素材类型；

匹配模块，用于从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；

生成模块，用于根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

9.一种电子设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述基于图片素材的动效界面生成方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述基于图片素材的动效界面生成方法的步骤。

Images