CN110706313A - 一种动态生成图片的方法 - Google Patents
一种动态生成图片的方法 Download PDFInfo
- Publication number
- CN110706313A CN110706313A CN201910929806.1A CN201910929806A CN110706313A CN 110706313 A CN110706313 A CN 110706313A CN 201910929806 A CN201910929806 A CN 201910929806A CN 110706313 A CN110706313 A CN 110706313A
- Authority
- CN
- China
- Prior art keywords
- layer
- picture
- template
- data
- information
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供了一种动态生成图片的方法。该方法是预先制作图片模板,并分解模板中各种元素,由于元素的信息数据具有可编辑性,图片定制需求者通过编辑图层信息数据后合成各个图层就能实现图片的动态生成。本方法能极大的降低图片定制需求者与设计师之间的沟通成本,将需求到结果的周期极大缩短。不仅如此,本系统还能应用在自动化领域,由后台产生数据来替代图片定制需求者的输入,自动出图,无需人工介入。从而减少人力成本。
Description
技术领域:
本发明涉及图片制作技术领域,特别是涉及一种动态生成图片的方法。
背景技术:
目前,电子商务网站做营销活动,需要使用大量图片。图片由设计师通过专业软件制作,图片定制需求者选择一个风格的模板,提出每张的文案和对应的内容图片,设计师需要一张张手动将模板里的默认数据替换成图片定制需求者数据,并保存成图片,最终发送给图片定制需求者。这种人工作图的方式机械且枯燥。同一风格的图片只是文案的内容和图形内容有不同,设计师手工修改非常费时费力。用户从提出需求到拿到图片也需要等待数小时以上。
发明内容:
为解决上述问题,本发明提供了一种动态生成图片的方法,包括:
图片制作者预先制作原始图片模板,并将原始图片模板中元素按种类分层展示及保存的步骤;
将每层图层文件进行解析,得到其所包含信息数据并保存的步骤;
图片定制需求者选取原始图片模板,并获取该模板每层图层文件的信息的步骤;
图片定制需求者修改选定图层的配置信息的步骤,逐层生成图片;
将模板的图层顺序进行合成的步骤;
返回合成结果图片给图片定制需求者的步骤。
进一步的,所述配置信息包括大小和/或坐标和/或内容。
进一步的,图片定制需求者是在人机交互界面通过鼠标点击移动或拖拽的方式修改模板的图层位置和大小;通过输入数据和上传图片的方式修改图层内容。
进一步的,所述信息数据包括图层类型、图层坐标,和/或填充颜色,和/或文字颜色,和/或字体大小,和/或行高,和/或字体,和/或水平翻转指令,和/或垂直翻转指令。
进一步的,制作原始图片模板的步骤包括:
S1:新建一个图层;
S2:当图层内容是文字时则制作文字图层,如果是图像则为图形图层,并将该图层的所有子图层合并至当前图层,如果是文字则为文字图层,则为文字图层;
S3:如需新建图层,则返回步骤S1,否则将现有的所有图层作为模板文件进行输出。
进一步的,将每层图层文件进行解析,得到其所包含信息数据并保存的步骤具体为:
S1:选定模板,并选定该模板的其中一个图层,判断该图层类型,如果内容是文字则直接生成图层信息,并进行保存后执行S4,如果是图片则进行S2;
S2:获取当前图层的图片信息,上传到图片库;
S3:返回图片的链接;
S4:生成图层信息;
S5:判断是否还有下一个图层,有的话则返回执行S1,否则就将所获得的图层信息保存到数据库。
进一步的,逐层生成图片的步骤具体为:
S1:读取模板;
S2:选定图层进行解析;
S3:判断所选定图层是否可以编辑,否的话则输出当前图层的图像后直接执行S5,是的话则进行S4;
S4:判断图片定制需求者是否输入数据,否的话则生成当前图层的图像,是的话则以图片定制需求者输入数据替换默认数据后生成当前图层的图像;
S5:判断是否还存在其他图层,是的话则返回步骤S2,否则则将模板的图层顺序进行合成。
进一步的,原始图片模板中元素分层展示,并以psd格式保存。
进一步的,信息数据以JSON格式保存。
进一步的,还优选包括通过直接导入数据批量生成图像的步骤,具体为:
S1:选择模板;
S2:后台系统生成用于填写数据用的Excel文件;
S3:用户根据Excel中图层字段录入想要的数据;
S4:上传步骤S3填写的Excel文件导入数据;
S5:后台系统根据步骤S1所选的模板和步骤S3填写的数据批量生成图像。
本发明的有益效果为:
本方法能极大的降低图片定制需求者与设计师之间的沟通成本,将需求到结果的过程极大缩短。不仅如此,本系统还能应用在自动化领域,由后台产生数据来替代图片定制需求者的输入,自动出图,无需人工介入,从而减少人力成本。
具体实施方式:
本发明的设计构思为:针对现有技术的不足,提出一种方法,该方法是预先制作图片模板,并分解模板中各种元素,由于元素的信息数据具有可编辑性,图片定制需求者通过编辑图层信息数据后合成各个图层就能实现图片的动态生成。
本发明所述的方法存在于图片制作者与图片定制需求者之间的交互过程。所述图片定制需求者可以为人或者系统后台,所述系统后台可以根据需求产生数据,来替代图片定制需求者的输入。
下面对本发明的步骤进行详细说明。
本发明所述一种动态生成图片的方法,主要包括制作原始图片模板库的步骤、动态生成图片的步骤。下面分别予以介绍。
一:制作原始图片模板库。
该步骤中,应尽可能存储较多的图片模板,以满足图片定制需求者需求。具体到单个图片模板的制作,流程包括如下步骤:
步骤一:预先制作原始图片模板,并将原始图片模板中元素(元素分为图形,文字两种),按图片类型和文字类型分层展示及保存。
原始图片是图片制作者使用专业的制图软件,如PS设计的,并以psd(PhotoshopDocument)格式保存。具体制作方法如下:
S1:新建一个图层;
S2:当图层内容是文字时则制作文字图层,如果是图像则为图形图层,并将当前图层下的子图层合并至当前图层,如果是文字则为文字图层,则为文字图层;
S3:如需新建图层,则返回步骤S1,否则将现有的所有图层作为模板文件进行输出。
步骤二:将每层图层文件进行解析,得到其所包含信息数据并保存的步骤;该步骤优选保存关键信息数据,如图层类型、图层坐标、文字颜色,图形,字体,文字大小,图层大小中的任意一种或者组合。
S1:选定模板,并选定该模板的某个图层,判断该图层类型,如果内容是文字则直接生成图层信息,并进行保存后执行S4,如果是图片则进行S2;
S2:获取当前图层的图片信息,上传到图片库。
S3:返回图片的链接。
S4:生成图层信息。所述图层信息包括图层类型、图层位置、填充颜色、文字颜色、字体大小、行高、字体、水平翻转指令、垂直翻转指令、图形的图片地址的任意一种或者组合。
S5:判断是否还有下一个图层,有的话则返回执行S1,否则就将所获得的图层信息保存到数据库。
二.动态生成图片
步骤一:图片定制需求者选取原始图片模板。
步骤二:读取模板,并获取该模板每层图层文件的图层信息。
步骤三:选定图层进行解析。
步骤四:判断所选定图层是否可以编辑,否的话则输出当前图层的图像后直接执行步骤六,是的话则进行步骤四。
步骤五:判断图片定制需求者是否输入数据,否的话则生成当前图层的图像,是的话则以图片定制需求者输入数据替换默认数据后生成当前图层的图像。
图片定制需求者修改选定图层的配置信息。所述配置信息包括大小和/或坐标和/或内容。本实施例中,是通过人机交互界面,类似画板的人机交互界面,通过拖拽的方式修改模板的图层配置信息,例如大小,坐标,内容等。还提供了导入用户数据批量生成图片的功能,可以生成的Excel文件让图片定制需求者批量填写,然后批量生成图像,具体如下:
S1:选择1个模板。
S2:后台系统生成用于填写数据用的Excel文件;excel文件里列出了模板可修改的图层的部分信息,如图片地址或者文字;
S3:用户根据Excel中图层字段录入想要的数据;
S4:上传步骤S3填写的Excel文件导入数据;
S5:后台系统根据步骤S1所选的模板和步骤S3填写的数据批量生成图像。
步骤六:判断是否还存在其他图层,是的话则返回步骤三,否则执行下一步。
步骤七:等图片定制需求者修改完欲要修改的图层后,将所有图片按照顺序提交到系统后台进行合成。
步骤八:返回合成结果图片。
上述方法的运行需要借用软件系统来实现,该系统为图片定制需求者提供获取原始图片模板的通道或者接口,并接收其输入。
以上所述仅是本发明的较佳实施方案之一,并非对本发明作任何形式上的限制,本领域技术人员利用上述描述的技术内容做出修改均落在本发明的保护范围。
Claims (10)
1.一种动态生成图片的方法,其特征在于,包括
图片制作者预先制作原始图片模板,并将原始图片模板中元素按种类分层展示及保存的步骤;
将每层图层文件进行解析,得到其所包含信息数据并保存的步骤;
图片定制需求者选取原始图片模板,并获取该模板每层图层文件的信息的步骤;
图片定制需求者修改选定图层的配置信息的步骤,逐层生成图片;
将模板的图层顺序进行合成的步骤;
返回合成结果图片给图片定制需求者的步骤。
2.如权利要求1所述的动态生成图片的方法,其特征在于,所述配置信息包括大小和/或坐标和/或内容。
3.如权利要求2所述的动态生成图片的方法,其特征在于,图片定制需求者是在人机交互界面通过鼠标点击移动或拖拽的方式修改模板的图层坐标和大小;通过输入数据和上传图片的方式修改图层内容。
4.如权利要求1所述的动态生成图片的方法,其特征在于,所述信息数据包括图层类型、图层坐标,和/或填充颜色,和/或文字颜色,和/或字体大小,和/或行高,和/或字体,和/或水平翻转指令,和/或垂直翻转指令。
5.如权利要求1或2或3或4所述的动态生成图片的方法,其特征在于,制作原始图片模板的步骤包括:
S1:新建一个图层;
S2:当图层内容是文字时则制作文字图层,如果是图像则为图形图层,并将该图层的所有子图层合并至当前图层,如果是文字则为文字图层;
S3:如需新建图层,则返回步骤S1,否则将现有的所有图层作为模板文件进行输出。
6.如权利要求1所述的动态生成图片的方法,其特征在于,将每层图层文件进行解析,得到其所包含信息数据并保存的步骤具体为:
S1:选定模板,并选定该模板的其中一个图层,判断该图层类型,如果内容是文字则直接生成图层信息,并进行保存后执行S4,如果是图片则进行S2;
S2:获取当前图层的图片信息,上传到图片库;
S3:返回图片的链接;
S4:生成图层信息;
S5:判断是否还有下一个图层,有的话则返回执行S1,否则就将所获得的图层信息保存到数据库。
7.如权利要求1所述的动态生成图片的方法,其特征在于,逐层生成图片的步骤具体为:
S1:读取模板;
S2:选定图层进行解析;
S3:判断所选定图层是否可以编辑,否的话则输出当前图层的图像后直接执行S5,是的话则进行S4;
S4:判断图片定制需求者是否输入数据,否的话则生成当前图层的图像,是的话则以图片定制需求者输入数据替换默认数据后生成当前图层的图像;
S5:判断是否还存在其他图层,是的话则返回步骤S2,否则则将模板的图层顺序进行合成。
8.如权利要求1所述的动态生成图片的方法,其特征在于,原始图片模板中元素分层展示,并以psd格式保存。
9.如权利要求1或4所述的动态生成图片的方法,其特征在于,信息数据以JSON格式保存。
10.如权利要求1所述的动态生成图片的方法,其特征在于,当图片定制需求者修改选定图层的配置信息时,能够直接导入数据批量生成图像,具体为:
S1:选择模板;
S2:后台系统生成用于填写数据用的Excel文件;
S3:用户根据Excel中图层字段录入想要的数据;
S4:上传步骤S3填写的Excel文件导入数据;
S5:后台系统根据步骤S1所选的模板和步骤S3填写的数据批量生成图像。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910929806.1A CN110706313A (zh) | 2019-09-29 | 2019-09-29 | 一种动态生成图片的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910929806.1A CN110706313A (zh) | 2019-09-29 | 2019-09-29 | 一种动态生成图片的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110706313A true CN110706313A (zh) | 2020-01-17 |
Family
ID=69197979
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910929806.1A Pending CN110706313A (zh) | 2019-09-29 | 2019-09-29 | 一种动态生成图片的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110706313A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111324575A (zh) * | 2020-03-20 | 2020-06-23 | 成都药王科技股份有限公司 | 一种om运营活动管理系统 |
CN112990206A (zh) * | 2021-05-14 | 2021-06-18 | 广州美术学院 | 一种图案设计方法、终端及计算机可读存储介质 |
CN113160356A (zh) * | 2021-03-22 | 2021-07-23 | 上海阳光睿玺信息科技有限公司 | 一种基于Python的服装图片模板批量处理展示系统 |
CN113407189A (zh) * | 2021-07-15 | 2021-09-17 | 广州博冠信息科技有限公司 | 图片物料的处理方法、装置、存储介质与电子设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2008015619A (ja) * | 2006-07-03 | 2008-01-24 | Fuji Xerox Co Ltd | 画像処理装置、画像処理方法及び画像処理プログラム |
CN105279203A (zh) * | 2014-07-25 | 2016-01-27 | 腾讯科技(深圳)有限公司 | 一种生成拼图的方法、装置和系统 |
CN107025676A (zh) * | 2016-01-25 | 2017-08-08 | 阿里巴巴集团控股有限公司 | 一种图片模板以及图片的生成方法及相关装置 |
CN108182718A (zh) * | 2018-01-04 | 2018-06-19 | 美的集团电子商务有限公司 | 图片的生成方法、装置和计算机可读存储介质 |
CN108550060A (zh) * | 2018-05-08 | 2018-09-18 | 多盟睿达科技(中国)有限公司 | 一种多尺寸广告的生成方法及系统 |
CN109308729A (zh) * | 2017-07-27 | 2019-02-05 | 阿里巴巴集团控股有限公司 | 图片合成处理方法、装置及系统 |
CN109801347A (zh) * | 2019-01-25 | 2019-05-24 | 北京字节跳动网络技术有限公司 | 一种可编辑图像模板的生成方法、装置、设备和介质 |
-
2019
- 2019-09-29 CN CN201910929806.1A patent/CN110706313A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2008015619A (ja) * | 2006-07-03 | 2008-01-24 | Fuji Xerox Co Ltd | 画像処理装置、画像処理方法及び画像処理プログラム |
CN105279203A (zh) * | 2014-07-25 | 2016-01-27 | 腾讯科技(深圳)有限公司 | 一种生成拼图的方法、装置和系统 |
CN107025676A (zh) * | 2016-01-25 | 2017-08-08 | 阿里巴巴集团控股有限公司 | 一种图片模板以及图片的生成方法及相关装置 |
CN109308729A (zh) * | 2017-07-27 | 2019-02-05 | 阿里巴巴集团控股有限公司 | 图片合成处理方法、装置及系统 |
CN108182718A (zh) * | 2018-01-04 | 2018-06-19 | 美的集团电子商务有限公司 | 图片的生成方法、装置和计算机可读存储介质 |
CN108550060A (zh) * | 2018-05-08 | 2018-09-18 | 多盟睿达科技(中国)有限公司 | 一种多尺寸广告的生成方法及系统 |
CN109801347A (zh) * | 2019-01-25 | 2019-05-24 | 北京字节跳动网络技术有限公司 | 一种可编辑图像模板的生成方法、装置、设备和介质 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111324575A (zh) * | 2020-03-20 | 2020-06-23 | 成都药王科技股份有限公司 | 一种om运营活动管理系统 |
CN113160356A (zh) * | 2021-03-22 | 2021-07-23 | 上海阳光睿玺信息科技有限公司 | 一种基于Python的服装图片模板批量处理展示系统 |
CN113160356B (zh) * | 2021-03-22 | 2024-02-02 | 上海阳光睿玺信息科技有限公司 | 一种基于Python的服装图片模板批量处理展示系统 |
CN112990206A (zh) * | 2021-05-14 | 2021-06-18 | 广州美术学院 | 一种图案设计方法、终端及计算机可读存储介质 |
CN112990206B (zh) * | 2021-05-14 | 2021-07-16 | 广州美术学院 | 一种图案设计方法、终端及计算机可读存储介质 |
CN113407189A (zh) * | 2021-07-15 | 2021-09-17 | 广州博冠信息科技有限公司 | 图片物料的处理方法、装置、存储介质与电子设备 |
CN113407189B (zh) * | 2021-07-15 | 2023-11-17 | 广州博冠信息科技有限公司 | 图片物料的处理方法、装置、存储介质与电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110706313A (zh) | 一种动态生成图片的方法 | |
US10984177B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
CN108228183B (zh) | 前端界面代码生成方法、装置、电子设备及存储介质 | |
US8392828B2 (en) | Open theme builder and API | |
CN102591848B (zh) | 基于背景的前景特性选择 | |
JP7455161B2 (ja) | 線画自動着色プログラム、線画自動着色装置及びグラフィカルユーザインターフェース用プログラム | |
EP0671037A1 (en) | Method and system for creating, specifying, and generating parametric fonts | |
CN104239305A (zh) | 生成及展现电子文档的方法及装置 | |
CN110516186A (zh) | 页面骨架自动化生成方法、设备、存储介质及装置 | |
CN107320956A (zh) | 一种游戏界面生成方法及装置 | |
CN114296722A (zh) | 一种应用于数字化改革的可视化快速开发方法及系统 | |
CN114239524A (zh) | 问卷生成方法、装置、计算机设备及存储介质 | |
WO2012033715A1 (en) | Methods and systems for stylized map generation | |
CN115188349B (zh) | 移动可变交通信息牌自定义内容编辑方法及系统 | |
KR20180135654A (ko) | 프로그램의 직관적 제작방법 | |
CN116610394A (zh) | 基于模板和模块的数据可视化页面配置方法、系统和装置 | |
CN115691772A (zh) | 运营可视化系统及相应计算机设备和存储介质 | |
CN115185509B (zh) | 一种指标画面组态方法 | |
JP2008059135A (ja) | ソフトウェア自動生成装置、ソフトウェア自動生成方法、およびプログラム | |
WO2022085076A1 (ja) | 方法、情報処理装置及びプログラム | |
CN113220375B (zh) | 基于Allegro软件生成镂空文丝印的方法及系统 | |
CN118095206A (zh) | 视频中文字图层版式批量更新方法、装置、设备及介质 | |
CN117710531A (zh) | Svg图标的外观样式编辑方法、装置、存储介质及终端设备 | |
JP2024035038A (ja) | 情報処理装置、方法、プログラム、およびシステム | |
CN116451295A (zh) | 一种产品原型自动化设计方法、系统、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |