CN107978009A - Image lamination processing method and system - Google Patents

Abstract

An image overlay processing method and system, the method operates on a computer device, provides a user interface by means of software, and allows users to operate on a touch screen to generate an overlay image. At the beginning of the method, according to the user's operation, at least two images are obtained from a database, and a background image and a foreground image are set, so that the user can use a gesture to generate an image covering an area on the background image displayed on the touch screen. Touch the signal to form a shielded image. When the foreground image is applied to this shielded image, the image set as the masked part on the background image will cover the foreground image, and a new foreground image can be formed. After superimposing the new foreground image and background image , forming a layered image.

Description

Image stacking processing method and system

technical field

The present invention relates to an image processing method and a related system, in particular to a method for processing mutually stacked dynamic images through a user interface, and a system for executing the method.

Background technique

When a user operates a computer device to operate a sticker, generally speaking, a background image is first selected, and then a pattern to be pasted on the background image is selected, and after the position of the sticker is selected, the pattern can cover the selected position , combined with the background image to form a new image with textures.

In this operating environment, when the user wants to hide the foreground pattern behind a certain area or object in the background image, he can use the cutting tool in the relevant software to cut the foreground pattern according to the style of the hidden position, so that the When the cropped foreground pattern is combined with the background image, it produces the visual effect that part of the foreground pattern is hidden in the background image.

Schematic Figures 9A to 9C show an example of the method of mapping in the prior art.

In FIG. 9A, there is a second pattern 902 as a background image, and a first pattern 901 as a foreground map. When the user wants to hide a part of the first pattern 901 behind a certain area of the second pattern 902, and Instead of sticking directly on the second pattern 902, as shown in FIG. 9B, the first pattern 901 can be cut out by using a software method according to the pattern of the hidden position to form a cut first pattern 901'. Figure 9C forms an image of the combination of the two patterns.

Contents of the invention

When the existing technology provides a texture processing method, the foreground image used as a texture is cut first, so that the foreground image will not retain its original appearance, and the new cut foreground image is also easy to apply to other image applications. , In view of this, the disclosure of the present invention proposes a new method of image overlay processing and a system for implementing this method. This image overlay processing method is different from the existing texture processing method, and can retain the original appearance of the foreground pattern , can generate new and different applications.

Specifically, in one embodiment, the main steps of the image overlay processing method include first obtaining at least two images from a database, and setting the first image and the second image in these images, and then through a user interface, in A mask covering an area is set on the first image to form a third image, and a laminated image can be formed by superimposing the first, second and third images.

Further, in the description of another embodiment, the image layering processing method can first obtain at least two images from a memory of the computer system, and the user can select one of the images as a background image and a foreground image, and both images are processed during processing. It can be temporarily stored in the memory of the computer system. The computer system is a computer device with a touch screen. The touch screen displays a background image, allowing the user to generate a touch signal covering an area on the touch screen with a gesture. The signal is processed to form a masked image, which is also temporarily stored in the memory. This masked image is taken from the background image. After applying the masked image to the foreground image, the masked area in the background image covers the foreground image. A new foreground image is formed, and the new foreground image will be temporarily stored in memory, and then the new foreground image and background image can be superimposed to form a layered image.

Specifically, the background image can be a static or dynamic image with at least one object, and the foreground image can be a dynamic image, that is, when combined with the background image through the above steps, it can still maintain its dynamic state.

Furthermore, in another embodiment, using the aforementioned masking mechanism, the foreground image can be a static or dynamic image whose position, size, and/or angle can be adjusted freely.

Description of drawings

FIG. 1 shows a schematic diagram of an embodiment of an operation screen for performing the image overlay processing method of the present invention;

2A to FIG. 2C show a schematic diagram of an embodiment of a touch screen to implement the image layering processing method of the present invention to generate a layered image;

3A to 3D schematically show one of the step illustrations for implementing the image overlay processing method of the present invention;

4A to 4D schematically show the second example of the steps of the method for image overlay processing of the present invention;

5A to 5D schematically show examples of multi-mask settings and image dynamic changes under the image stacking processing method of the present invention;

The flowchart shown in FIG. 6 describes one embodiment of the image overlay processing method of the present invention;

The flow shown in FIG. 7 describes the second embodiment of the image overlay processing method of the present invention;

The flowchart shown in FIG. 8 describes the third embodiment of the image overlay processing method of the present invention;

9A to 9C show an example diagram of the method of mapping in the prior art.

Detailed ways

The disclosure of the present invention discloses an image processing method and a related system, which can provide users with a user interface to process overlapping dynamic images, in particular, the original appearance of the original texture image can be preserved, and the part of the texture generated by masking is hidden in some objects Visual effects afterwards. It is worth mentioning that under the image processing method disclosed in the present invention, the foreground poster can be a dynamic image. Under the mechanism of continuous image processing, the user can also change the size and direction of the foreground at will, and present the sticker at any time. A visual effect that partially hides behind certain background objects.

In the application of the image overlay processing method of the present invention and the system for executing the method, the system can be applied to a computer device, and the schematic diagram of an embodiment of the operation screen can be referred to FIG. Shows what it looks like in practice.

The figure shows a computer system 1 , which can be a computer device equipped with a touch screen 10 in addition to a general computer device equipped with input devices such as a mouse and a keyboard. The touch screen 10 is a user interface for the user to operate the image overlay processing method, and the user interface may refer to a graphical user interface (GUI) initiated on the touch screen by means of software.

The legend shows that a background image 101 is displayed on the image stacking process, such as an image of a combination of colors and patterns, or a landscape image or a specific pattern, which is not limited to any kind of image, and can be a static or continuously changing dynamic image. The background image 101 may include a background object 102 with a specific figure, such as a landscape object, a person, a building, or just a pattern, and is not limited to a pattern of a specific form.

There is also a foreground object 103, which can be an image that allows the user to freely change its position, size and/or angle, and can be a dynamic or static image. In this embodiment, the foreground object 103 is like a texture to be pasted on the background image 101, but it can produce a pattern hidden behind the specific background object 102 in the background image 101 in the image layering processing method of the present invention, especially its The position, size and angle can be adjusted at will, and there is no need to re-cut because of changing the shape (position, size, angle).

The legend shows that this is a graphical user interface operating on the touch screen 10, which may include an operation interface area 12 for the user to operate to generate a laminated image, which is equipped with various graphics processing tools, which can be used on the touch screen 10. A selection tool for setting the background image and the foreground image, and setting the masking range on the background image. The image setting tool 105 shown in this illustration allows the user to select and specify the background image (such as 101 and 102) and the foreground image (such as 103); a mask setting tool 107 is provided to provide the user with the position and location of the mask in the increase or decrease figure. Quantity; be provided with magnification editing tool 108, the software tool that is convenient for the user to operate graphic tool in subtle place; Another finger touch setting tool 109, provide user can control finger touch size when operating on touch screen 10 with gesture, for example when When the user uses the finger to draw on a certain position or set a mask, the user can control the area touched by the finger.

This illustration shows that after the image overlay processing method of the present invention is executed, the visual effect that the foreground object 103 hides behind the background object 102 can be generated. However, it is different from the method of cropping the foreground object (texture) in the prior art. The present invention sets a mask on the background object 102. When combined with the foreground object 103, the mask covers the corresponding position of the foreground object 103, resulting in The effect of this legend. Moreover, since the foreground object 103 does not change the original pattern image under the mechanism of the present invention, the user can freely change the position of the foreground object 103, or even reset the size and angle, so that the current foreground object 103 and the background image 101 ( Including the background object 102) combined, can still be hidden behind the mask.

FIG. 2A to FIG. 2C are schematic diagrams illustrating an embodiment of implementing the image stacking processing method of the present invention to generate a stacked image by using a touch screen.

In FIG. 2A , the aforementioned computer system 1 is shown, which may include a touch screen 10 and an operation interface area 12 realized by software. The touch screen 10 displays a background image 201 and a foreground object 202 . At this time, the illustration schematically shows that the user can perform a gesture of sliding on a certain position of the background image 201 with the hand 20, so that the software program running in the computer system 1 that executes the image overlay processing method can receive a continuous touch signal , these touch signals will correspond to an image area, and this area will form a shield image as a mask. The embodiment does not exclude other ways of forming the shielding image, such as determining the shielding position by smearing with a stylus, selecting a picture frame, and the like.

For example, a user interface is provided to allow the user to perform a touch gesture on the touch screen 10 displaying the background image as an erasing action along the contour edge of a specific object on the background image 201, and the touch screen 10 generates a corresponding The touch signal of the erasing action covers an area.

Next, as shown in FIG. 2B , a mask image 203 corresponding to the area corresponding to the aforementioned touch signal is formed on the touch screen 10 of the computer system 1 , represented by a diagonal pattern.

Figure 2C continues to show that when the user moves the aforementioned foreground object 202 to the position to be placed, if the position covers the shielding image 203, the position will be hidden and the part of the background image will be displayed, and finally it will be formed as shown in the figure The masked foreground object 202'. It is worth mentioning that in the graphics processing technology, the user can manipulate the position, size and angle of the foreground object 202, and the adjustment process will continuously generate temporary graphics combined with the mask image 203, allowing the user to select and place For the foreground object 202, the position, size, and angle of the foreground object 202 can be adjusted arbitrarily, and a laminated image including the background image 201 and the masked foreground object 202' of this example will be generated when the final decision is made.

For the process of forming a laminated image, reference may be made to the schematic diagrams shown in FIGS. 3A to 3D .

FIG. 3A schematically shows a first image 301, which can be like the background image or background object in the foregoing embodiments. FIG. 3B shows a second image 302 as a foreground object (or texture). FIG. 3C shows that a third image 303 serving as a mask is set on the first image 301 , which can be the same as the aforementioned mask image.

Then, when the final laminated image 304 is formed in FIG. 3D, that is, when the second image 302 is moved into the third image 303 as a mask, the overlapped image will be shielded, and the second image 302 is displayed by the specific image of the first image 301. The masked area finally forms an unmasked part, as shown in the second image 302' after masking. Finally, the laminated image 304 formed by superimposing the first image 301 and the masked second image 302' is formed.

FIGS. 4A to 4D are schematic diagrams showing the steps in which the image overlay processing method can provide users with setting multiple masks.

In this example, FIG. 4A shows a background image with three background objects, including a background object one 401 , a background object two 402 and a background object three 403 . However, FIG. 4B shows a foreground object 404 that allows the user to operate and move the position, size or angle.

This embodiment provides that the user can set multiple shields according to a predetermined graphic, that is, the user can set multiple shielding images on the background image that can cover the second image 302 at will, so that the second image 302' has a Multiple shaded areas. As shown in Figure 4C, a masking image 1 405 is formed on the background object 1 401. For example, the user can use software tools to determine the masking area by gestures or other methods of selecting a certain graphic block; another image is formed on the background object 3 403. Masking, using a similar method to generate masking image 2 406 .

It should be mentioned that the formed shielding images (405, 406) will be temporarily stored in the memory at this stage during system operation, and can be presented in a certain pattern form on the display screen for users to check and confirm.

Afterwards, as shown in FIG. 4D , let the user move the foreground object 404 into the background object 1 401 , background object 2 402 and background object 3 403 . At this stage, the relevant software programs will combine the masked images ( 405 , 406 ) with the foreground object at any time. 404, forming a new image temporarily stored in the memory, and confirming the position of the foreground object 404 after the user moves, that is, overlapping with the background image to form a masked foreground object 404', which shows that the part overlapped to the masked position is hidden behind Visual effects.

Under the mechanism provided by the image overlay processing method of the present invention, it is possible to make the foreground image or object an animation, while still visually hiding the effect behind a specific background object. For example, refer to FIG. 5A to FIG. 5D .

FIG. 5A shows that the background image has at least two background objects, including background object one 501 (shown as a building) and background object two 502 (shown as a distant mountain). FIG. 5B shows a foreground image 503 (shown as a moon), especially an arrow indicates that the foreground image 503 is a dynamic image, such as a cyclically changing animation.

Figure 5C shows that the user can set a masking image 1 504 somewhere on the background object 1 501, that is, a masking image 504 is formed at a position where the foreground image 503 is predetermined to be hidden behind the background object 1 501, and is applied to the foreground image At 503 , a shielded foreground image 503 ′ is formed, which visually produces the effect that the moon (foreground image 503 ) is blocked by the building (background object one 501 ). At this point, background object two 502 has not been masked.

