CN110580163B - 通过模板制作挂件的方法、装置及存储设备 - Google Patents
通过模板制作挂件的方法、装置及存储设备 Download PDFInfo
- Publication number
- CN110580163B CN110580163B CN201810579048.0A CN201810579048A CN110580163B CN 110580163 B CN110580163 B CN 110580163B CN 201810579048 A CN201810579048 A CN 201810579048A CN 110580163 B CN110580163 B CN 110580163B
- Authority
- CN
- China
- Prior art keywords
- pendant
- template
- parameters
- visual
- template image
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例提供了一种通过模板制作挂件的方法、装置及存储设备,其中,通过模板制作挂件的方法包括:加载挂件模板文件,进入可视化制作界面;将模板图像导入至所述可视化制作界面;获取为所述模板图像配置的挂件参数;将所述挂件参数作用于所述模板图像,生成挂件效果预览视图;将所述挂件参数写入所述挂件模板文件,得到目标挂件。本发明实施例能够提高挂件制作效率,节省人力成本。
Description
技术领域
本发明实施例涉及互联网技术领域,具体涉及一种通过模板制作挂件的方法、装置及存储设备。
背景技术
挂件,可以用来丰富应用程序的界面展现,提升应用程序的趣味性,例如:图像挂件、视频挂件。目前的挂件制作方法,主要依赖程序员编写代码实现,即程序员根据设计师的需求,在电脑端编写挂件实现源代码,将编写的源代码编译成可执行代码,然后由设计人员在手机端通过运行可执行代码查看挂件效果,如果对挂件效果不满意,则将意见给反馈给程序员,程序员对源代码进行修改,然后再次执行编译、查看等步骤,重复这些过程,直至设计师对挂件效果满意为止。
从上面的描述可以看出,目前的挂件制作方法,依赖编写源代码实现,对人员的专业性要求很高,且在制作的过程中,至少需要程序员和设计师二者的参与,制作一个挂件,可能需要程序员和设计师配合调整几十次,挂件制作周期比较长,挂件制作效率比较低。
发明内容
本发明实施例提供了一种通过模板制作挂件的方法、装置及存储设备,能够提高挂件制作效率,节省人力成本。
本发明实施例提供的通过模板制作挂件的方法,包括:
加载挂件模板文件,进入可视化制作界面;
将模板图像导入至所述可视化制作界面;
获取为所述模板图像配置的挂件参数;
将所述挂件参数作用于所述模板图像,生成挂件效果预览视图;
将所述挂件参数写入所述挂件模板文件,得到目标挂件。
本发明实施例提供的通过模板制作挂件的装置,包括:
加载单元,用于加载挂件模板文件,进入可视化制作界面;
导入单元,用于将模板图像导入至所述可视化制作界面;
获取单元,用于获取为所述模板图像配置的挂件参数;
预览单元,用于将所述挂件参数作用于所述模板图像,生成挂件效果预览视图;
写入单元,用于将所述挂件参数写入所述挂件模板文件,得到目标挂件。
本发明实施例还提供了一种存储设备,所述存储设备用于储存多条指令,所述指令适于由处理器加载并执行如本发明实施例提供的通过模板制作挂件的方法。
本发明实施例中,可以预先设计好挂件模板文件,在需要制作挂件时,直接加载挂件模板文件,进入可视化制作界面,然后将模板图像导入至所述可视化制作界面,获取为所述模板图像配置的挂件参数,在将所述挂件参数作用于所述模板图像,生成挂件效果预览视图之后,可以将所述挂件参数写入所述挂件模板文件,即可得到目标挂件。即本发明实施例中,通过在可视化制作界面为模板配置具体参数的方式制作挂件,通过提供挂件效果预览视图,使得挂件制作过程实时可见,达到所见即所得的效果,提高了挂件制作效率,一个人即可实现挂件的制作,节省了人力成本;另外,由于挂件制作过程不涉及源代码的编写和修改,降低了对人员专业性的要求,一个设计师即可实现挂件的制作。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例所提供的通过模板制作挂件的方法的应用场景示意图。
图2是本发明实施例所提供的通过模板制作挂件的方法的流程示意图。
图3是本发明实施例所提供的通过模板制作挂件的方法的另一流程示意图。
图4a是本发明实施例所提供的可视化制作界面的一个示意图。
图4b是本发明实施例所提供的可视化制作界面的另一示意图。
图5是本发明实施例所提供的通过模板制作挂件的装置的结构示意图。
图6是本发明实施例所提供的通过模板制作挂件的装置的另一结构示意图。
图7是本发明实施例所提供的电脑端的结构示意图。
具体实施方式
请参照图式,其中相同的组件符号代表相同的组件,本申请的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所例示的本申请具体实施例,其不应被视为限制本申请未在此详述的其它具体实施例。
在以下的说明中,本申请的具体实施例将参考由一部或多部计算机所执行的步骤及符号来说明,除非另有述明。因此,这些步骤及操作将有数次提到由计算机执行,本文所指的计算机执行包括了由代表了以一结构化型式中的数据的电子信号的计算机处理单元的操作。此操作转换该数据或将其维持在该计算机的内存***中的位置处,其可重新配置或另外以本领域测试人员所熟知的方式来改变该计算机的运作。该数据所维持的数据结构为该内存的实***置,其具有由该数据格式所定义的特定特性。但是,本申请原理以上述文字来说明,其并不代表为一种限制,本领域测试人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。
本文所使用的术语“模块”可看做为在该运算***上执行的软件对象。本文所述的不同组件、模块、引擎及服务可看做为在该运算***上的实施对象。而本文所述的装置及方法可以以软件的方式进行实施,当然也可在硬件上进行实施,均在本申请保护范围之内。
本申请中的术语“第一”、“第二”和“第三”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或模块的过程、方法、***、产品或设备没有限定于已列出的步骤或模块,而是某些实施例还包括没有列出的步骤或模块,或某些实施例还包括对于这些过程、方法、产品或设备固有的其它步骤或模块。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
由于现有的挂件制作方案,依赖程序员编写源代码实现,程序员将挂件的各种实现参数写死在源代码中,每次编译查看挂件效果之后,如果需要调整,则设计师向程序员反馈意见,由程序员对源代码进行修改,如此往复,导致挂件制作周期比较长,且需要的人力成本比较大,挂件制作效率比较低。
为解决上述问题,本发明实施例提供了一种通过模板制作挂件的方法、装置及存储设备,本发明实施例提供的通过模板制作挂件的方法可以实现在通过模板制作挂件的装置中,通过模板制作挂件的装置可以安装在电脑端(也称PC端)或其他具有图像处理功能的设备中。以通过模板制作挂件的装置安装在电脑端为例,如图1所示,图1是本发明实施例提供的通过模板制作挂件的方法的一个应用场景示意图,在需要制作挂件时,电脑端可以加载预先设计好的挂件模板文件,进入可视化制作界面,然后获取模板图像(比如:正面人脸图像),将获取的模板图像导入至所述可视化制作界面,挂件制作人员(比如:设计师或程序员)可以在所述可视化制作界面为所述模板图像配置各种挂件参数,电脑端获取为所述模板图像配置的挂件参数,将所述挂件参数作用于所述模板图像,生成挂件效果预览视图以供挂件制作人员查看,如果挂件制作人员对挂件效果满意,则电脑端可以将所述挂件参数写入所述挂件模板文件,即得到了目标挂件。
得到目标挂件之后,电脑端可以将目标挂件发送给终端(例如:手机),以使得终端调用预设应用程序解析所述目标挂件并展示,预设应用程序可以是支持挂件功能的应用程序,预设应用程序例如:手机QQ,DOV,天天P图等,挂件制作人员可以在终端上查看目标挂件的展示效果。
即本发明实施例中,预先设计好挂件模板文件,通过在可视化制作界面为模板配置具体参数的方式制作挂件,相较于现有技术中将具体参数写死在源代码中制作挂件的方式,本发明实施例的挂件制作方式更加灵活;通过提供可视化制作界面和挂件效果预览视图,使得挂件制作过程实时可见,达到所见即所得的效果,如果挂件制作人员对挂件效果不满意,则在可视化制作界面直接调整对应参数即可,调整效果实时可见;由于挂件制作过程不涉及源代码的编写和修改,降低了对人员专业性的要求,一个设计师即可实现挂件的制作,大大缩短了挂件制作周期,提高了挂件制作效率,节省了人力成本。
以下将分别进行详细说明。
本实施例将从通过模板制作挂件的装置的角度描述本发明实施例提供的通过模板制作挂件的方法,该通过模板制作挂件的装置可以安装在电脑端,如图2所示,本实施例的通过模板制作挂件的方法包括以下步骤:
步骤201、加载挂件模板文件,进入可视化制作界面。
挂件模板文件可由程序员或设计师预先设计好,本实施例制作的挂件主要应用于各种做图像和/或视频处理的终端应用程序,即预设应用程序,终端例如:手机,预设应用程序例如:手机QQ,DOV,天天P图等。
具体实现中,可以按照终端支持的数据格式设计挂件模板文件;比如,可以将模板中挂件素材的格式,模板文件的格式等设置成终端支持的格式。另外,在可视化制作界面,可以根据终端显示界面的大小,按比例设计模板图像所在显示区域的大小,这样可以使得所设计的挂件,在电脑端的显示效果和在终端的显示效果一致。
挂件模板文件中可以包括各种挂件参数配置项,比如:挂件素材项、触发条件项、变形点项、变形类型项等,初始时,各个挂件参数配置项中的具体参数值可以为空。
在设计挂件模板文件时,可以针对不同类型的图像(即挂件实现的对象),设计不同的挂件模板文件并存储,比如表1所示,可以将图像分为人像、动物、物品等类型,然后对应设计不同的挂件模板文件。
表1
当需要制作某个类型的挂件时,可以加载与该类型对应的挂件模板文件。比如,要制作人像的挂件,则可以加载人像对应的挂件模板文件,在需要制作动物的挂件时,可以加载动物对应的挂件模板文件。
在加载挂件模板文件,进入可视化制作界面之后,可以获取模板图像。具体地,可以根据挂件模板文件对应的图像类型,获取模板图像。比如,当加载的挂件模板文件对应的图像类型为人像时,可以获取类型为人像的模板图像,当加载的挂件模板文件对应的图像类型为动物时,可以获取类型为动物的模板图像。
具体地,为提高挂件制作效率,电脑端本地可以预先下载并存储各种类型的图像,当需要模板图像时,可以直接从电脑端的本地存储中获取所需类型的模板图像。当然,如果电脑端本地没有存储各种类型的图像,或者电脑端本地存储的图像不能满足需求,电脑端也可以从服务器获取所需类型的模板图像,所获取的模板图像通常为正面图像。
步骤202、将模板图像导入至所述可视化制作界面。
具体地,可视化制作界面可以提供图像导入入口,当图像导入入口被挂件制作人员触发时,电脑端可以将获取的模板图像导入至所述可视化制作界面。
步骤203、获取为所述模板图像配置的挂件参数。
挂件制作人员可以在可视化制作界面通过可视化操作为模板图像配置各种挂件参数,所述可视化操作例如:点击、点选、拖拽、输入等,所配置的挂件参数例如:模板图像的变形参数、挂件素材以及挂件素材的运行参数,电脑端获取为所述模板图像配置的挂件参数。
其中,挂件素材可由挂件制作人员自行设计,也可以采用已有设计,挂件素材可以来自电脑端的本地存储,也可以来自素材服务器。挂件素材可以包括图片(例如:卡通图片、花朵等)、饰品(例如:帽子、发带、眼镜等)、音乐等。
当挂件素材为图片、饰品时,挂件素材的运行参数可以包括:挂件素材的运行类型(动态贴纸或静态贴纸),挂件素材相对于模板图像的锚点、挂件素材的触发条件等;当挂件素材为音乐时,挂件素材的运行参数可以包括:挂件素材的总时长、挂件素材的触发条件、挂件素材的播放次数等。
模板图像的变形参数可以包括:模板图像中目标对象的变形点(即变形位置,比如:眼睛、嘴巴、鼻子等)、变形类型(例如:扩展、收缩、推送等)、变形半径、变形强度等。
步骤204、将所述挂件参数作用于所述模板图像,生成挂件效果预览视图。
比如,可以将图片、饰品等挂件素材按照所配置的锚点、触发条件等渲染在模板图像上显示,同时根据为目标对象的每个变形点配置的变形类型、变形强度等参数,将对应位置的图像进行变形,以生成挂件效果预览视图。
具体实现中,为便于进行挂件制作,可以根据实际功能需求在可视化制作界面设计不同的显示区域,例如:可以在可视化制作界面设计参数配置区域和效果预览区域,参数配置区域主要为挂件制作人员提供各种参数配置入口,效果预览区域主要为挂件制作人员提供挂件效果预览,另外,还可以在可视化制作界面设置其他区域,例如图像导入区域,以用来导入模板图像。
即本实施例的可视化制作界面可以包括图像导入区域、参数配置区域和效果预览区域。具体地,在步骤202,图像导入区域可以提供图像导入入口(比如:图像导入按钮),在挂件制作人员点击图像导入按钮之后,电脑端可以在图像导入区域导入模板图像。在步骤203,参数配置区域可以提供各种参数配置入口(比如:参数选择入口、参数输入入口等),在挂件制作人员在对应的入口配置好各种挂件参数之后,电脑端可以在所述参数配置区域获取所配置的各种挂件参数。在步骤204,电脑端可以在所述效果预览区域生成挂件效果预览视图。
另外,为了更加直观方便地进行一些挂件参数的配置,本实施例的效果预览区域可以设置可视化操作图层,挂件制作人员还可以直接在效果预览区域的可视化操作图层进行一些挂件参数的配置,比如:通过拖拽操作配置挂件素材相对于模板图像中目标对象的锚点,通过点击操作配置模板图像中目标对象的各个变形点,电脑端还可以在所述可视化操作图层获取挂件制作人员通过可视化操作为所述模板图像配置的挂件参数。
进一步地,为了更好地呈现挂件效果,在可视化操作图层配置好对应的挂件参数之后,挂件制作人员可以触发隐藏所述可视化操作图层,电脑端可以根据挂件制作人员的触发隐藏所述可视化操作图层。
在电脑端将各种挂件参数作用于所述模板图像之后,挂件制作人员可以在可视化制作界面的效果预览区域查看挂件效果预览视图,如果预览效果不满意,则可以对所配置的挂件参数进行调整,直至预览效果满意。在预览效果满意时,挂件制作人员可以通过可视化制作界面发送预览效果确认指令,例如,通过可视化制作界面提供的操作按钮(比如“保存按钮”)发送确认指令,电脑端接收挂件制作人员发送的确认指令。
步骤205、将所述挂件参数写入所述挂件模板文件,得到目标挂件。
电脑端可以将获取的各个挂件参数写入所述挂件模板文件中对应的挂件参数配置项内,以得到目标挂件的数据文件,即得到了目标挂件。
进一步地,电脑端还可以与终端建立连接,在电脑端制作好目标挂件之后,电脑端还可以将制作好的目标挂件发送给终端,例如,电脑端可以在挂件制作人员点击可视化制作界面提供的“手机预览”按钮之后,将目标挂件发送给终端,以使得终端调用预设应用程序解析所述目标挂件并展示。具体的展示方法例如:将目标挂件的各种挂件参数作用于当前图像。例如,终端可以调用手机QQ解析目标挂件,并在视频通话的过程中,将目标挂件的各种挂件参数作用于当前用户的脸部,以呈现挂件效果。再例如,终端可以调用天天P图解析目标挂件,并在检测到人脸时,将目标挂件的各种挂件参数作用于检测到的人脸,以呈现挂件效果,这样就实现了在终端查看目标挂件的展示效果。
进一步地,电脑端还可以将目标挂件发送给服务器,终端可以通过预设应用程序向服务器发送下载请求,以下载目标挂件,在用户使用终端上的预设应用程序时,终端利用预设应用程序为用户展示该目标挂件。比如,在用户使用终端上的DOV录制视频时,终端可以检测并跟踪用户的脸部,将目标挂件的各种挂件参数作用在用户的脸部,以实现挂件效果。
本实施例中,预先设计好挂件模板文件,通过在可视化制作界面为模板配置具体参数的方式制作挂件,相较于现有技术中直接将具体参数写死在源代码中制作挂件的方式,本发明实施例的挂件制作方式更加灵活;通过提供可视化制作界面和挂件效果预览视图,使得挂件制作过程实时可见,达到所见即所得的效果,如果挂件制作人员对挂件效果不满意,则在可视化制作界面直接调整对应参数即可,调整效果实时可见;由于挂件制作过程不涉及源代码的编写和修改,降低了对人员专业性的要求,一个设计师即可实现挂件的制作,提高了挂件制作效率。
实践证明,采用编写源代码的方式制作目标挂件,通常需要1~2个星期,而采用本实施例提供的方法制作目标挂件,只需要1~2天,大大缩短了挂件制作周期,且人力需求从2人减少至1人,节省了人力成本。
上述实施例描述的方法,下面实施例将做进一步的详细说明,本实施例将以模板图像为人像为例,如图3所示,本实施例的通过模板制作挂件的方法包括如下步骤:
步骤301、加载挂件模板文件,进入可视化制作界面。
即可以加载人像对应的挂件模板文件,挂件模板文件中可以包括各种挂件参数配置项,比如:挂件素材项、触发条件项、变形点项、变形类型项等,初始时,各个挂件参数配置项中的具体参数值可以为空。
本实施例中,可视化制作界面可如图4a所示,可以包括图像导入区域、参数配置区域和效果预览区域。其中,图像导入区域可以为挂件制作人员提供图像导入入口(比如:图像导入按钮),以导入模板图像。参数配置区域可以为挂件制作人员提供各种参数配置入口(比如:参数选择入口、参数输入入口等),以获取所配置的各种挂件参数。效果预览区域,主要用于展示挂件效果预览视图。
步骤302、获取模板图像。
具体地,可以在图像导入区域的图像导入入口被触发后,获取模板图像。可以直接从电脑端的本地存储中获取类型为人像的模板图像。当然,如果电脑端本地没有存储类型为人像的模板图像,或者电脑端本地存储的图像不能满足需求,电脑端也可以从服务器获取类型为人像的模板图像,所获取的模板图像可以为正面人脸图像。
步骤303、将模板图像导入至所述可视化制作界面。
具体地,如图4a所示,可以将一张正面人脸图像导入至所述可视化制作界面的图像导入区域。
步骤304、获取为所述模板图像配置的挂件参数。
具体地,挂件制作人员可以在参数配置区域通过可视化操作为所述模板图像配置挂件参数。所述可视化操作例如:点击、点选、拖拽、输入等,所配置的挂件参数例如:模板图像的变形参数、挂件素材以及挂件素材的运行参数,电脑端获取为所述模板图像配置的挂件参数。
其中,挂件素材可由挂件制作人员自行设计,也可以采用已有设计,挂件素材可以来自电脑端的本地存储,也可以来自素材服务器。挂件素材可以包括图片(例如:卡通图片、花朵等)、饰品(例如:帽子、发带、眼镜等)、音乐等。
当挂件素材为图片、饰品时,挂件素材的运行参数可以包括:挂件素材的运行类型(动态贴纸或静态贴纸),挂件素材相对于模板图像的锚点、挂件素材的触发条件等;当挂件素材为音乐时,挂件素材的运行参数可以包括:挂件素材的总时长、挂件素材的触发条件、挂件素材的播放次数等。
模板图像的变形参数可以包括:模板图像中目标对象的变形点(即变形位置,比如:眼睛、嘴巴、鼻子等)、变形类型(例如:扩展、收缩、推送等)、变形半径、变形强度等。
以挂件素材为饰品为例,如图4a所示,在得到饰品之后,挂件制作人员可以在参数配置区域,通过拖拽操作来配置饰品的运行类型,比如:当将饰品拖拽至静态贴纸的控件区域时,电脑端可以将该饰品解析为静态贴纸,当将饰品拖拽至跟脸贴纸的控件区域时,电脑端可以将该饰品解析为跟脸贴纸;之后,挂件制作人员还可以在参数配置区域,通过点选、输入等方式,为该饰品配置触发条件、单帧时长、总帧数等其他参数。另外,挂件制作人员还可以在效果预览区域的可视化操作图层拖动饰品以配置饰品相对于人脸的锚点,锚点配置完成后,电脑端可以根据挂件制作人员的触发,隐藏效果预览区域的可视化操作图层,以隐藏所配置的锚点。
进一步地,如图4b所示,挂件制作人员还可以在该饰品下,配置对应的人脸变形参数,比如,可以在效果预览区域的可视化操作图层通过点击操作来设置变形点,在参数配置区域通过点选或输入的方式,为每个变形点配置变形类型、推送方向、强度等参数,为每个变形点配置的各种参数可以以列表的形式在参数配置区域显示,以供查看;同样,在设置变形点之后,电脑端可以根据挂件制作人员的触发,隐藏效果预览区域的可视化操作图层,以隐藏所配置的变形点。
电脑端可以从效果预览区域的可视化操作图层以及参数配置区域获取挂件制作人员配置的各个挂件参数。
步骤305、将所述挂件参数作用于所述模板图像,生成挂件效果预览视图。
比如,可以将图片、饰品等挂件素材按照所配置的锚点、触发条件等渲染在模板图像上显示,同时根据为人脸的每个变形点配置的变形类型、变形强度等参数,将对应位置的图像进行变形,以在效果预览区域生成挂件效果预览视图。
步骤306、接收预览效果确认指令。
件制作人员可以在可视化制作界面的效果预览区域查看挂件效果预览视图,如果预览效果不满意,则可以对所配置的挂件参数进行调整,直至预览效果满意。在预览效果满意时,挂件制作人员可以通过可视化制作界面发送预览效果确认指令,例如,通过可视化制作界面提供的操作按钮(比如“保存按钮”)发送确认指令,电脑端接收挂件制作人员发送的确认指令。
步骤307、将所述挂件参数写入所述挂件模板文件,得到目标挂件。
电脑端可以将获取的各个挂件参数写入所述挂件模板文件中对应的挂件参数配置项内,以得到目标挂件的数据文件,即得到了目标挂件。
步骤308、将所述目标挂件发送给终端,以在所述终端上查看所述目标挂件的展示效果。
例如,电脑端可以在挂件制作人员点击可视化制作界面提供的“手机预览”按钮之后,将目标挂件发送给终端,以使得终端调用预设应用程序解析所述目标挂件并展示。具体的展示方法例如:将目标挂件的各种挂件参数作用于当前图像。
进一步地,电脑端还可以将目标挂件发送给服务器,终端可以通过预设应用程序向服务器发送下载请求,以下载目标挂件,在用户使用终端上的预设应用程序时,终端利用预设应用程序为用户展示该目标挂件。
本实施例中,通过在可视化制作界面为模板配置具体参数的方式制作挂件,通过提供挂件效果预览视图,使得挂件制作过程实时可见,达到所见即所得的效果,提高了挂件制作效率,一个人即可实现挂件的制作,节省了人力成本;另外,由于挂件制作过程不涉及源代码的编写和修改,降低了对人员专业性的要求,一个设计师即可实现挂件的制作。。
为了更好地实施以上方法,本发明实施例还提供一种通过模板制作挂件的装置,该通过模板制作挂件的装置可实现于电脑端,如图5所示,本实施例的装置包括加载单元401、导入单元402、获取单元403、预览单元404以及写入单元405,如下:
加载单元401,用于加载挂件模板文件,进入可视化制作界面;
导入单元402,用于将模板图像导入至所述可视化制作界面;
获取单元403,用于获取为所述模板图像配置的挂件参数;
预览单元404,用于将所述挂件参数作用于所述模板图像,生成挂件效果预览视图;
写入单元405,用于将所述挂件参数写入所述挂件模板文件,得到目标挂件。
一实施例中,所述可视化制作界面包括参数配置区域和效果预览区域;
所述获取单元403具体用于,在所述参数配置区域获取通过可视化操作为所述模板图像配置的挂件参数;
所述预览单元404具体用于,在所述效果预览区域生成挂件效果预览视图。
一实施例中,所述效果预览区域设置有可视化操作图层;
所述获取单元403还用于,在所述可视化操作图层获取通过所述可视化操作为所述模板图像配置的挂件参数。
一实施例中,如图6所述,所述装置还包括:
隐藏单元406,用于隐藏所述可视化操作图层。
一实施例中,所述获取单元403具体用于,获取为所述模板图像配置的变形参数、挂件素材以及挂件素材的运行参数。
一实施例中,所述获取单元403还用于:
从所述电脑端本地获取所述模板图像,或者从服务器获取所述模板图像。
一实施例中,如图6所示,所述装置还包括:
接收单元407,用于接收预览效果确认指令。
一实施例中,如图6所示,所述装置还包括:
发送单元408,用于将所述目标挂件发送给终端,以在所述终端上查看所述目标挂件的展示效果。
需要说明的是,上述实施例提供的通过模板制作挂件的装置在实现挂件制作功能时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的通过模板制作挂件的装置与通过模板制作挂件的方法属于同一构思,其具体实现过程详见方法实施例,此处不再赘述。
本实施例中,可以预先设计好挂件模板文件,在需要制作挂件时,加载单元直接加载挂件模板文件,进入可视化制作界面,然后导入单元将模板图像导入至所述可视化制作界面,获取单元获取为所述模板图像配置的挂件参数,在预览单元将所述挂件参数作用于所述模板图像,生成挂件效果预览视图之后,写入单元可以将所述挂件参数写入所述挂件模板文件,即可得到目标挂件。即本实施例的电脑端,通过在可视化制作界面为模板配置具体参数的方式制作挂件,通过提供挂件效果预览视图,使得挂件制作过程实时可见,达到所见即所得的效果,提高了挂件制作效率,一个人即可实现挂件的制作,节省了人力成本;另外,由于挂件制作过程不涉及源代码的编写和修改,降低了对人员专业性的要求,一个设计师即可实现挂件的制作。
相应的,本发明实施例还提供了安装有本发明实施例描述的通过模板制作挂件的装置的电脑端,本发明实施例描述的挂件制作装置可以采用软件方式实现,该软件可以采用electron框架,并采用html+js语言设计,设计的软件是跨平台的,比如该软件可以在***为windows、Mac、linux等***的电脑端运行。
如图7所示,该电脑端可以包括射频(RF,Radio Frequency)电路501、包括有一个或一个以上计算机可读存储介质的存储器502、输入单元503、显示单元504、传感器505、音频电路506、无线保真(WiFi,Wireless Fidelity)模块507、包括有一个或者一个以上处理核心的处理器508、以及电源509等部件。本领域技术人员可以理解,图7中示出的电脑端结构并不构成对电脑端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路501可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器508处理;另外,将涉及上行的数据发送给基站。通常,RF电路501包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM,Subscriber IdentityModule)卡、收发信机、耦合器、低噪声放大器(LNA,Low Noise Amplifier)、双工器等。此外,RF电路501还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯***(GSM,Global System of Mobile communication)、通用分组无线服务(GPRS,GeneralPacket Radio Service)、码分多址(CDMA,Code Division Multiple Access)、宽带码分多址(WCDMA,Wideband Code Division Multiple Access)、长期演进(LTE,Long TermEvolution)、电子邮件、短消息服务(SMS,Short Messaging Service)等。
存储器502可用于存储软件程序以及模块,处理器508通过运行存储在存储器502的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器502可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据电脑端的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器502可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器502还可以包括存储器控制器,以提供处理器508和输入单元503对存储器502的访问。
输入单元503可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,在一个具体的实施例中,输入单元503可包括触敏表面以及其他输入设备。触敏表面,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器508,并能接收处理器508发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面,输入单元503还可以包括其他输入设备。具体地,其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元504可用于显示由用户输入的信息或提供给用户的信息以及电脑端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元504可包括显示面板,可选的,可以采用液晶显示器(LCD,Liquid CrystalDisplay)、有机发光二极管(OLED,Organic Light-Emitting Diode)等形式来配置显示面板。进一步的,触敏表面可覆盖显示面板,当触敏表面检测到在其上或附近的触摸操作后,传送给处理器508以确定触摸事件的类型,随后处理器508根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图7中,触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面与显示面板集成而实现输入和输出功能。
电脑端还可包括至少一种传感器505,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板的亮度,接近传感器可在电脑端移动到耳边时,关闭显示面板和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于电脑端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路506、扬声器,传声器可提供用户与电脑端之间的音频接口。音频电路506可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,传声器将收集的声音信号转换为电信号,由音频电路506接收后转换为音频数据,再将音频数据输出处理器508处理后,经RF电路501以发送给比如另一电脑端,或者将音频数据输出至存储器502以便进一步处理。音频电路506还可能包括耳塞插孔,以提供外设耳机与电脑端的通信。
WiFi属于短距离无线传输技术,电脑端通过WiFi模块507可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图7示出了WiFi模块507,但是可以理解的是,其并不属于电脑端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器508是电脑端的控制中心,利用各种接口和线路连接整个电脑端的各个部分,通过运行或执行存储在存储器502内的软件程序和/或模块,以及调用存储在存储器502内的数据,执行电脑端的各种功能和处理数据,从而对电脑端进行整体监控。可选的,处理器508可包括一个或多个处理核心;优选的,处理器508可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作***、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器508中。
电脑端还包括给各个部件供电的电源509(比如电池),优选的,电源可以通过电源管理***与处理器508逻辑相连,从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。电源509还可以包括一个或一个以上的直流或交流电源、再充电***、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,电脑端还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,电脑端中的处理器508会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器502中,并由处理器508来运行存储在存储器502中的应用程序,从而实现各种功能:
加载挂件模板文件,进入可视化制作界面;
将模板图像导入至所述可视化制作界面;
获取为所述模板图像配置的挂件参数;
将所述挂件参数作用于所述模板图像,生成挂件效果预览视图;
将所述挂件参数写入所述挂件模板文件,得到目标挂件。
在一些实施例中,所述可视化制作界面包括参配置区域和效果预览区域,在获取为所述模板图像配置的挂件参数时,处理器508具体用于执行以下步骤:
在所述参数配置区域获取通过可视化操作为所述模板图像配置的挂件参数;
在生成挂件效果预览视图时,处理器508具体用于执行以下步骤:
在所述效果预览区域生成挂件效果预览视图。
在一些实施例中,所述效果预览区域设置有可视化操作图层,在获取为所述模板图像配置的挂件参数时,处理器508具体用于执行以下步骤:
在所述可视化操作图层获取通过所述可视化操作为所述模板图像配置的挂件参数。
在一些实施例中,处理器508还用于执行以下步骤:
隐藏所述可视化操作图层。
在一些实施例中,在获取为所述模板图像配置的挂件参数时,处理器508还用于执行以下步骤:
获取为所述模板图像配置的变形参数、挂件素材以及挂件素材的运行参数。
在一些实施例中,在将模板图像导入至所述可视化制作界面之前,处理器508还用于执行以下步骤:
从所述电脑端本地获取所述模板图像,或者从服务器获取所述模板图像。
在一些实施例中,在将所述挂件参数写入所述挂件模板文件,得到目标挂件之前,处理器508还用于执行以下步骤:
接收预览效果确认指令。
在一些实施例中,在将所述挂件参数写入所述挂件模板文件,得到目标挂件之后,处理器508还用于执行以下步骤:
将所述目标挂件发送给终端,以在所述终端上查看所述目标挂件的展示效果。
本实施例的电脑端,在需要制作挂件时,直接加载挂件模板文件,进入可视化制作界面,然后将模板图像导入至所述可视化制作界面,获取为所述模板图像配置的挂件参数,在将所述挂件参数作用于所述模板图像,生成挂件效果预览视图之后,可以将所述挂件参数写入所述挂件模板文件,即可得到目标挂件。即本实施例的电脑端,通过在可视化制作界面为模板配置具体参数的方式制作挂件,通过提供挂件效果预览视图,使得挂件制作过程实时可见,达到所见即所得的效果,提高了挂件制作效率,一个人即可实现挂件的制作,节省了人力成本;另外,由于挂件制作过程不涉及源代码的编写和修改,降低了对人员专业性的要求,一个设计师即可实现挂件的制作。
本申请实施例还提供一种存储设备,所述存储设备存储有计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行上述任一实施例中的通过模板制作挂件的方法,比如:加载挂件模板文件,进入可视化制作界面;将模板图像导入至所述可视化制作界面;获取为所述模板图像配置的挂件参数;将所述挂件参数作用于所述模板图像,生成挂件效果预览视图;将所述挂件参数写入所述挂件模板文件,得到目标挂件。
在本申请实施例中,存储设备可以是磁碟、光盘、只读存储器(Read Only Memory,ROM,)、或者随机存取记忆体(Random Access Memory,RAM)等。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
Claims (11)
1.一种通过模板制作挂件的方法,其特征在于,适用于电脑端,包括:
加载挂件模板文件,进入可视化制作界面,所述挂件模板文件是按照终端支持的数据格式设计的;
将模板图像导入至所述可视化制作界面,所述可视化制作界面包括效果预览区域,所述效果预览区域设置有可视化操作图层;
获取为所述模板图像配置的挂件参数,包括:在所述可视化操作图层获取通过所述可视化操作为所述模板图像配置的挂件参数;
将所述挂件参数作用于所述模板图像,在所述效果预览区域生成挂件效果预览视图;
将所述挂件参数写入所述挂件模板文件,得到目标挂件,所述目标挂件应用于各种做图像和/或视频处理的终端应用程序;
其中,所述挂件参数包括变形参数、挂件素材以及挂件素材的运行参数中至少一项,所述变形参数包括所述模板图像中目标对象的变形点,所述挂件素材的运行参数包括所述挂件素材相对于所述模板图像的锚点,所述可视化操作包括拖拽操作、点击操作中至少一项,所述在所述可视化操作图层获取通过所述可视化操作为所述模板图像配置的挂件参数,包括:在所述可视化操作图层通过拖拽操作配置的挂件素材相对于所述模板图像中目标对象的锚点,和/或,在所述可视化操作图层通过点击操作配置的所述模板图像中目标对象的各个变形点。
2.根据权利要求1所述的通过模板制作挂件的方法,其特征在于,所述可视化制作界面还包括参配置区域;
所述获取为所述模板图像配置的挂件参数,还包括:
在所述参数配置区域获取通过可视化操作为所述模板图像配置的挂件参数。
3.根据权利要求1所述的通过模板制作挂件的方法,其特征在于,所述方法还包括:
隐藏所述可视化操作图层。
4.根据权利要求1至3任意一项所述的通过模板制作挂件的方法,其特征在于,在将模板图像导入至所述可视化制作界面之前,还包括:
从本地存储获取所述模板图像,或者从服务器获取所述模板图像。
5.根据权利要求1至3任意一项所述的通过模板制作挂件的方法,其特征在于,在将所述挂件参数写入所述挂件模板文件,得到目标挂件之前,还包括:
接收预览效果确认指令。
6.根据权利要求1至3任意一项所述的通过模板制作挂件的方法,其特征在于,在将所述挂件参数写入所述挂件模板文件,得到目标挂件之后,还包括:
将所述目标挂件发送给终端,以在所述终端上查看所述目标挂件的展示效果。
7.一种通过模板制作挂件的装置,其特征在于,所述通过模板制作挂件的装置安装在电脑端,包括:
加载单元,用于加载挂件模板文件,进入可视化制作界面,所述挂件模板文件是按照终端支持的数据格式设计的;
导入单元,用于将模板图像导入至所述可视化制作界面,所述可视化制作界面包括效果预览区域,所述效果预览区域设置有可视化操作图层;
获取单元,用于获取为所述模板图像配置的挂件参数,包括:在所述可视化操作图层获取通过所述可视化操作为所述模板图像配置的挂件参数;
预览单元,用于将所述挂件参数作用于所述模板图像,在所述效果预览区域生成挂件效果预览视图;
写入单元,用于将所述挂件参数写入所述挂件模板文件,得到目标挂件,所述目标挂件应用于各种做图像和/或视频处理的终端应用程序;
其中,所述挂件参数包括变形参数、挂件素材以及挂件素材的运行参数中至少一项,所述变形参数包括所述模板图像中目标对象的变形点,所述挂件素材的运行参数包括所述挂件素材相对于所述模板图像的锚点,所述可视化操作包括拖拽操作、点击操作中至少一项,所述在所述可视化操作图层获取通过所述可视化操作为所述模板图像配置的挂件参数,包括:在所述可视化操作图层通过拖拽操作配置的挂件素材相对于所述模板图像中目标对象的锚点,和/或,在所述可视化操作图层通过点击操作配置的所述模板图像中目标对象的各个变形点。
8.根据权利要求7所述的通过模板制作挂件的装置,其特征在于,所述可视化制作界面还包括参数配置区域;
所述获取单元具体用于,在所述参数配置区域获取通过可视化操作为所述模板图像配置的挂件参数。
9.根据权利要求7所述的通过模板制作挂件的装置,其特征在于,所述装置还包括:
隐藏单元,用于隐藏所述可视化操作图层。
10.根据权利要求7至9任意一项所述的通过模板制作挂件的装置,其特征在于,所述装置还包括:
接收单元,用于接收预览效果确认指令。
11.一种存储设备,其特征在于,所述存储设备用于储存多条指令,所述指令适于由处理器加载并执行如权利要求1至6任一项所述的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810579048.0A CN110580163B (zh) | 2018-06-07 | 2018-06-07 | 通过模板制作挂件的方法、装置及存储设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810579048.0A CN110580163B (zh) | 2018-06-07 | 2018-06-07 | 通过模板制作挂件的方法、装置及存储设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110580163A CN110580163A (zh) | 2019-12-17 |
CN110580163B true CN110580163B (zh) | 2022-03-08 |
Family
ID=68809663
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810579048.0A Active CN110580163B (zh) | 2018-06-07 | 2018-06-07 | 通过模板制作挂件的方法、装置及存储设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110580163B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102519049B1 (ko) * | 2020-05-14 | 2023-04-06 | 구글 엘엘씨 | 동적 컴포넌트를 포함하는 비디오의 효율적 렌더링 |
CN113157179A (zh) * | 2021-03-23 | 2021-07-23 | 北京达佳互联信息技术有限公司 | 一种画面调节参数调整方法、装置、电子设备及存储介质 |
CN113240777A (zh) * | 2021-04-25 | 2021-08-10 | 北京达佳互联信息技术有限公司 | 特效素材处理方法、装置、电子设备及存储介质 |
CN113885862A (zh) * | 2021-09-29 | 2022-01-04 | 武汉斗鱼鱼乐网络科技有限公司 | 一种头像框复用方法、存储介质、电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101807209A (zh) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | 网页制作的方法和***,客户端、服务端 |
CN103699379A (zh) * | 2013-12-13 | 2014-04-02 | 福建天趣网络科技有限公司 | 游戏角色格斗过程的可视化编辑方法及编辑器 |
CN106033340A (zh) * | 2015-03-16 | 2016-10-19 | 广州四三九九信息科技有限公司 | 手游战斗技能的可视化编辑方法及*** |
CN106780766A (zh) * | 2016-11-24 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 匹配实现方法及相关装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9098311B2 (en) * | 2010-07-01 | 2015-08-04 | Sap Se | User interface element for data rating and validation |
-
2018
- 2018-06-07 CN CN201810579048.0A patent/CN110580163B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101807209A (zh) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | 网页制作的方法和***,客户端、服务端 |
CN103699379A (zh) * | 2013-12-13 | 2014-04-02 | 福建天趣网络科技有限公司 | 游戏角色格斗过程的可视化编辑方法及编辑器 |
CN106033340A (zh) * | 2015-03-16 | 2016-10-19 | 广州四三九九信息科技有限公司 | 手游战斗技能的可视化编辑方法及*** |
CN106780766A (zh) * | 2016-11-24 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 匹配实现方法及相关装置 |
Also Published As
Publication number | Publication date |
---|---|
CN110580163A (zh) | 2019-12-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110580163B (zh) | 通过模板制作挂件的方法、装置及存储设备 | |
CN110795666B (zh) | 一种网页生成方法、装置、终端及存储介质 | |
US20220353144A1 (en) | Configuration information sharing method, terminal device, and computer readable storage medium | |
CN109407930A (zh) | 一种应用程序处理方法及终端设备 | |
CN110096326A (zh) | 一种截屏方法、终端设备及计算机可读存储介质 | |
CN109408172A (zh) | 一种应用程序的处理方法及终端设备 | |
US20190227764A1 (en) | Multi-screen interaction method and system in augmented reality scene | |
CN107748640B (zh) | 一种熄屏显示方法及移动终端 | |
CN107734170B (zh) | 一种通知消息处理方法、移动终端及穿戴设备 | |
CN110231897A (zh) | 一种对象处理方法及终端设备 | |
CN110035181A (zh) | 一种快应用卡片主题设置方法及终端 | |
CN109327672A (zh) | 一种视频通话方法及终端 | |
CN109885302A (zh) | 一种快应用的展示方法及终端设备 | |
CN109284144A (zh) | 一种快应用处理方法及移动终端 | |
CN108898552A (zh) | 图片拼接方法、双屏终端及计算机可读存储介质 | |
CN109522278A (zh) | 一种文件存储方法及终端设备 | |
CN109085963A (zh) | 一种界面显示方法及终端设备 | |
CN108536349B (zh) | 一种图标管理方法及移动终端 | |
CN110913261A (zh) | 一种多媒体文件的生成方法及电子设备 | |
CN109710130A (zh) | 一种显示方法和终端 | |
CN110399195B (zh) | 一种桌面图标动态替换方法、设备及计算机可读存储介质 | |
CN108491219A (zh) | 一种应用的更新方法及移动终端 | |
CN109117037B (zh) | 一种图像处理的方法及终端设备 | |
CN109815349A (zh) | 一种信息获取方法及终端设备 | |
CN105320532B (zh) | 显示交互界面的方法、装置及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40018883 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |