CN112051960A - 一种图像绘制方法、装置、设备及存储介质 - Google Patents

一种图像绘制方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN112051960A
CN112051960A CN202010909984.0A CN202010909984A CN112051960A CN 112051960 A CN112051960 A CN 112051960A CN 202010909984 A CN202010909984 A CN 202010909984A CN 112051960 A CN112051960 A CN 112051960A
Authority
CN
China
Prior art keywords
brush
canvas
guide frame
image
queue
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.)
Granted
Application number
CN202010909984.0A
Other languages
English (en)
Other versions
CN112051960B (zh
Inventor
周财进
胡兴鸿
程熙文
邱博恒
王语嫣
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202010909984.0A priority Critical patent/CN112051960B/zh
Publication of CN112051960A publication Critical patent/CN112051960A/zh
Priority to US18/020,047 priority patent/US20230281892A1/en
Priority to PCT/CN2021/112183 priority patent/WO2022048420A1/zh
Application granted granted Critical
Publication of CN112051960B publication Critical patent/CN112051960B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/203—Drawing of straight lines or curves
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
    • G06V10/00—Arrangements for image or video recognition or understanding
    • G06V10/40—Extraction of image or video features
    • G06V10/56—Extraction of image or video features relating to colour

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Multimedia (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开提供了一种图像绘制方法、装置、设备及存储介质，所述方法：响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将其确定为当前出队笔刷对象。基于当前出队笔刷对象的笔刷位置信息，确定笔刷绘制指导框的显示位置，基于笔刷大小和笔刷方向，确定其显示范围。最终，基于该笔刷绘制指导框的显示位置和显示范围，在画布上显示该笔刷绘制指导框，以便指导用户对目标风格图像上笔刷的绘制。本公开基于笔刷队列中的笔刷对象的属性，在画布上为用户显示笔刷绘制指导框，以便用户能够根据笔刷绘制指导框对笔刷进行绘制，满足用户对于图像绘制的学习和娱乐的需求，提高用户体验。

Description

一种图像绘制方法、装置、设备及存储介质
技术领域
本公开涉及数据处理领域，尤其涉及一种图像绘制方法、装置、设备及存储介质。
背景技术
图像绘制是目前备受关注的一项才艺，人们对于图像绘制的学习和娱乐等需求日益增长，但是，目前针对图像绘制的软件数量稀少，明显不能满足人们的需求。
因此，如何实现图像绘制类软件的功能，以满足用户对于图像绘制的学习和娱乐的需求，是目前亟需解决的技术问题。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种图像绘制方法、装置、设备及存储介质，能够满足用户对于特定风格图像绘制的学习和娱乐的需求，提高用户的体验。
本公开提供了一种图像绘制方法，所述方法包括：
响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将所述笔刷对象确定为当前出队笔刷对象；其中，所述笔刷队列中存储有具有笔刷大小、笔刷方向和笔刷位置信息的属性的笔刷对象；
基于所述当前出队笔刷对象的所述笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于所述当前出队笔刷对象的所述笔刷大小和所述笔刷方向，确定所述笔刷绘制指导框的显示范围；
基于所述笔刷绘制指导框的所述显示位置和所述显示范围，在所述画布上显示所述笔刷绘制指导框；其中，所述笔刷绘制指导框用于指导用户对目标风格图像上笔刷的绘制。
一种可选的实施方式中，所述方法还包括：
响应于当前模式切换为目标绘制模式的触发操作，控制所述笔刷队列中的各个笔刷对象依次出队；
基于依次出队的各个笔刷对象的属性，在所述画布上依次绘制各个笔刷对象对应的笔刷。
一种可选的实施方式中，所述方法还包括：
当检测到在所述画布上拖动的操作时，在所述画布上绘制所述拖动的操作对应的笔刷；其中，所述笔刷的大小和所述笔刷的颜色均跟随所述拖动的操作实时变化。
一种可选的实施方式中，所述方法还包括：
在所述目标绘制模式下，响应于图像绘制速度的调整操作，确定笔刷对象出队速度；
相应的，所述控制所述笔刷队列中的各个笔刷对象依次出队，包括：
基于所述笔刷对象出队速度，控制所述笔刷队列中的各个笔刷对象依次出队。
一种可选的实施方式中，所述方法还包括：
响应于重新绘制控件的触发操作，清空所述画布。
一种可选的实施方式中，所述方法还包括：
响应于图像颜色的调整操作，确定目标图像效果图；
基于所述目标图像效果图，确定在所述图像颜色的调整操作之后绘制在所述画布上的笔刷的颜色。
一种可选的实施方式中，所述方法还包括：
响应于目标绘制难度的确定操作，获取所述目标绘制难度对应的笔刷队列；其中，不同绘制难度的笔刷队列中的笔刷对象的数量不同。
第二方面，本公开提供了一种图像绘制装置，所述装置包括：
第一控制模块，用于响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将所述笔刷对象确定为当前出队笔刷对象；其中，所述笔刷队列中存储有具有笔刷大小、笔刷方向和笔刷位置信息的属性的笔刷对象；
第一确定模块，用于基于所述当前出队笔刷对象的所述笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于所述当前出队笔刷对象的所述笔刷大小和所述笔刷方向，确定所述笔刷绘制指导框的显示范围；
显示模块，用于基于所述笔刷绘制指导框的所述显示位置和所述显示范围，在所述画布上显示所述笔刷绘制指导框；其中，所述笔刷绘制指导框用于指导用户对目标风格图像上笔刷的绘制。
第三方面，本公开提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备实现上述的方法。
第四方面，本公开提供了一种设备，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现上述的方法。
本公开实施例提供的技术方案与现有技术相比具有如下优点：
本公开实施例提供了一种图像绘制方法，响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将该笔刷对象确定为当前出队笔刷对象。然后，基于当前出队笔刷对象的笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于当前出队笔刷对象的笔刷大小和笔刷方向，确定该笔刷绘制指导框的显示范围。最终，基于该笔刷绘制指导框的显示位置和显示范围，在画布上显示该笔刷绘制指导框，以便指导用户对目标风格图像上笔刷的绘制。本公开基于笔刷队列中的笔刷对象的属性，在画布上为用户显示笔刷绘制指导框，以便用户能够根据笔刷绘制指导框对笔刷进行绘制，满足用户对于特定风格图像绘制的学习和娱乐的需求，提高用户体验。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的一种图像绘制方法的流程图；
图2为本公开实施例提供的一种绘制难度选择界面的示意图；
图3为本公开实施例提供的一种手动绘制模式的界面示意图；
图4为本公开实施例提供的另一种图像绘制方法的流程图；
图5为本公开实施例提供的一种自动绘制模式的界面示意图；
图6为本公开实施例提供的一种图像绘制装置的结构框图；
图7为本公开实施例提供的一种图像绘制设备的结构框图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
随着人们对特定风格图像，如油画等的绘制兴趣的提升，软件开发人员越来越关注图像绘制类软件的研发，如何实现图像绘制类软件的功能，能够最大程度的满足用户对于图像绘制的学习和娱乐的需求，是目前亟需解决的技术问题。
为此，本公开提供了一种图像绘制方法，响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将该笔刷对象确定为当前出队笔刷对象。然后，基于当前出队笔刷对象的笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于当前出队笔刷对象的笔刷大小和笔刷方向，确定该笔刷绘制指导框的显示范围。最终，基于该笔刷绘制指导框的显示位置和显示范围，在画布上显示该笔刷绘制指导框，以便指导用户对目标风格图像上笔刷的绘制。
本公开基于笔刷队列中的笔刷对象的属性，在画布上为用户显示笔刷绘制指导框，以便用户能够根据笔刷绘制指导框对笔刷进行绘制，满足用户对于图像绘制的学习和娱乐的需求，提高用户体验。
另外，该方法还可以在当前模式切换为目标绘制模式时，控制笔刷队列中的各个笔刷对象依次出队，然后基于依次出队的各个笔刷对象的属性，在画布上依次绘制各个笔刷对象对应的笔刷。可见，本公开可以自动控制笔刷的绘制，为用户提供图像绘制的教学视频，进一步满足用户对于图像绘制的学习需求，从而提高用户体验。
基于此，本公开实施例提供了一种图像绘制方法，参考图1，为本公开实施例提供的一种图像绘制的方法的流程图，该方法包括：
S101：响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将所述笔刷对象确定为当前出队笔刷对象。
本公开实施例中，在实现针对一张图像进行预设风格图像绘制的学习或娱乐的交互功能之前，首先确定该图像对应的预设风格图像的笔刷队列。
一种可选的实施方式中，对于预设风格图像的绘制难度可以预先设置，例如包括新手模式、中阶模式和高手模式三个绘制难度，并且，这三种绘制难度依次提升。如图2所示，为本公开实施例提供的一种绘制难度选择界面的示意图，用户可以选择一个绘制难度作为目标绘制难度，并获取目标绘制难度对应的笔刷队列，以便利用该笔刷队列中的笔刷对象实现预设风格图像的绘制交互。具体的，不同绘制难度的笔刷队列中笔刷对象的数量不同，通常绘制难度越高的笔刷队列中的笔刷对象的数量越多。另外，不同绘制难度的笔刷队列中笔刷对象的笔刷大小等属性也可能不同。
实际应用中，响应于目标绘制难度的选定操作，获取目标绘制难度对应的笔刷队列；其中，不同绘制难度的笔刷队列中的笔刷对象的数量不同。
本公开实施例中，笔刷队列中存储有具有笔刷大小、笔刷方向和笔刷位置信息的属性的笔刷对象。笔刷大小用于表示笔刷对象对应的笔刷尺寸，笔刷方向用于表示笔刷对象对应的笔刷的绘制方向，例如从左向右等，笔刷位置信息用于表示笔刷对象对应的笔刷的中心点位置信息。
另外，笔刷对象还具有笔刷颜色的属性，其中，笔刷颜色是指笔刷对象对应的笔刷的中心点的颜色。
一种可选的实施方式中，本公开实施例提供的图像绘制方法中至少包括第一图像绘制模式，用户可以通过模式切换或者模式选择等操作，将当前模式确定为第一图像绘制模式。
在第一图像绘制模式下，用户可以通过在画布上拖动鼠标或者拖动手指等拖动操作实现笔刷的绘制，在检测到在画布上拖动的释放操作时，控制笔刷队列中位于队首的笔刷对象出队，并将该笔刷对象确定为当前出队笔刷对象，后续基于当前出队笔刷对象的属性显示笔刷绘制指导框，具体的笔刷绘制指导框的显示方式在后续进行介绍。其中，画布是指笔刷绘制界面上用于绘制笔刷的空白区域。
实际应用中，第一图像绘制模式也可以称为手动绘制模式，即用户可以通过基于笔刷绘制指导框手动绘制笔刷的方式实现对目标风格图像的绘制。
S102：基于所述当前出队笔刷对象的所述笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于所述当前出队笔刷对象的所述笔刷大小和所述笔刷方向，确定所述笔刷绘制指导框的显示范围。
由于笔刷绘制指导框用于指导用户对画布上的下一个笔刷的绘制，因此，基于当前出队笔刷对象的属性确定笔刷绘制指导框，能够准确引导用户将下一个笔刷绘制到最佳位置和最佳范围。
为此，本公开实施例在确定当前出队笔刷对象之后，进一步确定该当前出队笔刷对象的属性，具体包括笔刷大小、笔刷方向和笔刷位置信息，以便基于确定出的各个属性准确为用户显示笔刷绘制指导框。
本公开实施例中，基于当前出队笔刷对象的笔刷位置信息，确定笔刷绘制指导框的显示位置，具体的，将当前出队笔刷对象的笔刷位置信息作为笔刷绘制指导框的中心点位置。
另外，基于当前出队笔刷对象的笔刷大小和笔刷方向，确定笔刷绘制指导框的显示范围，具体的，按照笔刷大小确定笔刷绘制指导框所占的面积大小，以及按照笔刷方向确定笔刷绘制指导框所位于的方向，结合确定的笔刷绘制指导框所占的面积大小和所位于的方向，确定该笔刷绘制指导框的显示范围。
S103：基于所述笔刷绘制指导框的所述显示位置和所述显示范围，在所述画布上显示所述笔刷绘制指导框；其中，所述笔刷绘制指导框用于指导用户对目标风格图像上笔刷的绘制。
本公开实施例中，在确定笔刷绘制指导框的显示位置和显示范围之后，结合显示位置和显示范围确定该笔刷绘制指导框在画布上的显示区域，然后在该显示区域上显示该笔刷绘制指导框，以便用户能够基于该笔刷绘制指导框对目标风格图像的下一个笔刷进行绘制。其中，目标风格图像是指具有艺术风格的图像类型，例如油画风格图像、素描风格图像等。
如图3所示，为本公开实施例提供的一种手动绘制模式的界面示意图，图中左侧为画布，画布上显示有笔刷绘制指导框，其中，黑粗线矩形框为显示的笔刷绘制指导框。具体的，笔刷绘制指导框可以为矩形、圆形、椭圆形、不规则形状等，也可以基于预设动画、虚拟图像等形式实现，本公开实施例对于笔刷绘制指导框的具体形式不做限制。
实际应用中，用户可以基于画布上显示的笔刷绘制指导框，在笔刷绘制指导框中绘制笔刷，以便将笔刷绘制在最佳位置和最佳范围，以实现对图像绘制的学习。
另外，用户还可以在画布上通过拖动鼠标或手指的操作在任何位置绘制笔刷，实现对图像绘制的娱乐功能。
具体的，当检测到在画布上拖动的操作时，可以说明用户当前正在画布上绘制笔刷，因此，可以基于该拖动的操作绘制笔刷，例如，用户可以在画布上绘制该拖动的操作对应的笔刷，正在绘制的笔刷的大小和该笔刷的颜色均跟随当前在画布上拖动的操作实时变化。
实际应用中，在用户通过在画布上拖动的操作绘制笔刷时，随着用户在画布上的拖动操作，绘制的笔刷逐渐拉长，笔刷的中心点的位置也在实时的变化，由于笔刷颜色是基于笔刷的中心点的颜色确定的，因此，笔刷颜色也在实时的变化，而当检测到拖动的释放操作时，在画布上结束对该笔刷的绘制，将此时笔刷的中心点确定为最终绘制的笔刷的中心点，而笔刷颜色是基于该中心点在原图位置的颜色确定。
一种可选的实施方式中，用户可以通过触发重新绘制控件，如图3中的“再画一次”的按钮，实现对画布上的内容的清空。具体的，当检测到重新绘制控件的触发操作时，清空画布，以便用户可以基于空白的画布重新绘制图像。
另一种可选的实施方式中，用户还可以调整绘制图像的颜色，以改变绘制的图像的整体色调，在图像绘制的过程中，可以基于最新调整颜色后的目标图像效果图，对后续笔刷进行绘制。
具体的，当检测到图像颜色的调整操作时，确定目标图像效果图，然后基于目标图像效果图，确定在该图像颜色的调整操作之后绘制在画布上的笔刷的颜色，可以实现同一幅图像的不同区域具有不同色调的绘制效果。
实际应用中，可以对目标图像效果图进行预览展示，如图3所示，右上角的窗口用于对目标图像效果图进行预览展示，右下角的窗口用于对原图进行展示，用户通过调整图3中显示的画笔颜色1和画笔颜色2分别对应的滑动条，分别控制Lab颜色空间中a和b通道的饱和度，实现对原图的图像颜色的整体调整，并将调整后的图像作为目标图像效果图在右上角的窗口中进行预览展示。
实际应用中，在对图像颜色进行整体调整，得到目标图像效果图之后，以对图像颜色进行整体调整的操作为起始时间点，在该起始时间点之后绘制在画布上的笔刷的颜色，可以基于目标图像效果图确定。具体的，在该时间点之后绘制在画布上的各个笔刷的颜色，是基于目标图像效果图上与该笔刷对应位置的像素点的颜色值确定的。
本公开实施例提供的图像绘制方法中，响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将该笔刷对象确定为当前出队笔刷对象。然后，基于当前出队笔刷对象的笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于当前出队笔刷对象的笔刷大小和笔刷方向，确定该笔刷绘制指导框的显示范围。最终，基于该笔刷绘制指导框的显示位置和显示范围，在画布上显示该笔刷绘制指导框，以便指导用户对目标风格图像上笔刷的绘制。本公开实施例基于笔刷队列中的笔刷对象的属性，在画布上为用户显示笔刷绘制指导框，以便用户能够根据笔刷绘制指导框对笔刷进行绘制，满足用户对于图像绘制的学习和娱乐的需求，提高用户体验。
为了丰富图像绘制的交互功能，本公开实施例还提供了一种图像绘制方法，参考图4，为本公开实施例提供的另一种图像绘制方法的流程图，在图1中各个步骤的基础上，还包括：
S401：响应于模式切换触发操作，从第一图像绘制模式切换至第二图像绘制模式。
本公开实施例中，模式切换触发操作是指触发将当前模式切换为目标绘制模式的操作。本公开实施例在接收到模式切换触发操作时，触发从第一图像绘制模式切换至第二图像绘制模式。
一种可选的实施方式中，用户可以通过点击模式切换控件等操作，触发从第一图像绘制模式切换至第二图像绘制模式。
实际应用中，通过模式切换触发操作，将当前模式切换为目标绘制模式也可以是指从第二图像绘制模式切换为第一图像绘制模式。具体的，在第一图像绘制模式下控制笔刷队列中位于队首的笔刷对象出队，进而实现对笔刷的绘制。具体的模式切换操作可以基于用户需求触发，且对触发模式切换的时机不做限制。
S402：在第二图像绘制模式下，控制所述笔刷队列中的各个笔刷对象依次出队。
本公开实施例中，在检测到当前模式为第二图像绘制模式时，基于队列先进先出的原则，控制笔刷队列中的各个笔刷对象依次出队。实际应用中，第二图像绘制模式可以称为自动绘制模式，如图5，为本公开实施例提供的一种自动绘制模式的界面示意图，其中，画布上的笔刷自动绘制。
一种可选的实施方式中，如果在第一图像绘制模式下画布上已经绘制了若干笔刷，则在当前模式切换为第二图像绘制模式时，基于画布上已经绘制的笔刷，继续控制笔刷队列中的笔刷对象出队，以基于第二图像绘制模式完成画布上后续笔刷的绘制。也就是说，用户可以在图像绘制的过程中，可以对当前模式进行随意切换，最终基于不同绘制模式完成图像的绘制。
另一种可选的实施方式中，也可以在检测到模式切换触发操作时，清空画布，以便基于切换后的笔刷绘制模式，在空白的画布上重新绘制图像。
S403：基于依次出队的各个笔刷对象的属性，在所述画布上依次绘制各个笔刷对象对应的笔刷。
本公开实施例中，在控制笔刷队列中的笔刷对象出队后，基于出队的笔刷对象的属性，在画布上依次绘制各个笔刷对象对应的笔刷，实现在画布上笔刷的自动绘制。
实际应用中，在画布上的笔刷自动绘制的过程中，用户可以通过拖动鼠标或手指等拖动的操作，在画布的任何位置上手动绘制笔刷，提高用户的体验。具体的，当检测到在所述画布上拖动的操作时，在所述画布上绘制所述拖动的操作对应的笔刷。
实际应用中，在笔刷自动绘制的过程中，用户在画布上通过拖动的操作绘制笔刷时，随着拖动的操作，绘制的笔刷逐渐拉长，笔刷的中心点的位置也在实时的变化，由于笔刷颜色是基于笔刷的中心点的颜色确定的，因此，笔刷颜色也在实时的变化，而当检测到拖动的释放操作时，在画布上结束对该笔刷的绘制，将此时笔刷的中心点确定为最终绘制的笔刷的中心点，而笔刷颜色是基于该中心点在原图位置的颜色确定。
一种可选的实施方式中，在第二图像绘制模式下，用户可以调节画布上笔刷自动绘制的速度，具体的，在检测到图像绘制速度的调整操作时，确定笔刷对象出队速度，然后，基于笔刷对象出队速度，控制所述笔刷队列中的各个笔刷对象依次出队。也就是说，用户可以基于需求确定图像自动绘制的速度，便于用户对图像绘制的学习，提高用户的体验。
另外，在第二图像绘制模式下，在接收到重新绘制控件的触发操作时，也可以清空画布，以满足用户重新绘制图像的需求。
本公开实施例提供的图像绘制方法提供至少两种图像绘制模式，至少在上述实施例提供的图像绘制模式的基础上，进一步切换当前模式为第二图像绘制模式，以实现自动控制笔刷的绘制，为用户提供图像绘制的教学视频，进一步满足用户对于图像绘制的学习需求，从而进一步的提高了用户的使用体验。
与上述方法实施例相对应的，本公开还提供了一种图像绘制装置，参考图6，为本公开实施例提供的一种图像绘制装置的结构示意图，所述装置包括：
第一控制模块601，用于响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将所述笔刷对象确定为当前出队笔刷对象；其中，所述笔刷队列中存储有具有笔刷大小、笔刷方向和笔刷位置信息的属性的笔刷对象；
第一确定模块602，用于基于所述当前出队笔刷对象的所述笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于所述当前出队笔刷对象的所述笔刷大小和所述笔刷方向，确定所述笔刷绘制指导框的显示范围；
显示模块603，用于基于所述笔刷绘制指导框的所述显示位置和所述显示范围，在所述画布上显示所述笔刷绘制指导框；其中，所述笔刷绘制指导框用于指导用户对笔刷的绘制。
一种可选的实施方式中，所述装置还包括：
第二控制模块，用于响应于当前模式切换为目标绘制模式的触发操作，控制所述笔刷队列中的各个笔刷对象依次出队；
第一绘制模块，用于基于依次出队的各个笔刷对象的属性，在所述画布上依次绘制各个笔刷对象对应的笔刷。
一种可选的实施方式中，所述装置还包括：
第二绘制模块，用于当检测到在所述画布上拖动的操作时，在所述画布上绘制所述拖动的操作对应的笔刷；其中，所述笔刷的大小和所述笔刷的颜色均跟随所述拖动的操作实时变化。
一种可选的实施方式中，所述装置还包括：
第二确定模块，用于在所述目标绘制模式下，响应于图像绘制速度的调整操作，确定笔刷对象出队速度；
相应的，所述控第二控制模块，具体用于：
基于所述笔刷对象出队速度，控制所述笔刷队列中的各个笔刷对象依次出队。
一种可选的实施方式中，所述装置还包括：
清空模块，用于响应于重新绘制控件的触发操作，清空所述画布。
一种可选的实施方式中，所述装置还包括：
第三确定模块，用于响应于图像颜色的调整操作，确定目标图像效果图；
第四确定模块，用于基于所述目标图像效果图，确定在所述图像颜色的调整操作之后绘制在所述画布上的笔刷的颜色。
本公开实施例提供的图像绘制装置，基于笔刷队列中的笔刷对象的属性，在画布上为用户显示笔刷绘制指导框，以便用户能够根据笔刷绘制指导框对笔刷进行绘制，满足用户对于图像绘制的学习和娱乐的需求，提高用户体验。
另外，本公开实施例提供的图像绘制装置，还可以自动控制笔刷的绘制，为用户提供图像绘制的教学视频，进一步满足用户对于图像绘制的学习需求，从而提高用户体验。
另外，本公开实施例还提供了一种图像绘制设备，参见图7所示，可以包括：
处理器701、存储器702、输入装置703和输出装置704。图像绘制设备中的处理器701的数量可以一个或多个，图7中以一个处理器为例。在本公开的一些实施例中，处理器701、存储器702、输入装置703和输出装置704可通过总线或其它方式连接，其中，图7中以通过总线连接为例。
存储器702可用于存储软件程序以及模块，处理器701通过运行存储在存储器702的软件程序以及模块，从而执行图像绘制设备的各种功能应用以及数据处理。存储器702可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等。此外，存储器702可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。输入装置703可用于接收输入的数字或字符信息，以及产生与图像绘制设备的用户设置以及功能控制有关的信号输入。
具体在本实施例中，处理器701会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器702中，并由处理器701来运行存储在存储器702中的应用程序，从而实现上述图像绘制设备的各种功能。
需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种图像绘制方法，其特征在于，所述方法包括：
响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将所述笔刷对象确定为当前出队笔刷对象；其中，所述笔刷队列中存储有具有笔刷大小、笔刷方向和笔刷位置信息的属性的笔刷对象；
基于所述当前出队笔刷对象的所述笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于所述当前出队笔刷对象的所述笔刷大小和所述笔刷方向，确定所述笔刷绘制指导框的显示范围；
基于所述笔刷绘制指导框的所述显示位置和所述显示范围，在所述画布上显示所述笔刷绘制指导框；其中，所述笔刷绘制指导框用于指导用户对目标风格图像上笔刷的绘制。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
响应于当前模式切换为目标绘制模式的触发操作，控制所述笔刷队列中的各个笔刷对象依次出队；
基于依次出队的各个笔刷对象的属性，在所述画布上依次绘制各个笔刷对象对应的笔刷。
3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：
当检测到在所述画布上拖动的操作时，在所述画布上绘制所述拖动的操作对应的笔刷；其中，所述笔刷的大小和所述笔刷的颜色均跟随所述拖动的操作实时变化。
4.根据权利要求2所述的方法，其特征在于，所述方法还包括：
在所述目标绘制模式下，响应于图像绘制速度的调整操作，确定笔刷对象出队速度；
相应的，所述控制所述笔刷队列中的各个笔刷对象依次出队，包括：
基于所述笔刷对象出队速度，控制所述笔刷队列中的各个笔刷对象依次出队。
5.根据权利要求3所述的方法，其特征在于，所述方法还包括：
响应于重新绘制控件的触发操作，清空所述画布。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
响应于图像颜色的调整操作，确定目标图像效果图；
基于所述目标图像效果图，确定在所述图像颜色的调整操作之后绘制在所述画布上的笔刷的颜色。
7.根据权利要求1所述的方法，其特征在于，所述响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队之前，还包括：
响应于目标绘制难度的选定操作，获取所述目标绘制难度对应的笔刷队列；其中，不同绘制难度的笔刷队列中的笔刷对象的数量不同。
8.一种图像绘制装置，其特征在于，所述装置包括：
第一控制模块，用于响应于在画布上拖动的释放操作，控制笔刷队列中位于队首的笔刷对象出队，并将所述笔刷对象确定为当前出队笔刷对象；其中，所述笔刷队列中存储有具有笔刷大小、笔刷方向和笔刷位置信息的属性的笔刷对象；
第一确定模块，用于基于所述当前出队笔刷对象的所述笔刷位置信息，确定笔刷绘制指导框的显示位置，以及基于所述当前出队笔刷对象的所述笔刷大小和所述笔刷方向，确定所述笔刷绘制指导框的显示范围；
显示模块，用于基于所述笔刷绘制指导框的所述显示位置和所述显示范围，在所述画布上显示所述笔刷绘制指导框；其中，所述笔刷绘制指导框用于指导用户对目标风格图像上笔刷的绘制。
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备实现如权利要求1-7任一项所述的方法。
10.一种设备，其特征在于，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现如权利要求1-7任一项所述的方法。
CN202010909984.0A 2020-09-02 2020-09-02 一种图像绘制方法、装置、设备及存储介质 Active CN112051960B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN202010909984.0A CN112051960B (zh) 2020-09-02 2020-09-02 一种图像绘制方法、装置、设备及存储介质
US18/020,047 US20230281892A1 (en) 2020-09-02 2021-08-12 Image drawing method and apparatus, and device and storage medium
PCT/CN2021/112183 WO2022048420A1 (zh) 2020-09-02 2021-08-12 一种图像绘制方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010909984.0A CN112051960B (zh) 2020-09-02 2020-09-02 一种图像绘制方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN112051960A true CN112051960A (zh) 2020-12-08
CN112051960B CN112051960B (zh) 2022-03-25

Family

ID=73606795

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010909984.0A Active CN112051960B (zh) 2020-09-02 2020-09-02 一种图像绘制方法、装置、设备及存储介质

Country Status (3)

Country Link
US (1) US20230281892A1 (zh)
CN (1) CN112051960B (zh)
WO (1) WO2022048420A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112634403A (zh) * 2020-12-30 2021-04-09 上海八彦图信息科技有限公司 在线展位图绘制方法、装置及电子设备
WO2022048420A1 (zh) * 2020-09-02 2022-03-10 北京字节跳动网络技术有限公司 一种图像绘制方法、装置、设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164158A (zh) * 2013-01-10 2013-06-19 深圳市欧若马可科技有限公司 触摸屏上绘画创作与教学的方法、系统及装置
JP2013164489A (ja) * 2012-02-10 2013-08-22 Seiko Epson Corp 画像表示装置、画像表示システム、および画像表示装置の制御方法
CN105303598A (zh) * 2015-10-23 2016-02-03 浙江工业大学 基于纹理传输的多风格视频艺术化处理方法
CN108932141A (zh) * 2018-07-03 2018-12-04 京东方科技集团股份有限公司 临摹绘图实现方法及装置、电子设备、存储介质
CN110515531A (zh) * 2019-08-28 2019-11-29 广东工业大学 一种智能辅助绘画系统

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9767582B2 (en) * 2015-05-05 2017-09-19 Google Inc. Painterly picture generation
CN111192348B (zh) * 2018-10-29 2023-03-31 中国移动通信有限公司研究院 数据处理方法及装置、电子设备及存储介质
CN111399729A (zh) * 2020-03-10 2020-07-10 北京字节跳动网络技术有限公司 图像的绘制方法、装置、可读介质和电子设备
CN112051960B (zh) * 2020-09-02 2022-03-25 北京字节跳动网络技术有限公司 一种图像绘制方法、装置、设备及存储介质
CN112051959B (zh) * 2020-09-02 2022-05-27 北京字节跳动网络技术有限公司 一种图像绘制过程的生成方法、装置、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013164489A (ja) * 2012-02-10 2013-08-22 Seiko Epson Corp 画像表示装置、画像表示システム、および画像表示装置の制御方法
CN103164158A (zh) * 2013-01-10 2013-06-19 深圳市欧若马可科技有限公司 触摸屏上绘画创作与教学的方法、系统及装置
CN105303598A (zh) * 2015-10-23 2016-02-03 浙江工业大学 基于纹理传输的多风格视频艺术化处理方法
CN108932141A (zh) * 2018-07-03 2018-12-04 京东方科技集团股份有限公司 临摹绘图实现方法及装置、电子设备、存储介质
CN110515531A (zh) * 2019-08-28 2019-11-29 广东工业大学 一种智能辅助绘画系统

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022048420A1 (zh) * 2020-09-02 2022-03-10 北京字节跳动网络技术有限公司 一种图像绘制方法、装置、设备及存储介质
CN112634403A (zh) * 2020-12-30 2021-04-09 上海八彦图信息科技有限公司 在线展位图绘制方法、装置及电子设备

Also Published As

Publication number Publication date
CN112051960B (zh) 2022-03-25
WO2022048420A1 (zh) 2022-03-10
US20230281892A1 (en) 2023-09-07

Similar Documents

Publication Publication Date Title
WO2020038168A1 (zh) 内容分享方法、装置、终端及存储介质
CN111866423B (zh) 用于电子终端的录屏方法及相应设备
JP4301842B2 (ja) ユーザインタフェースの利用方法
CN112051960B (zh) 一种图像绘制方法、装置、设备及存储介质
CN108304132B (zh) 图形显示方法、装置、设备及存储介质
US20150135125A1 (en) Bubble loupes
US20190109981A1 (en) Guided image composition on mobile devices
CN106502667B (zh) 一种渲染方法及装置
KR20120110861A (ko) 3ｄ 뷰를 포함하는 가이드를 표시하는 전자 장치 및 그 가이드 표시 방법
CN109685872B (zh) 动画生成方法、装置、设备及计算机可读存储介质
CN110716780A (zh) 界面的显示方法和装置
CN109117060A (zh) 下拉通知栏显示方法、装置、终端及存储介质
EP4171006A1 (en) Previewing method and apparatus for effect application, and device and storage medium
CN113082696A (zh) 显示控制方法、装置和电子设备
CN114443945A (zh) 一种虚拟用户界面中应用图标的展示方法及三维显示设备
WO2023155752A1 (zh) 页面内容的显示方法和装置
CN113648649B (zh) 游戏界面的控制方法、装置、计算机可读介质及终端设备
WO2024055921A1 (zh) 一种视频处理方法、装置、设备及存储介质
WO2016201929A1 (zh) 一种窗口部件处理方法和装置
CN115460448A (zh) 一种媒体资源编辑方法、装置、电子设备以及存储介质
WO2022111078A1 (zh) 智能交互平板、其显示方法及可读存储介质
CN106775417B (zh) 终端设备控制方法及系统
CN115373558A (zh) 投屏方法、装置、设备及存储介质
CN110389692A (zh) 一种状态栏的显示方法、装置及存储介质
CN114756159A (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
GR01 Patent grant
GR01 Patent grant