CN111932640B - Method and device for adjusting color gradient effect and storage medium - Google Patents
Method and device for adjusting color gradient effect and storage medium Download PDFInfo
- Publication number
- CN111932640B CN111932640B CN202011025175.XA CN202011025175A CN111932640B CN 111932640 B CN111932640 B CN 111932640B CN 202011025175 A CN202011025175 A CN 202011025175A CN 111932640 B CN111932640 B CN 111932640B
- Authority
- CN
- China
- Prior art keywords
- color
- pixel points
- designated area
- adjusting
- reference pixel
- 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
- 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
- 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
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a method and a device for adjusting a color gradient effect and a storage medium. The method for adjusting the color gradient effect comprises the following steps: responding to a first trigger operation of a user, and selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect; selecting one pixel point from the plurality of pixel points as a reference pixel point, and adjusting the color value of the reference pixel point in response to a second trigger operation of the user; adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points in the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point; and displaying a second pattern with a color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points.
Description
Technical Field
The present application relates to the field of image processing technologies and user interface design technologies, and in particular, to a method and an apparatus for adjusting a color gradient effect, and a storage medium.
Background
In UI (i.e. user interface) design processes, it is often necessary to set a color gradient effect. For example, a color gradient effect is implemented in a designated area of the UI design software. The color gradient effect causes the color of the designated area to gradually change from purple to light green from the top of the designated area to the bottom of the designated area.
In the UI design process, it is often encountered that after the color gradient effect is realized in the designated area, the color of the designated area is also adjusted according to the design requirement. For example, the pattern of the color gradient effect of the designated area is adjusted, and the color gradient effect after adjustment enables the color of the designated area to gradually change from blue to dark green from the top of the designated area to the bottom of the designated area.
With the continuous development of UI design, how to improve the work efficiency becomes more and more important. Especially for color gradient effects, it is very time consuming if one wants to bring up a series of color gradient effects of the same color scale. Currently, when dealing with such problems, a user can only adjust the gradation value of each pixel manually, which is inefficient and has low accuracy.
Aiming at the technical problems of low efficiency and low accuracy in the adjustment of the color gradient effect in the prior art, no effective solution is provided at present.
Disclosure of Invention
The embodiment of the disclosure provides a method and a device for adjusting a color gradient effect and a storage medium, so as to at least solve the technical problems of low efficiency and low accuracy in adjusting the color gradient effect in the prior art.
According to an aspect of the embodiments of the present disclosure, there is provided a method for adjusting a color gradient effect, including: responding to a first trigger operation of a user, and selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect; selecting one pixel point from the plurality of pixel points as a reference pixel point, and adjusting the color value of the reference pixel point in response to a second trigger operation of the user; adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points in the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point; and displaying a second pattern with a color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points.
According to another aspect of the embodiments of the present disclosure, there is also provided a storage medium including a stored program, wherein the method described above is performed by a processor when the program is executed.
According to another aspect of the embodiments of the present disclosure, there is also provided an apparatus for adjusting a color gradient effect, including: the pixel point selection module is used for responding to a first trigger operation of a user and selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect; the first color value adjusting module is used for selecting one pixel point from the plurality of pixel points as a reference pixel point and adjusting the color value of the reference pixel point in response to a second triggering operation of the user; the second color value adjusting module is used for adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points in the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point; and the gradual change pattern display module is used for displaying a second pattern with a color gradual change effect in the designated area according to the color value adjusted by the plurality of pixel points.
According to another aspect of the embodiments of the present disclosure, there is also provided an apparatus for adjusting a color gradient effect, including: a processor; and a memory coupled to the processor for providing instructions to the processor for processing the following processing steps: responding to a first trigger operation of a user, and selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect; selecting one pixel point from the plurality of pixel points as a reference pixel point, and adjusting the color value of the reference pixel point in response to a second trigger operation of the user; adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points in the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point; and displaying a second pattern with a color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points.
In the embodiment of the present disclosure, the worker only needs to select a limited number of multiple pixel points (for example, 3 pixel points) in the designated area of the first pattern displaying the color gradient effect, and then adjust the color value of one of the pixel points. The computing equipment can adjust the color gradient effect in the designated area in a mode of locking the color difference value among the pixel points according to the relative relation of the color values of the selected pixel points, and therefore a second pattern with the adjusted color gradient effect is displayed. Therefore, in such a mode, the worker does not need to manually adjust the gradient value of each pixel point (each row of pixels or each sub-area), and only needs to adjust the color value of one pixel point, so that the color value of other pixel points in the designated area can be adjusted in a mode of locking the color difference value, and a new gradient effect is achieved. Therefore, the technical problems that a user can only manually adjust the gradual change value of each pixel, the efficiency is low and the accuracy is low in the prior art are solved.
Drawings
The accompanying drawings, which are included to provide a further understanding of the disclosure and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the disclosure and together with the description serve to explain the disclosure and not to limit the disclosure. In the drawings:
fig. 1 is a hardware block diagram of a computing device for implementing the method according to embodiment 1 of the present disclosure;
fig. 2 is a schematic flow chart of a method for adjusting a color gradient effect according to a first aspect of embodiment 1 of the present disclosure;
FIG. 3 is an interface schematic diagram of UI design software according to embodiment 1 of the disclosure, in which a first pattern of color gradient effect is displayed in a designated area;
fig. 4 is an interface schematic diagram of UI design software according to embodiment 1 of the present disclosure, in which a plurality of pixel points are selected in a designated area, and a color adjustment window for adjusting the color of a reference pixel point is popped up;
FIG. 5 is an interface schematic diagram of UI design software according to embodiment 1 of the disclosure, in which a second pattern of adjusted color gradient effect is displayed in a designated area;
FIG. 6 is a schematic diagram of a color mediation window of the UI design software according to embodiment 1 of the disclosure;
fig. 7 is a schematic diagram of a virtual color spectrum according to embodiment 1 of the present disclosure, in which the positions of a plurality of pixel points on the virtual color spectrum before adjustment are shown;
fig. 8 is a schematic diagram of a virtual color spectrum according to embodiment 1 of the present disclosure, in which the positions of a plurality of pixel points on the virtual color spectrum are adjusted;
fig. 9 is a schematic diagram of an apparatus for adjusting a color gradient effect according to embodiment 2 of the present disclosure; and
fig. 10 is a schematic diagram of an apparatus for adjusting a color gradient effect according to embodiment 3 of the present disclosure.
Detailed Description
In order to make those skilled in the art better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the drawings in the embodiments of the present disclosure. It is to be understood that the described embodiments are merely exemplary of some, and not all, of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
Example 1
According to the present embodiment, there is also provided an embodiment of a method of adjusting a color gradient effect, it being noted that the steps illustrated in the flowchart of the drawings may be performed in a computer system, such as a set of computer-executable instructions, and that while a logical order is illustrated in the flowchart, in some cases the steps illustrated or described may be performed in an order different than here.
The method embodiments provided by the present embodiment may be executed in a mobile terminal, a computer terminal or a similar computing device. Fig. 1 illustrates a block diagram of a hardware architecture of a computing device for implementing a method of adjusting a color gradient effect. As shown in fig. 1, the computing device may include one or more processors (which may include, but are not limited to, a processing device such as a microprocessor MCU or a programmable logic device FPGA), a memory for storing data, and a transmission device for communication functions. Besides, the method can also comprise the following steps: a display, an input/output interface (I/O interface), a Universal Serial Bus (USB) port (which may be included as one of the ports of the I/O interface), a network interface, a power source, and/or a camera. It will be understood by those skilled in the art that the structure shown in fig. 1 is only an illustration and is not intended to limit the structure of the electronic device. For example, the computing device may also include more or fewer components than shown in FIG. 1, or have a different configuration than shown in FIG. 1.
It should be noted that the one or more processors and/or other data processing circuitry described above may be referred to generally herein as "data processing circuitry". The data processing circuitry may be embodied in whole or in part in software, hardware, firmware, or any combination thereof. Further, the data processing circuitry may be a single, stand-alone processing module, or incorporated in whole or in part into any of the other elements in the computing device. As referred to in the disclosed embodiments, the data processing circuit acts as a processor control (e.g., selection of a variable resistance termination path connected to the interface).
The memory may be configured to store a software program and a module of application software, such as a program instruction/data storage device corresponding to the method for adjusting a color gradient effect in the embodiment of the present disclosure, and the processor executes various functional applications and data processing by running the software program and the module stored in the memory, that is, implementing the method for adjusting a color gradient effect of the application program. The memory may include high speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory may further include memory located remotely from the processor, which may be connected to the computing device over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The transmission device is used for receiving or transmitting data via a network. Specific examples of such networks may include wireless networks provided by communication providers of the computing devices. In one example, the transmission device includes a Network adapter (NIC) that can be connected to other Network devices through a base station to communicate with the internet. In one example, the transmission device may be a Radio Frequency (RF) module, which is used for communicating with the internet in a wireless manner.
The display may be, for example, a touch screen type Liquid Crystal Display (LCD) that may enable a user to interact with a user interface of the computing device.
It should be noted here that in some alternative embodiments, the computing device shown in fig. 1 described above may include hardware elements (including circuitry), software elements (including computer code stored on a computer-readable medium), or a combination of both hardware and software elements. It should be noted that FIG. 1 is only one example of a particular specific example and is intended to illustrate the types of components that may be present in a computing device as described above.
In the above operating environment, according to a first aspect of the present embodiment, a method for adjusting a color gradient effect is provided, and the method is implemented by a computing device shown in fig. 1. The computing device may be, for example, a workstation where a worker performs UI design, with UI design software running therein. Fig. 2 shows a flow diagram of the method, which, with reference to fig. 2, comprises:
s202: responding to a first trigger operation of a user, and selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect;
s204: selecting one pixel point from the plurality of pixel points as a reference pixel point, and responding to a second trigger operation of the user to adjust the pixel value of the reference pixel point;
s206: adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points in the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point; and
s208: and displaying a second pattern with a color gradient effect in the designated area according to the color values of the plurality of pixel points after adjustment.
In particular, FIG. 3 illustrates an interface diagram of UI design software running on a computing device. Referring to fig. 3, the designated area 110 of the design software interface 100 displays a first pattern 210 having a color gradient effect. Wherein the color gradient effect causes the color of the designated area 110 to gradually change from purple to pale green from the top of the designated area 110 to the bottom of the designated area 110.
Then, referring to fig. 4, in order to adjust the gradual effect in the designated area 110, for example, a worker may select a plurality of pixel points (e.g., 3 pixel points) in the designated area 110 by clicking with a mouse. Therefore, the computing device responds to the click operation (namely, the first trigger operation) of the staff, and a plurality of pixel points 111-113 are selected in the designated area 110 (S202).
Then, referring to fig. 4, for example, the staff member can select a pixel 111 (i.e. a reference pixel in the claims) from the pixels 111-113, and adjust the pixel value of the pixel 111 through a component in the color adjustment window 120 popped up by the UI design software. In response to the operation of the staff (i.e., the second triggering operation), the computing device selects the pixel 111 from the pixels 111-113 as a reference pixel, and adjusts the color value of the pixel 111 (S204).
Then, the computing device adjusts the color values of the pixels 112 and 113 according to the relative relationship between the color values of the pixels 112 and 113 and the pixel 111 and according to the adjusted color value of the pixel 111 (S206). For example, in the first pattern, the color of the pixel 111 is purple, the color of the pixel 112 is orange, and the color value of the pixel 113 is light green. The computing device then adjusts the color value of pixel 111 in response to the operator's manipulation to adjust the color of pixel 111 from purple to dark blue. The computing device adjusts the color values of the pixel points 112 and 113 according to the relative relationship between the color values of the pixel points 112 and 113 and the color value of the pixel point 111, so that the adjusted pixel point 112 is red, and the color of the adjusted pixel point 113 is dark green.
Then, referring to fig. 5, the computing device readjusts the color gradient effect of the designated area 110 according to the adjusted color values of the pixels 111 to 113, so as to display a second pattern 220 with the color gradient effect in the designated area 110.
As described in the background, with the continued development of UI designs, how to improve work efficiency becomes more and more important. Especially for color gradient effects, it is very time consuming if one wants to bring up a series of color gradient effects of the same color scale. Currently, when dealing with such problems, a user can only adjust the gradation value of each pixel manually, which is inefficient and has low accuracy.
In view of this, according to the technical solution of this embodiment, the worker only needs to select a limited number of multiple pixel points (e.g., 3 pixel points) in the designated area of the first pattern displaying the color gradient effect, and then adjust the color value of one of the pixel points. The computing equipment can adjust the color gradient effect in the designated area in a mode of locking the color difference value among the pixel points according to the relative relation of the color values of the selected pixel points, and therefore a second pattern with the adjusted color gradient effect is displayed. Therefore, in such a mode, the worker does not need to manually adjust the gradient value of each pixel point (each row of pixels or each sub-area), and only needs to adjust the color value of one pixel point, so that the color value of other pixel points in the designated area can be adjusted in a mode of locking the color difference value, and a new gradient effect is achieved. Therefore, the technical problems that a user can only manually adjust the gradual change value of each pixel, the efficiency is low and the accuracy is low in the prior art are solved.
Optionally, the operation of adjusting the color value of the reference pixel point in response to a second trigger operation of the user includes: in response to an operation of dragging the first button object on the color bar component by a user, determining the position of the first button object on the color bar component, wherein the color bar component is used for indicating a color spectrum range of a color corresponding to the reference pixel point; determining a color value corresponding to the first button object according to the determined position of the first button object on the color bar component; and adjusting the color value of the reference pixel point according to the color value corresponding to the determined first button object.
Specifically, fig. 6 shows a schematic diagram of the color adjustment window 120 that the UI design software pops up. Wherein the color adjustment window 120 includes, for example:
a first color bar component 121, where the first color bar component 121 is configured to display a color spectrum range determined by color values of the selected pixel points 111 to 113, so that a color spectrum range of a color gradient effect in the designated area 110 can be readjusted according to the color spectrum range;
a second color bar component 122, where the second color bar component 122 is configured to adjust a color value of the reference pixel 111, so that the color value of the reference pixel 111 can be adjusted by dragging the button object 1221 left or right;
a display component 123 for displaying a color distribution of the button object 1221 near the position on the second color bar component 122 in the process of dragging the button object 1221;
a transparency adjustment component 124 for adjusting the transparency of the display of the designated area 110; and
and the color value input component 125 is configured to adjust the color of the reference pixel 111 by directly inputting the color value.
Thus, when adjusting the color value of the reference pixel 111, the worker can drag the button object 1221 on the second color bar component 122. Thus, the computing device determines the position of the button object 1221 on the second color bar assembly 122, and adjusts the color value of the reference pixel 111 according to the color value corresponding to the position of the button object 1221 on the second color bar assembly 122.
Thus, by the mode, the color on the gradual change is displayed and controlled by the first color bar component 121, and the color value of the reference pixel point 111 can be adjusted by a worker in a more intuitive mode, so that the use of the worker is facilitated.
Optionally, the method further comprises: and displaying a color corresponding to the position of the first button object on the color bar component on the display component in the process of dragging the first button object by the user.
Referring specifically to FIG. 6, during the process of the worker dragging the button object 1221 on the second color bar assembly 122, the computing device will calculate the position of the button object 1221 on the second color bar assembly 122 in real time. The computing device would then display the color corresponding to the location of the button object 1221 in the display component 123 in real-time. Further, as described above, the color displayed by the display component 123 is not necessarily limited to a single color, and a color distribution in the vicinity of the position of the button object 1221 may be displayed.
Optionally, the operation of adjusting the color value of the reference pixel point in response to a second trigger operation of the user includes: responding to the triggering operation of the color value input by the user in the color value input assembly, and adjusting the color value of the reference pixel point according to the color value input by the user.
Specifically, referring to FIG. 6, a user may enter color values directly in color input component 125. The computing device thus responds to the user's operation, adjusting the color value of the reference pixel 111 according to the color value input by the user. Thus, in this way, the user can adjust the pixel value of the reference pixel 111 in a more accurate manner. Thereby improving the accuracy of adjusting the color gradient effect.
Optionally, the operation of adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points among the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point includes: determining the position deviation of the reference pixel point and other pixel points on the virtual chromatogram according to the color values of the reference pixel point and other pixel points in the first pattern; determining a first color position of the reference pixel point on the virtual color spectrum according to the adjusted color value of the reference pixel point; determining second color positions of other pixel points on the virtual color spectrum according to the first color positions and the position deviation; and adjusting the color values of other pixel points according to the second color position.
In particular, fig. 7 and 8 show schematic views of the virtual color spectrum 300, and although fig. 7 and 8 show the virtual color spectrum 300 as being annular, the virtual color spectrum 300 may also be elongated. In general, the virtual color spectrum 300 may be a set of data stored in a computing device that may be represented by different visualization forms.
FIG. 7 shows the position of color values on the virtual color spectrum 300 before the pixel points 111-113 adjust the designated area 110. Specifically, the color value corresponding to the position 301 on the virtual chromatogram 300 is the color value of the pixel 111, the color value corresponding to the position 302 on the virtual chromatogram 300 is the color value of the pixel 112, and the color value corresponding to the position 303 on the virtual chromatogram 300 is the color value of the pixel 113. Therefore, according to the color values of the pixel points 111-113, the corresponding positions of the pixel points on the virtual chromatogram 300 can be determined, and the position deviation of the pixel points 111 and the pixel points 112 and 113 on the virtual chromatogram 300 is further determined.
Then, when the staff member adjusts the color value of the pixel 111, referring to fig. 8, the position of the pixel 111 on the virtual color spectrum 300 is adjusted to the position 301' (corresponding to the first color position in the claims) by the computing device. The computing device then classifies the positions of pixel point 112 and pixel point 113 as adjusted to position 302 ' and position 303 ' (i.e., the second color position) based on the adjusted position 301 ' of pixel point 111 and the positional deviation between pixel point 111 and pixel points 112 and 113. The positional deviation between the position 301 ' of the pixel 111 on the virtual color spectrum 300 and the positions 302 ' and 303 ' of the pixels 112 and 113 on the virtual color spectrum 300 remains unchanged.
Furthermore, the computing device adjusts the color values of the pixels 112 and 113 according to the color values corresponding to the positions 302 'and 303'.
Therefore, in the mode, the computing equipment only needs to correspond the color value of the pixel point to the position on the virtual chromatogram without a complex algorithm. The position deviation of the pixel points on the virtual chromatogram is utilized to lock the color deviation between the pixel points, so that the calculation force is saved when the color gradual change effect is adjusted, the adjustment speed of the color gradual change effect is accelerated, and the work efficiency of UI design is improved.
Optionally, the operation of displaying the second pattern with the color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points includes: acquiring a transparency coefficient input by a user; and displaying a second pattern with a color gradient effect in the designated area according to the transparency coefficient and the color value adjusted by the plurality of pixel points.
Specifically, referring to fig. 6, the color adjustment window 120 includes a transparency adjustment component 124 for adjusting the transparency of the display of the designated area 110. So that when the worker adjusts the transparency through the transparency adjustment component 124, the computing device obtains the transparency coefficient input by the worker. Then, the computing device displays the second pattern 220 with a color gradient effect in the designated area 110 according to the transparency coefficient and the color value adjusted by the plurality of pixel points. In this way, the worker may adjust the transparency of the display simultaneously while adjusting the color gradation effect, and display the second pattern 220 of the adjusted color gradation effect according to the adjusted transparency.
Further, referring to fig. 1, according to a second aspect of the present embodiment, there is provided a storage medium. The storage medium comprises a stored program, wherein the method of any of the above is performed by a processor when the program is run.
Therefore, according to the embodiment, the worker only needs to select a limited number of pixel points (for example, 3 pixel points) in the designated area of the first pattern displaying the color gradient effect, and then adjust the color value of one of the pixel points. The computing equipment can adjust the color gradient effect in the designated area in a mode of locking the color difference value among the pixel points according to the relative relation of the color values of the selected pixel points, and therefore a second pattern with the adjusted color gradient effect is displayed. Therefore, in such a mode, the worker does not need to manually adjust the gradient value of each pixel point (each row of pixels or each sub-area), and only needs to adjust the color value of one pixel point, so that the color value of other pixel points in the designated area can be adjusted in a mode of locking the color difference value, and a new gradient effect is achieved. Therefore, the technical problems that a user can only manually adjust the gradual change value of each pixel, the efficiency is low and the accuracy is low in the prior art are solved.
It should be noted that, for simplicity of description, the above-mentioned method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present invention is not limited by the order of acts, as some steps may occur in other orders or concurrently in accordance with the invention. Further, those skilled in the art should also appreciate that the embodiments described in the specification are preferred embodiments and that the acts and modules referred to are not necessarily required by the invention.
Through the above description of the embodiments, those skilled in the art can clearly understand that the method according to the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but the former is a better implementation mode in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (e.g., ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (e.g., a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present invention.
Example 2
Fig. 9 shows an apparatus 900 for adjusting a color gradient effect according to the present embodiment, where the apparatus 900 corresponds to the method according to the first aspect of embodiment 1. Referring to fig. 9, the apparatus 900 includes: a pixel point selecting module 910, configured to select a plurality of pixel points in a designated area in response to a first trigger operation of a user, where the designated area displays a first pattern with a color gradient effect; a first color value adjusting module 920, configured to select a pixel point from the multiple pixel points as a reference pixel point, and adjust a color value of the reference pixel point in response to a second triggering operation of the user; a second color value adjusting module 930, configured to adjust color values of other pixels according to a relative relationship between color values of other pixels in the plurality of pixels and color values of the reference pixel and the adjusted color value of the reference pixel; and a gradient pattern display module 940, configured to display the second pattern with the color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points.
Optionally, the first color value adjusting module 920 includes: the button object position determining submodule is used for responding to the operation that a user drags the first button object on the color bar component, and determining the position of the first button object on the color bar component, wherein the color bar component is used for indicating the color spectrum range of the color corresponding to the reference pixel point; and the first color value adjusting submodule is used for adjusting the color value of the reference pixel point according to the color value corresponding to the position of the first button object on the color bar component.
Optionally, the apparatus 900 further comprises: and the color display module is used for displaying the color corresponding to the position of the first button object on the color bar component on the display component in the process of dragging the first button object by the user.
Optionally, the first color value adjusting module 920 includes a second color adjusting submodule, configured to respond to a triggering operation of a color value input by a user in the color value input component, and adjust the color value of the reference pixel according to the color value input by the user.
Optionally, the second color value adjusting module 930 includes: the position deviation determining submodule is used for determining the position deviation of the reference pixel point and other pixel points on the virtual chromatogram according to the color values of the reference pixel point and other pixel points in the first pattern; the first color position determining submodule is used for determining a first color position of the reference pixel point on the virtual chromatogram according to the color value of the reference pixel point after adjustment; the second color position determining submodule is used for determining second color positions of other pixel points on the virtual color spectrum according to the first color position and the position deviation; and the third color value adjusting submodule is used for adjusting the color values of other pixel points according to the second color position.
Optionally, the gradation pattern display module 940 includes: the transparency coefficient acquisition submodule is used for acquiring a transparency coefficient input by a user; and the second pattern display submodule is used for displaying a second pattern with a color gradient effect in the designated area according to the transparency coefficient and the color value adjusted by the plurality of pixel points.
Therefore, according to the embodiment, the worker only needs to select a limited number of pixel points (for example, 3 pixel points) in the designated area of the first pattern displaying the color gradient effect, and then adjust the color value of one of the pixel points. The computing equipment can adjust the color gradient effect in the designated area in a mode of locking the color difference value among the pixel points according to the relative relation of the color values of the selected pixel points, and therefore a second pattern with the adjusted color gradient effect is displayed. Therefore, in such a mode, the worker does not need to manually adjust the gradient value of each pixel point (each row of pixels or each sub-area), and only needs to adjust the color value of one pixel point, so that the color value of other pixel points in the designated area can be adjusted in a mode of locking the color difference value, and a new gradient effect is achieved. Therefore, the technical problems that a user can only manually adjust the gradual change value of each pixel, the efficiency is low and the accuracy is low in the prior art are solved.
Example 3
Fig. 10 shows an apparatus 1000 for adjusting a color gradient effect according to the present embodiment, the apparatus 1000 corresponding to the method according to the first aspect of embodiment 1. Referring to fig. 10, the apparatus 1000 includes: a processor 1010; and a memory 1020 coupled to the processor 1010 for providing instructions to the processor 1010 to process the following process steps: responding to a first trigger operation of a user, and selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect; selecting one pixel point from the plurality of pixel points as a reference pixel point, and adjusting the color value of the reference pixel point in response to a second trigger operation of the user; adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points in the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point; and displaying a second pattern with a color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points.
Optionally, the operation of adjusting the color value of the reference pixel point in response to a second trigger operation of the user includes: in response to an operation of dragging the first button object on the color bar component by a user, determining the position of the first button object on the color bar component, wherein the color bar component is used for indicating a color spectrum range of a color corresponding to the reference pixel point; and adjusting the color value of the reference pixel point according to the color value corresponding to the position of the first button object on the color bar component.
Optionally, memory 1020 further includes instructions for providing processor 1010 with processing steps to: and displaying a color corresponding to the position of the first button object on the color bar component on the display component in the process of dragging the first button object by the user.
Optionally, the operation of adjusting the color value of the reference pixel point in response to a second trigger operation of the user includes: responding to the triggering operation of the color value input by the user in the color value input assembly, and adjusting the color value of the reference pixel point according to the color value input by the user.
Optionally, the operation of adjusting the color values of other pixel points according to the relative relationship between the color values of other pixel points among the plurality of pixel points and the color value of the reference pixel point and the adjusted color value of the reference pixel point includes: determining the position deviation of the reference pixel point and other pixel points on the virtual chromatogram according to the color values of the reference pixel point and other pixel points in the first pattern; determining a first color position of the reference pixel point on the virtual color spectrum according to the adjusted color value of the reference pixel point; determining second color positions of other pixel points on the virtual color spectrum according to the first color positions and the position deviation; and adjusting the color values of other pixel points according to the second color position.
Optionally, the operation of displaying the second pattern with the color gradient effect in the designated area according to the color values adjusted by the plurality of pixel points includes: acquiring a transparency coefficient input by a user; and displaying a second pattern with a color gradient effect in the designated area according to the transparency coefficient and the color value adjusted by the plurality of pixel points.
Therefore, according to the embodiment, the worker only needs to select a limited number of pixel points (for example, 3 pixel points) in the designated area of the first pattern displaying the color gradient effect, and then adjust the color value of one of the pixel points. The computing equipment can adjust the color gradient effect in the designated area in a mode of locking the color difference value among the pixel points according to the relative relation of the color values of the selected pixel points, and therefore a second pattern with the adjusted color gradient effect is displayed. Therefore, in such a mode, the worker does not need to manually adjust the gradient value of each pixel point (each row of pixels or each sub-area), and only needs to adjust the color value of one pixel point, so that the color value of other pixel points in the designated area can be adjusted in a mode of locking the color difference value, and a new gradient effect is achieved. Therefore, the technical problems that a user can only manually adjust the gradual change value of each pixel, the efficiency is low and the accuracy is low in the prior art are solved.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
In the above embodiments of the present invention, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
In the embodiments provided in the present application, it should be understood that the disclosed technology can be implemented in other ways. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units is only one type of division of logical functions, and there may be other divisions when actually implemented, for example, a plurality of units or components may be combined or may be integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, units or modules, and may be in an electrical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.
The foregoing is only a preferred embodiment of the present invention, and it should be noted that, for those skilled in the art, various modifications and decorations can be made without departing from the principle of the present invention, and these modifications and decorations should also be regarded as the protection scope of the present invention.
Claims (10)
1. A method of adjusting a color gradient effect, comprising:
responding to a first trigger operation of a user, selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect, and the plurality of pixel points at least comprise two pixel points respectively positioned at the upper edge and the lower edge of the designated area;
selecting one pixel point from the plurality of pixel points as a reference pixel point, and adjusting the color value of the reference pixel point in response to a second trigger operation of a user;
adjusting color values of other pixels in the plurality of pixels according to the relative relationship between the color values of other pixels in the plurality of pixels and the color value of the reference pixel and the adjusted color value of the reference pixel; and
and readjusting the color gradient effect of the designated area according to the color values of the plurality of pixel points after adjustment, so that a second pattern with the color gradient effect is displayed in the designated area.
2. The method of claim 1, wherein the operation of adjusting the color value of the reference pixel point in response to a second trigger operation of the user comprises:
in response to an operation of dragging a first button object on a color bar component by a user, determining a position of the first button object on the color bar component, wherein the color bar component is used for indicating a color spectrum range of a color corresponding to the reference pixel point; and
and adjusting the color value of the reference pixel point according to the color value corresponding to the position of the first button object on the color bar component.
3. The method of claim 2, further comprising: and displaying a color corresponding to the position of the first button object on the color bar component on a display component in the process of dragging the first button object by a user.
4. The method of claim 1, wherein the operation of adjusting the color value of the reference pixel point in response to a second trigger operation of the user comprises: responding to the triggering operation of the color value input by the user in the color value input assembly, and adjusting the color value of the reference pixel point according to the color value input by the user.
5. The method of claim 1, wherein the operation of adjusting the color values of the other pixels according to the relative relationship between the color values of the other pixels and the color value of the reference pixel and the adjusted color value of the reference pixel comprises:
determining the position deviation of the reference pixel points and the other pixel points on the virtual chromatogram according to the color values of the reference pixel points and the other pixel points in the first pattern;
determining a first color position of the reference pixel point on the virtual color spectrum according to the adjusted color value of the reference pixel point;
determining second color positions of the other pixel points on the virtual color spectrum according to the first color positions and the position deviation; and
and adjusting the color values of the other pixel points according to the second color position.
6. The method of claim 1, wherein the operation of readjusting the color gradient effect of the designated area according to the adjusted color values of the plurality of pixels, so as to display a second pattern with the color gradient effect in the designated area comprises:
acquiring a transparency coefficient input by a user; and
readjusting the color gradient effect of the designated area according to the transparency coefficient and the color values of the plurality of pixel points in the designated area after adjustment, so that a second pattern with the color gradient effect is displayed in the designated area.
7. A storage medium comprising a stored program, wherein the method of any one of claims 1 to 6 is performed by a processor when the program is run.
8. An apparatus (900) for adjusting a color gradient effect, comprising:
a pixel point selecting module (910) configured to select a plurality of pixel points in a designated area in response to a first trigger operation of a user, where the designated area displays a first pattern with a color gradient effect, and the plurality of pixel points at least include two pixel points located at upper and lower edges of the designated area, respectively;
a first color value adjusting module (920) for selecting a pixel point from the plurality of pixel points as a reference pixel point, and adjusting a color value of the reference pixel point in response to a second trigger operation of the user;
a second color value adjusting module (930) for adjusting the color values of other pixels in the plurality of pixels according to the relative relationship between the color values of other pixels in the plurality of pixels and the color value of the reference pixel and the adjusted color value of the reference pixel; and
and the gradual change pattern display module (940) is used for readjusting the color gradual change effect of the designated area according to the color values of the plurality of pixel points after adjustment, so that a second pattern with the color gradual change effect is displayed in the designated area.
9. The apparatus (900) of claim 8, wherein the first color value adjustment module (920) includes:
a button object position determination submodule, configured to determine, in response to an operation of a user dragging a first button object on a color bar component, a position of the first button object on the color bar component, where the color bar component is used to indicate a color spectrum range of a color corresponding to the reference pixel point; and
and the color value adjusting submodule is used for adjusting the color value of the reference pixel point according to the color value corresponding to the position of the first button object on the color bar assembly.
10. An apparatus (1000) for adjusting a color gradient effect, comprising:
a processor (1010); and
a memory (1020) coupled to the processor (1010) for providing instructions to the processor (1010) for processing the following processing steps:
responding to a first trigger operation of a user, selecting a plurality of pixel points in a designated area, wherein the designated area displays a first pattern with a color gradient effect, and the plurality of pixel points at least comprise two pixel points respectively positioned at the upper edge and the lower edge of the designated area;
selecting one pixel point from the plurality of pixel points as a reference pixel point, and adjusting the color value of the reference pixel point in response to a second trigger operation of a user;
adjusting color values of other pixels in the plurality of pixels according to the relative relationship between the color values of other pixels in the plurality of pixels and the color value of the reference pixel and the adjusted color value of the reference pixel; and
and readjusting the color gradient effect of the designated area according to the color values of the plurality of pixel points after adjustment, so that a second pattern with the color gradient effect is displayed in the designated area.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011025175.XA CN111932640B (en) | 2020-09-25 | 2020-09-25 | Method and device for adjusting color gradient effect and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011025175.XA CN111932640B (en) | 2020-09-25 | 2020-09-25 | Method and device for adjusting color gradient effect and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111932640A CN111932640A (en) | 2020-11-13 |
| CN111932640B true CN111932640B (en) | 2021-02-09 |
Family
ID=73334776
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011025175.XA Active CN111932640B (en) | 2020-09-25 | 2020-09-25 | Method and device for adjusting color gradient effect and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111932640B (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH10224647A (en) * | 1997-02-05 | 1998-08-21 | Matsushita Electric Ind Co Ltd | Color adjustment device |
| JP3009934B2 (en) * | 1991-04-22 | 2000-02-14 | 富士通株式会社 | Color adjustment method and color adjustment device |
| CN104076928A (en) * | 2014-07-15 | 2014-10-01 | 深圳市金立通信设备有限公司 | Method for adjusting color tone of text display area |
| CN105681582A (en) * | 2016-03-18 | 2016-06-15 | 努比亚技术有限公司 | Control color adjusting method and terminal |
| CN108876931A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Three-dimension object color adjustment method, device, computer equipment and computer readable storage medium |
| CN110782534A (en) * | 2019-09-19 | 2020-02-11 | 稿定（厦门）科技有限公司 | 3D character color gradient method, medium, equipment and device |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7215813B2 (en) * | 2001-12-03 | 2007-05-08 | Apple Computer, Inc. | Method and apparatus for color correction |
| US20130201203A1 (en) * | 2012-02-06 | 2013-08-08 | Peter Warner | Intuitive media editing |
| CN104217452A (en) * | 2014-09-10 | 2014-12-17 | 珠海市君天电子科技有限公司 | Method and device for implementing gradual change of colors |
| CN109360261B (en) * | 2018-09-28 | 2019-12-31 | 北京达佳互联信息技术有限公司 | Image processing method, image processing device, electronic equipment and storage medium |
-
2020
- 2020-09-25 CN CN202011025175.XA patent/CN111932640B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP3009934B2 (en) * | 1991-04-22 | 2000-02-14 | 富士通株式会社 | Color adjustment method and color adjustment device |
| JPH10224647A (en) * | 1997-02-05 | 1998-08-21 | Matsushita Electric Ind Co Ltd | Color adjustment device |
| CN104076928A (en) * | 2014-07-15 | 2014-10-01 | 深圳市金立通信设备有限公司 | Method for adjusting color tone of text display area |
| CN105681582A (en) * | 2016-03-18 | 2016-06-15 | 努比亚技术有限公司 | Control color adjusting method and terminal |
| CN108876931A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Three-dimension object color adjustment method, device, computer equipment and computer readable storage medium |
| CN110782534A (en) * | 2019-09-19 | 2020-02-11 | 稿定（厦门）科技有限公司 | 3D character color gradient method, medium, equipment and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111932640A (en) | 2020-11-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108320312B (en) | Image color matching method and device and computer terminal | |
| CN105653118A (en) | Application icon exchanging method and apparatus | |
| CN104536771A (en) | Method and system for showing icon sequencing according to icon colors | |
| CN106775580A (en) | A kind of text input control method, mobile terminal and hand-held mobile terminal | |
| CN111932640B (en) | Method and device for adjusting color gradient effect and storage medium | |
| CN111340911A (en) | Method and device for determining connecting line in k-line graph and storage medium | |
| WO2024037506A1 (en) | Screen color adjusting and uniformizing method and device, and storage medium | |
| CN112596643A (en) | Application icon management method and device | |
| CN112328197A (en) | Multi-screen display method and device and storage medium | |
| CN106055229B (en) | Display interface adjusting method and display interface adjusting module based on screen reading | |
| CN113837181B (en) | Screening method, screening device, computer equipment and computer readable storage medium | |
| CN110968386B (en) | Navigation bar processing method and system | |
| CN115239844A (en) | Image generation method, image generation device and storage medium | |
| US10679383B2 (en) | Interface color branding | |
| CN111859012A (en) | Method and device for modifying marked size and updating part information | |
| CN113596238B (en) | Information display method, device, electronic equipment and medium | |
| CN110955361A (en) | Method, apparatus and storage medium for displaying characters | |
| CN115239419A (en) | Order processing method and device, electronic equipment and storage medium | |
| CN117149889A (en) | Graph data processing method and related device | |
| CN110865799A (en) | Control information display method and device and storage medium | |
| CN111897981B (en) | Method, apparatus and storage medium for image processing with cooperation of multiple persons | |
| CN112328139B (en) | Display method, display device and storage medium | |
| CN111862335A (en) | Three-dimensional contour line graph display and generation method and device based on tangent filtering | |
| CN112462999B (en) | Display method, display device and storage medium | |
| CN112328153B (en) | Display method, display device and storage medium |
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 | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: Room 324201, 42nd floor, unit 2, building 5, courtyard 1, Futong East Street, Chaoyang District, Beijing 100102 Patentee after: Beijing Jinwei Zhiguang Information Technology Co.,Ltd. Address before: 100102 room 323808, 38 / F, unit 2, building 5, yard 1, Futong East Street, Chaoyang District, Beijing Patentee before: Beijing Jingwei Zhiguang Information Technology Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230731 Address after: Room 5, Room 324201, 42nd Floor, Unit 2, Building 5, Courtyard 1, Futong East Street, Chaoyang District, Beijing, 100102 Patentee after: Beijing Creative Beautiful Technology Co.,Ltd. Address before: Room 324201, 42nd floor, unit 2, building 5, courtyard 1, Futong East Street, Chaoyang District, Beijing 100102 Patentee before: Beijing Jinwei Zhiguang Information Technology Co.,Ltd. |