TW201504969A - Multilayer image superimposition emulation and preview system - Google Patents

Abstract

Disclosed is a multilayer image superimposition emulation and preview system. A user end may conduct an operation on an operation platform of the system in order to select a first image layer and also to upload a second image layer. The present invention enables the second image layer to achieve automatic adjustment of transparency of the second image layer through comparison and calculation based on RGB parameters and transparency parameter of the first image layer so that after the second image layer is superimposed on the first image layer, the image of the first image layer penetrates through the second image layer to be provided to an operator for preview, thereby achieving enhancement of emulation degree and three-dimensional exhibition. The present invention is particularly applicable to exhibition of virtual garments.

Description

Imitation and preview system after multi-layer image overlay

An immersive and preview system for multi-layer image superposition is preferably applied to the application of clothing image simulation. The invention particularly relates to adjusting transparency of one layer to achieve multi-layer image superposition. A immersive and preview system with a better immersive multi-layer image overlay.

Evolving from time to time, modern people's consumption habits are affected by the influence of the Internet; people's past consumption behavior is mainly based on physical consumption, while the Internet is developed, people's consumption habits gradually turn into online consumption, online stores and The online group buying platform is in full swing. In the past, traditional brick-and-mortar stores also put their own products in the form of pictures and put them on the Internet virtual store. Nowadays, the apparel manufacturers will put their own products into the network virtual In the store, in order to solve the problem that the consumer can't actually wear the costumes and can't judge the appearance of the product on the body, the apparel industry has developed a clothing image simulation system (such as paper) for consumers to simulate online clothing. Doll system, Avatar), please refer to the Republic of China Invention Patent No. 200825969 "Web system for online merger and preview of images", this patent is disclosed A website system for providing online dynamic merging and previewing of images, wherein the website system comprises: a website server, at least one client unit, and a network transmission unit, and the website server comprises: a website application, An image merging module and a storage unit; and the client unit includes: a display device and a browser; when the web server receives the connection request from the client browser, the website application replies in addition to Give the browser an image placement area containing the basemap, and also reply to the browser interface that can upload the image file (or a hyperlink that can select the image file placed in the server storage unit). After the customer uploads the image file (or selects a hyperlink to a certain image file), the website application will reply the image to the browser, and the user will zoom in on the image (Zoom In and Zoom Out). ) Control, and Drag-and-Drop to the appropriate location in the image placement area, you can ask the web server to merge this image with the basemap of the image placement area, then the website application meeting Calling the image merge module to merge the two images, and replying to the browser as a base map of the image placement area for subsequent reuse; afterwards, the browser side can again select the reply by the web application. The hyperlink to the image in the storage unit (or uploading the image using the upload interface) can be zoomed and controlled again by the image returned by the website application, and dragged and dropped to the image placement area. After the appropriate location, the web server is once again required to merge the image with the basemap, and then the web application will call the image merge module to merge the two images, and the next will merge the images. Like the reply to the browser of the client to preview; as mentioned above, although the previous case can meet the needs of clothing wear simulation, only the figure of the base figure wearing accessories, hair, wrinkles, figure When the base image is superimposed, the image will be directly overlaid on the base image, and the portrait accessories, hair, wrinkles, etc. of the base image will not be displayed, and the overlapping sense will not be generated, resulting in the user not knowing. What is the effect of the accessories, hair, and wrinkles after lamination? Therefore, how to solve the problem that the superposition does not correspond, in order to further simulate the effect of wearing, is a problem to be solved.

In view of the above problems, the inventors have studied and improved the operation interface of the image editing system and its operation mode based on the experience of the clothing image simulation for many years, and can design the imaginary effect to be excellent. The application system; therefore, the main object of the present invention is to provide an immersive and preview system for multi-layer image superimposition that can satisfy the effects of simulated wear and immersive effects.