Fig. 5D then shows that a masking image 2 505 is formed on the background object 2 502, that is, the foreground image 503 is not only covered by the background object 1 501, but also is covered by the background object 2 502, because the masking image 1 504 and the masking image 2 505 are in the same When the foreground image 503 is combined, an image temporarily stored in the system memory will be formed in real time. After the location is confirmed, the masked foreground image 503" will be formed. A laminated image with an animated foreground is formed as a whole.

For an embodiment of the related image overlay processing method, please refer to the flowchart shown in FIG. 6 . In this embodiment, the image overlay processing method is applied to a computer system. The computer system can be a general computer device, a mobile device, etc., and a software program provides an operating environment for the user to select images and set masks.

The method starts as in step S601, selecting multiple images from a database or real-time shooting images. The real-time shooting images can also be temporarily stored in a computer system memory, and the embodiment does not exclude memory media stored in other forms. Then set a background image (step S603) and at least one foreground image (step S605) from these images, and then provide the user with a user interface to set a shielding range on the background image (step S607), the setting of shielding can be Referring to the process shown in FIG. 8 , other methods of selecting a specific image area are not excluded, and the number of masks is not limited to a specific number, so that the foreground image can have multiple masked areas matching the background image.

Afterwards, as in step S609, the masking range is applied to the foreground image by software, so that the image set as the masking area on the background image covers the superimposed area on the foreground image and the masking image, and a new foreground image can be formed when the screen is redrawn, as in the steps S611. Among them, because the software method allows the foreground image to be combined with the masked range in real time, when the position of the masked foreground image is not determined, a new foreground image is redrawn in real time, and this foreground image is also temporarily stored in the memory in real time. Finally, in step S613 , after confirming the position, size, angle, etc. of the foreground image, a laminated image is formed. This method also allows the background image or the background object therein to be a static or dynamic image, while the foreground image can be an animation, and allows the user to freely adjust its position, size, and angle when adjusting the foreground image.

FIG. 7 shows the process flow of another embodiment of the image overlay processing method of the present invention. This flow shows that the various images mentioned above do not need to be foreground or background respectively, and the method can be applied to frames with various image objects.

First obtain at least two images from the database 71 (step S701), these images can be set at least the first image and the second image according to the user's preference (step S703), after selection, they will be temporarily stored in the system memory 72 , and provide a user interface to allow the user to set a mask on the selected image, for example, a mask is formed on the first image, and the coverage of the mask forms a third image (step S705), and the third image will be temporarily stored in the memory 72. In an embodiment, at this time, the computer system may directly obtain the first image, the second image and the third image from the memory 72, and directly superimpose these images to form a laminated image.

However, still as in the flowchart embodiment of this icon, the method then obtains the second and third images from the memory 72, and after combining them (step S707), the image set as the masked area in the first image can be made to cover the original second image, so that the overlapping Partially produces the effect that the second image is covered by the third image.

The method provides that the step of applying the third image on the second image is processed in real time during redraw, that is, the system allows the user to change the appearance of the second image at any time, including the position, size and angle, and the system can obtain it at any time After the user confirms the position of the second image, the procedure will be terminated to form a laminated image (step S709 ), and the final image will be stored in the database 71 .

According to one embodiment, the above-mentioned first image is not limited, but it can be a background image; the second image can be set as a foreground image, and the third image is a mask image that sets a certain area in the background image as a mask, so that the first The image covers the overlapping area of the mask image on the foreground image.

FIG. 8 then describes the flow of an embodiment of forming a mask image in the image lamination processing method.

The above-mentioned user interface can be a touch screen on a computer system or a specific terminal device. As shown in step S801, the background image is first displayed on the touch screen, and the user is allowed to touch a certain area on the background image with gestures, as shown in step S803. The touch signal generated on this area is processed to determine a masking range, as in step S805, and a masking image is formed after confirmation, as in step S807.

In the step of forming a mask image, it can be formed according to the outline of at least one object in the background image, and used to apply the aforementioned second image such as the foreground image to form a new foreground image, so that the new foreground image and the background image are superimposed When , a laminated image in which the foreground image is visually covered by at least one object is formed. The method also allows the user to set a plurality of masking images at different positions, so that the laminated images can show multi-layered visual effects.

Therefore, according to the embodiment contained in the publication, the image overlay processing method disclosed in the embodiment of the present invention uses a mechanism of setting a mask on the background image to produce a visual effect that can cover the foreground image, which is different from the prior art that uses How to pre-crop the image. The present invention also proposes an image overlay processing system for executing the above-mentioned method, which operates as a computer system, has a processor and a memory, and uses the processor to execute a program set stored in the memory, so as to execute as shown in Figures 6 to 9 The embodiment flow of the image stacking processing method is described.

The above description is only a preferred feasible embodiment of the present invention, and does not limit the patent scope of the present invention. Therefore, all equivalent structural changes made by using the description and illustrations of the present invention are equally included in the present invention. Within the scope of cooperation with Chen Ming.

Claims (15)

1. a kind of image lamination processing method, it is characterised in that the method includes：

At least two images are obtained from a computer system；

In this at least two images, one first image and one second image are set；

By a user interface, cover at least one shielding in a region in setting on first image, form one the 3rd image；With And

First image, second image and the 3rd image are overlapped, forms a lamination image.

2. image lamination processing method as claimed in claim 1, it is characterised in that first image is quiet with second image State or dynamic image.

3. image lamination processing method as claimed in claim 2, it is characterised in that the 3rd image causes first image The image in the region covers the congruent region with the 3rd image on second image.

4. image lamination processing method as claimed in claim 3, it is characterised in that second image for position, size and/or The either statically or dynamically image of adjustable angle.

5. image lamination processing method as claimed in claim 1, it is characterised in that in set on first image this at least One shielding includes one or more place's shielding images, so that second image has the shielded region in one or more places.

6. the image lamination processing method as described in any claim in claim 1 to 5, it is characterised in that the user connects Mouth is a Touch Screen, and setting the mode of the shielding includes：

First image is shown with the Touch Screen；And

The touching signals that the Touch Screen produces the corresponding region with a gesture are received, form the shielding for covering the region.

7. a kind of image lamination processing method, applied in a computer system, it is characterised in that the method includes：

At least two images are obtained from a memory of the computer system；

In this at least two images, a background video and a prospect image are set；

The background video is shown with a Touch Screen, the touch-control in an at least region is covered in generation on the Touch Screen with a gesture Signal, forms at least one shielding image；And

The background video, the shielding image and the prospect image are overlapped, forms a lamination image.

8. image lamination processing method as claimed in claim 7, it is characterised in that the background video has at least one for one The either statically or dynamically image of object；The prospect image is an either statically or dynamically image.

9. image lamination processing method as claimed in claim 8, it is characterised in that in overlap the background video, this at least one Shielding image is formed before the lamination image with the prospect image, is applied mechanically at least one shielding image prior to the prospect image, is made The image for obtaining the region on the background video covers congruent region on the prospect image with the shielding image, redraws that to form one temporary The new prospect image being stored in the memory of the computer system, forms the lamination image after confirmation.

10. image lamination processing method as claimed in claim 9, it is characterised in that the shielding image is according to the background shadow The profile of at least one object as in is formed, and is applied mechanically the prospect image and formed the new prospect image so that overlapping When the new prospect image is with the background video, the lamination that the prospect image is visually covered with least one object is formed Image.

11. image lamination processing method as claimed in claim 10, it is characterised in that the prospect image for position, size with/ Or the either statically or dynamically image of adjustable angle.

12. image lamination processing method as claimed in claim 11, wherein at least screen set on the background video Image is covered, so that the prospect image has the shielded region in one or more places.

13. the image lamination processing method as described in any claim in claim 7 to 12, it is characterised in that by this A select tools on Touch Screen set the background video and the prospect image, and in setting the shielding on the background video Scope, wherein forming the method for the shielding image includes：

The background video is shown with the Touch Screen；

The touching signals that the Touch Screen produces the corresponding region with the gesture are received, which forms the shielding image；With And

Keep in the shielding image.

14. image lamination processing method as claimed in claim 13, it is characterised in that show being somebody's turn to do for the background video in providing On Touch Screen, which is that one performed along the contour edge of a special object on the background video erases action, by this Touch Screen produces the touching signals of the corresponding action of erasing, which covers the region.

15. a kind of image lamination processing system, it is characterised in that there is a processor and a memory, being performed with the processor should The procedure set stored in memory, to perform the image lamination processing method as described in claim 1 or 7.