In order to achieve the above object, the immersive and preview system of the multi-layer image superimposed in the present invention is mainly operated by an operation platform in the system, and the operation platform provides an image selection module. The system pre-stores one or more pre-stored images (such as a model image), so that a user can select one of the pre-stored images in the operating platform to form a first layer, and the user can operate through the platform. Storing a self-selected image into an editing area of the operating platform to become a second layer. After completing the above two actions, the first layer and the second layer are superimposed on the editing area provided by the operating platform. , the stacking sequence is the first layer below, the second figure After the layer is on, after a storage operation is performed, an operation module of the operation platform automatically performs an RG BA parameter (or a CMYK parameter) for the image of the first layer, and a transparency parameter thereof, the RGB is confirmed. The parameter represents a bit per pixel (bpp) encoded RGB value using three 8-bit unsigned integers (0 to 255) representing the intensity of red, green, and blue for true color and JPEG or The common color exchange in the image format such as TIFF. In addition, the CMYK refers to the "printing four-color separation mode", which is a color registration mode used in color printing, using the principle of color mixing of three primary colors, red, green and Blue plus black ink, a total of four colors mixed and superimposed.

According to the above, the module to be operated obtains two parameters (RG B parameters and After the opacity parameter is based on it, the relative transparency of the second layer is automatically calculated. After the calculated parameter value of the transparency, the relative transparency of the second layer is directly adjusted by a parameter automatic adjustment module. After the adjustment is completed, it is presented in the editing area. At this time, after the operator performs the action of storing again, the second layer and the first layer are completely superimposed and displayed on the screen for the operator to preview; The relative transparency of the second layer, the goal is to make the first layer visible through the second layer, so that the preview image presents a immersive effect, that is, after the superposition of the multi-layer image, the upper and lower layers are formed. Visual effect; in the present invention, the multi-layer image superimposition is performed in the operation platform, but the RG B parameter of the image of the first layer and the opacity parameter thereof are confirmed, and may also be constructed by one far After the end of the computing module is carried out, the results are returned to the operation As a platform, the transmission process can be performed by the Internet, and the remote end can be, for example, a server.

In order for your review board to have a clear understanding of the contents of the present invention, please refer to the following description only.

10‧‧‧Operation platform

101‧‧‧editing area

102‧‧‧Image Selection Module

1021‧‧‧ Pre-stored images

1022‧‧‧ Pre-storing images

1023‧‧‧ Pre-stored images

103‧‧‧ Computing Module

104‧‧‧Parameter automatic adjustment module

105‧‧‧Brightness detection module

L1‧‧‧ first layer

L2‧‧‧ second layer

BF‧‧ ‧ initial superimposed state

AF‧‧‧ Post-stack state

J1‧‧‧Optional image

20‧‧‧Server

Fig. 1 is a schematic view showing the composition of the present invention.

Fig. 2 is a schematic view showing the implementation of the present invention.

Figure 3 is a schematic view of the operation of the present invention.

Figure 4 is the initial stacking procedure of the present invention.

Figure 5 is a schematic diagram of the parameter adjustment procedure of the present invention.

Figure 6 is a schematic diagram of the completion of the parameter adjustment of the present invention.

Figure 7 is a schematic diagram of a preview screen of the present invention.

Figure 8 is another embodiment of the present invention.

Figure 9 is a schematic view showing the implementation of another embodiment of the present invention.

Please refer to FIG. 1 , which is a schematic diagram of the composition of the present invention. As shown in the figure, an operation platform 10 mainly has an editing area 101 , an image selection module 102 , and an operation module . 103, a parameter automatic adjustment module 104 and a brightness detection module 105; wherein the editing area 101 can store various images for subsequent operations; the image selection module 102 is connected to the editing area 101, and The image selection module 102 pre-stores one or more pre-stored images (1021, 1022, 1023); the operation module 103 is connected to the editing area 101 for the optional image (by the user end) The uploaded image and the pre-stored image 1021 are used for detecting the pixel information; the parameter automatic adjustment module 104 is connected between the editing area 101 and the computing module 103, and is available for the selected image and the pre-storage. The pixels of the image 1021 are adjusted for RGBA parameters, which are parameters of one pixel, the parameters of which include RGB parameters and Alpha (opacity) parameters.

Please refer to "Fig. 2", which is a schematic diagram of the implementation of the present invention. Please refer to "Figure 3" for illustration. The figure is a schematic diagram of the operation of the present invention. The user terminal (for example, a mobile computing device such as a personal computer, a lithographic computer, or a mobile phone) selects the pre-stored image 1021 in the image selection module 102 on the operation platform 10, and stores the selected pre-stored image 1021 to the operation. In the editing area 101 of the platform 10, the first layer L1 is made into a first layer L1. When the first layer L1 is generated, the brightness detecting module 105 automatically performs image transparency detection on the first layer L1, wherein the brightness detection is performed. A threshold is set in the module 105 when it detects the first When the pixel brightness of each block on the layer L1 is higher or lower than the threshold, the parameter automatic adjustment module 104 compares the detected brightness with the threshold, so that the parameter automatic adjustment module 104 detects the mode according to the brightness. The comparison result of the group 105 will adjust the transparency of the block according to the linear ratio or the nonlinear ratio. The foregoing adjustment process is exemplified as follows: the threshold can be set to 50, when the first layer L1 is two When the block pixel brightness is 60 and 70 respectively, since the brightness of both blocks is higher than the threshold value of 50, the brightness detection module 105 adjusts the transparency of the block pixel with brightness of 60 to 30%, and the brightness is adjusted. The transparency of the block of 70 is adjusted to 20%, (the higher the pixel brightness value is, the higher the transparency is determined), and when the brightness of the two blocks on the first layer L1 is 30 and 40 respectively, The brightness of both blocks is lower than the threshold value of 50. The brightness detection module 105 adjusts the transparency of the block pixel with the brightness of 30 to 70%, and the transparency of the block pixel with the brightness of 40 is adjusted to 60. %, (the lower the pixel brightness value, the lower the transparency); In the embodiment, the pre-stored image 1021 may be a pre-photographed model image, and the model is in a solid color of various colors; further, the user may select a self-selected image J1 by the user end. It is stored in the editing area 101 of the operating platform 10 to be a second layer L2. In this embodiment, the self-selecting image J1 may be a digital format picture, such as JPG, BMP, GIF, and the like.

Please refer to "Fig. 4". The figure shows the initial superimposition procedure of the present invention. Please refer to "Fig. 2", as shown in the figure for an initial superimposed state BF. After completing the above two actions, First layer L1 and second layer L2 Then, it is superimposed on the editing area 101 provided by the operation platform 10. The superimposed sequence is that the first layer L1 is on the bottom and the second layer L2 is on, and is once again stored in the editing area 101.

Please refer to "Figure 5", which shows the parameters of the present invention. For the adjustment program diagram, please refer to "Figure 2". As shown in the figure, after another storage operation, the operation module 103 of the operation platform 10 automatically executes the (R, G, B) parameters of the image of the first layer L1. And the opacity parameter is confirmed, wherein the (R, G, B) parameter of the first layer L1, and the opacity can be, for example, 255, 0, 255 (magenta) opacity is 75%, after obtaining two parameters, then Based on this, the relative transparency of the second layer L2 is automatically calculated (for example, the opacity of the first layer L1 is 75%, the relative transparency of the second layer L2 should be adjusted to 25%), and the calculated opacity is obtained. The parameter value is directly adjusted by the parameter automatic adjustment module 104 to the second layer L2.

Please refer to "Figure 6", which shows the parameters of the present invention. For the adjustment completion diagram, please refer to "Fig. 2". The superimposed state AF in the figure is displayed in the editing area 101 after the adjustment is completed. At this time, after the operator performs the storage operation again. The first layer L1 and the second layer L2 are relatively superposed, and the superimposed pattern is as shown in the "figure 6", because the transparency of the first layer L1 is higher than that of the second layer L2, first After the layer L1 is superposed by the second layer L2, the (R, G, B) values of the first layer L1 will penetrate the second layer L2, so that it is like the first picture after being viewed by the naked eye. The layer L1 is superposed above the second layer L2.

Please refer to "Figure 7", which is a preview of the present invention. The picture is schematic, and please match the "2nd picture". As shown in the figure, after the first layer L1 and the second layer L2 are relatively superimposed, they are presented on the screen for the operator to preview. When presented, the first layer L1 can pass through the first layer L1. The second layer L2 appears so that the previewed image exhibits a immersive effect.

Please refer to "Figure 8", which is another illustration of the present invention. For example, the multi-layer image overlay cooperation process can be performed by the computing module constructed on the server, and then the result is transmitted back to the operation platform, as shown in the figure, the image selection module 102, the operation module 103, The parameter auto-adjustment module 104 is constructed in a server 20 at the remote end. The server 20 is connected to the operating platform 10 via the Internet.

Please refer to "Figure 9", as shown in the figure. The implementation of the embodiment is as shown in the figure. In the implementation, the user selects the pre-stored image 1021 of the image selection module 102 in the server 20 through the Internet through the user terminal, and pre-stores the image 1021. Stored in the editing area 101 to be stored as the first layer L1, and the user can upload the self-selected image J1 to the editing area 101 by the user end to store the self-selected image J1 as the second layer L2. After the first layer L1 and the second layer L2 are stored, the user layer transmits the first layer L1 and the second layer L2 to the computing module 103 through the Internet, so that the computing module 103 performs pixel information. After the detection module 103 completes the detection, the parameter automatic adjustment module 104 adjusts the RGB parameters or the transparency parameters of the first layer L1 and the second layer L2. After the adjustment is completed, the server 20 is The first layer L1 and the second layer L2 are transmitted back to the operating platform 10 through the Internet for preview by the user.

As described above, the present invention is implemented by the user The operating platform in the system operates, and the operating platform provides an image selection module for the user to select one of the pre-stored images in the editing area of the operating platform to form the first layer, and further, the user can use The user-side saves the self-selected image to the editing area of the operating platform to become the second layer, and the first layer and the second layer are superimposed on the editing area provided by the operating platform, and the computing module of the operating platform is automatically executed to the first layer. The (R, G, B) parameters of the image of the layer and the Alpha (opacity) parameters are confirmed. After obtaining the two parameters, the relative transparency of the second layer is automatically calculated based on the calculated transparency of the second layer. The parameter value is directly adjusted by the parameter automatic adjustment module to the second layer. After the adjustment is completed, the first layer and the second layer are relatively superposed so that the first layer can be revealed through the second layer. The preview image presents a immersive effect, that is, a superimposed image of the multi-layer image, and a visual effect of front and back is formed; thereby, the present invention can be implemented after being implemented. The multiple layers to provide a wearer of the analog image superimposed effect and the effect of rendering realistic and immersive system meets the preview.

The above is only the preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any change and modification made by those skilled in the art without departing from the spirit and scope of the invention. All should be covered by the patent of the present invention.

In summary, the effectiveness of this creation is in line with the “practicality”, “novelty” and “progressiveness” of the patent application requirements; the applicant filed an application for the creation of a patent with the stipulations in accordance with the provisions of the Patent Law.

10‧‧‧Operation platform

101‧‧‧editing area

102‧‧‧Image Selection Module

1021‧‧‧ Pre-stored images

1022‧‧‧ Pre-storing images

1023‧‧‧ Pre-stored images

103‧‧‧ Computing Module

104‧‧‧Parameter automatic adjustment module

105‧‧‧Brightness detection module

Claims (8)

A multi-layer image superimposed immersive and preview system, comprising: an operation platform, wherein an editing area is constructed; an image selection module is connected with the editing area information, and the image selection module has a The pre-stored image is selected for selection, and the selected pre-stored image is stored in the editing area to generate a first layer, the editing area is configured to store a self-selected image to generate a second layer; The module is connected to the information of the editing area, and can respectively confirm a parameter of the first layer and the second layer; and a parameter automatic adjustment module, wherein the information is connected between the operation module and the editing area, The first layer and the second layer after the parameter is confirmed by the operation module are adjusted for relative transparency. The image processing platform further includes a brightness detection module, wherein the brightness detection module information is connected to the editing area, For detecting the brightness of the first layer, the brightness detection module internally sets a threshold value, and the parameter automatic adjustment module compares the detected brightness with the threshold value, so that the parameter automatically adjusts the module. Adjusting the transparency of the first layer according to the comparison result of the brightness detection module. The immersive and preview system of the multi-layer image superimposed according to claim 1, wherein the self-selected image is a digital format picture. The immersive and preview system of the multi-layer image superimposed as claimed in claim 1, wherein the parameter comprises an RGB parameter and a transparency parameter. If the multi-layer image described in item 1 of the patent application scope is superimposed and pre-formed The system, where the parameter contains a CMYK parameter and a transparency parameter. The immersive and preview system of the multi-layer image superimposed according to claim 1, wherein the pre-stored image is a model image. The immersive and preview system of the multi-layer image superimposed according to claim 1, wherein the parameter automatic adjustment module adjusts the transparency of the first layer according to a linear ratio. The immersive and preview system of the multi-layer image superimposed according to claim 1, wherein the parameter automatic adjustment module adjusts the transparency of the first layer according to a non-linear ratio.