TWI554894B - Online image editing system and operation method thereof - Google Patents

Description

Graphic and image editing system and its operation method

The invention relates to an editing system, in particular to a graphic image editing system capable of editing images on-line batch and an operating method thereof.

In order to allow consumers to print customized copies, notebooks or other physical books including multiple images, various online printing services have sprung up, but the current online printing services are usually fixed editing versions. That is to say, the consumer can only make it according to the fixed version provided by the service provider, and cannot edit the image and the layout in real time, which obviously causes inconvenience to the consumer.

In order to enable consumers to edit the layout and images in real time while using the online printing service and have a better editing experience, the present invention provides a graphic image editing system including an editing unit, a storage unit, an application interface, and a processor. The editing unit is used for batch editing and typesetting of image data, and generates publishing materials. The storage unit is electrically coupled with the editing unit, and the storage unit is used for storing the information required by the editing unit and the aforementioned publishing materials, and the application is performed. The program interface is used to integrate the graphic image editing system with multiple platforms, and receive multiple external operation signals of the platforms to output corresponding The plurality of operation signals of the platform are electrically coupled to the editing unit, the storage unit, and the application interface. The processor is configured to receive the operation signals, and control the editing unit and the storage unit according to the operation signals.

In other preferred embodiments, the image editing system of the present invention further includes a conversion unit for receiving the published material and converting the published material into a different data format.

The invention further provides a method for operating a graphic image editing system. The graphic image editing system comprises an editing unit, an application interface and a processor. The processor is configured to receive an operation signal corresponding to different platforms by the application interface, and process And controlling the editing unit according to the operation signal, the steps are as follows: editing the editing unit batch and selecting a version of the published material; and, causing the editing unit to batch edit an image data and complete the publishing material.

In other preferred embodiments, the image editing system further includes a converting unit, and the step of operating the graphic image editing system further comprises: causing the converting unit to convert the publishing material into different data formats.

In summary, the image editing system of the present invention has the above-mentioned editing unit. Therefore, when the user edits the physical book by the graphic image editing system of the present invention, the editing layout and the image data can be adjusted at any time without being subject to Limited to fixed layouts and video materials, consumers can use different platforms to edit the above-mentioned books through the application interface, so that consumers have a better experience and increase the convenience of editing.

The above and other objects, features, and advantages of the present invention will become more apparent from the description of the appended claims.

10‧‧‧Users

11‧‧‧Network

12‧‧‧ platform

13‧‧‧ Graphic Image Editing System

131‧‧‧ processor

132‧‧‧Application Interface

133‧‧‧Network Unit

134‧‧‧Share platform

135‧‧‧ storage unit

136‧‧‧editing unit

137‧‧‧ conversion unit

200‧‧‧ display screen

201‧‧‧Step area

202‧‧‧First Tool Zone

203‧‧‧Low resolution image area

204‧‧‧Second Tool Zone

205‧‧‧editing area

211‧‧‧ Layout area

212‧‧‧Image Processing Area

213‧‧‧ Gallery

214‧‧‧ text area

215‧‧‧Setting area

1361‧‧‧Image Processing Module

1362‧‧‧ Layout processing module

1363‧‧‧ word processing module

1364‧‧‧Graphic Processing Module

301, 302, 303, 304, 305 ‧ ‧ steps

1 is a schematic diagram of the architecture of a graphic image editing system using the present invention.

2 is a schematic diagram of a system architecture of a graphic image editing system of the present invention.

FIG. 3 is a schematic diagram of a background structure before the graphic image editing system of the present invention.

4A is a schematic view showing a first embodiment of a layout area of the present invention.

4B is a schematic view of the second embodiment of the layout area of the present invention.

FIG. 5A is a schematic diagram of Embodiment 1 of an image processing area of the present invention.

FIG. 5B is a schematic diagram of Embodiment 2 of the image processing area of the present invention.

FIG. 5C is a schematic diagram of Embodiment 3 of the image processing area of the present invention.

FIG. 5D is a schematic diagram of Embodiment 4 of the image processing area of the present invention.

FIG. 5E is a schematic diagram of Embodiment 5 of the image processing area of the present invention.

FIG. 6A is a schematic diagram of Embodiment 1 of a library area of the present invention.

FIG. 6B is a schematic diagram of Embodiment 2 of the library area of the present invention.

FIG. 7A is a schematic diagram of Embodiment 1 of the text area of the present invention.

FIG. 7B is a schematic diagram of Embodiment 2 of the text area of the present invention.

Figure 8 is a schematic view showing an embodiment of a setting area of the present invention.

FIG. 9 is a schematic diagram showing the steps of an operation method of the graphic image editing system of the present invention.

Please refer to FIG. 1 , which includes a plurality of users 10 , a network 11 , a plurality of platforms 12 , and a graphic image editing system 13 . The user 10 can use an electronic device such as a mobile phone, a tablet computer, a notebook computer or a desktop computer. The device is connected to a network 11 such as a wireless network or a wired network, and is connected to the plurality of platforms 12 or the graphic image editing system 13 via the network 11, and the plurality of platforms 12 may be Google or Yahoo. Internet platforms such as Baidu, Facebook, Weibo and other social platforms or mobile application APP platforms, so users 10 can connect to the graphic editing system 13 through different platforms 12, or through the network. The road 11 is directly connected to the graphic image editing system 13 for the production and editing of the published materials, which may be the image data uploaded by the user, such as a book, a photo book or a notebook, and a layout such as a text or a graphic. Edit the physical paper of the material.

Referring to FIG. 2, FIG. 2 is a schematic diagram of a system architecture of the image editing system 13. The graphic image editing system 13 can be a graphic image editing system server and can be developed by using java technology. The system 13 includes a processor 131, an application interface 132, a network unit 133, a sharing platform 134, a storage unit 135, an editing unit 136, and a converting unit 137.

The application interface 132 can be an application programming interface (API), and the graphic image editing system 13 can be integrated with the plurality of platforms 12 through the application interface 132. When the user 10 uses the electronic device described above When the platform 12 is connected and the graphic image editing system 13 is operated by the platform 12, the application interface 132 receives a plurality of external operation signals generated by the operation of the user 10 and a plurality of image data uploaded by the user. The image data may be a portrait photo, a life photo, a group photo, etc., and the application interface 132 outputs a corresponding operation signal according to the received external operation signal. The processor 131 is electrically coupled to the application interface 132, the network unit 133, the sharing platform 134, the storage unit 135, the editing unit 136, and the conversion unit 137. The processor 131 is configured to receive the operation signal and the image data. Corresponding control is performed according to the operation signal.

The storage unit 135 is electrically coupled to the processor 131, and is configured to store a plurality of the foregoing image data used by the editing unit 136, and a plurality of layout materials and a plurality of text materials pre-stored by the graphic image editing system 13. The plurality of graphic materials and the plurality of image editing materials further include a plurality of frame data, a plurality of soft edge data, and a plurality of shielding materials, and the storage unit 135 further stores the publishing materials.

The editing unit 136 includes an image processing module 1361, a layout processing module 1362, a character processing module 1363, and a graphic processing module 1364. The image processing module 1363 is configured to frame and block the image data in the published data. Editing, soft edges, cropping, moving, and zooming. The layout processing module 1362 is configured to use the layout selected by the user 10 for the above-mentioned published materials, or to move, rotate, and scale the version of the published material, that is, the image data, graphics, or text. The layout processing module 1362 can change the background image of the publishing material by the background data uploaded by the user 10 or the background data stored in the storage unit 135 in the position, size or orientation of the published material and the page configuration of the published material. The word processing module 1363 is for editing the size, font, color and position of a plurality of characters in the published material, and the word processing module 1363 can perform the above-mentioned editing on a plurality of characters in batches. The schema processing module 1364 is for moving, rotating, and scaling the schema in the published material. The conversion unit 137 is electrically coupled to the editing unit 136 and the storage unit 135, and is configured to convert the received image data into a low-resolution format and a high-resolution format and store the same in the storage unit 135. The conversion unit 137 further receives the editing unit. 136 Editing the completed published materials and converting the published materials into a desired format. For example, the image data of the published materials is in a low-resolution format when editing, and the converting unit 137 may be an eXtensible Markup Language (XML). The low-resolution format image data is converted into a high-resolution format stored in the storage unit 135, or the published data is converted into an e-book format, such as HTML5, TXT, HLP, or Portable Document Format (Portable Document Format, The conversion unit 137 stores the publication materials in various formats in the storage unit 135, wherein the publication data converted into the high-resolution format portable file format can be emailed by the network unit 133. The newsletter and other means are directly transmitted to the external printing manufacturer, and the printing manufacturer can print the physical paper based on the publication. material.

The sharing platform 134 is electrically coupled to the processor 131 and shares the platform. 134 may be the website of the graphic image editing system 13 . The sharing platform 134 may display the published materials converted into the electronic book format in an e-book manner, so that other users 10 of the non-editor can view or evaluate the completed information through the sharing platform 134. The user of the editor 10 and the service provider providing the graphic image editing system 13 can communicate with the online service provided by the sharing platform 134.

The network unit 133 is electrically coupled to the processor 131 and the network 11 to enable the graphic image editing system 13 to connect to the network 11 through the network unit 133. The image editing system 13 can be directly connected to the graphic image editing system 13 through the network 11 to edit the aforementioned published materials. Next, the operation method of the above-described graphic image editing system 13 will be described below with reference to the drawings.

Referring to FIG. 3, how the user 10 uses the graphic image editing system 13 will be described below with reference to FIG. The first display screen 200 is a schematic diagram of an embodiment of the screen displayed on the electronic device when the user 10 operates the graphic image editing system 13 through the electronic device. Therefore, the user 10 can click or drag the object in the display screen 200 to view the image. The text image editing system 13 operates. The screen 200 is displayed and includes a step area 201, a first tool area 202, a low solution image area 203, a second tool area 204, and an editing area 205. The step area 201 described above is used to display the current user 10 editing steps, such as editing an inner page, editing a cover, and previewing a published material. The low-resolution image area 203 is used to display the image data that the user 10 uploads to the graphic image editing system 13 and has been converted into the low-resolution format and stored in the storage unit 135, so that the user 10 can intuitively edit. Select or drag to add image data to the published material. The editing area 205 is used to display the layout, image data, graphics and text edited by the user 10. For example, the user 10 can select or drag the image data to the editing area 205 in the low resolution image area 203. The second tool area 204 includes various alignment tools and a size quick setting tool, and the user 10 can be paired by the second tool area 204. Image data is edited for size or editing of image data such as left-aligned or right-aligned. The first tool area 202 further includes a layout area 211, an image processing area 212, a gallery area 213, a text area 214, and a setting area 215. The first tool area 202 is used to switch the layout area 211, the image processing area 212, and the gallery area. 213. The text area 214 and the setting area 215 enable the user 10 to edit the publishing material of the editing area 205 differently.

The layout area 211 is for providing the user 10 to select or edit the layout. The layout processing module 1362 of the graphic image editing system 13 can select or edit the layout according to the operation signal generated by the user 10, and the user 10 The result of the editing can be obtained in the editing area 205 in real time. As shown in FIGS. 4A and 4B, when the user 10 selects the layout area 211, the user 10 can select the background (FIG. 4A) or the layout (FIG. 4B) of the editing layout, and the user can select the fixed version or any of the options. The layout is edited, and the editing area 205 corresponds to the layout and background selected by the user 10.

The image processing area 212 provides the above operations of masking, masking, softening, cropping, moving, and zooming. As shown in FIGS. 5A, 5B, 5C, 5D, and 5E, the user 10 can view the editing area 205 by the image processing area 212. The image processing module 1361 of the graphic image editing system 13 can edit the image data according to the operation signal generated by the user 10, and the user 10 can immediately The editing area 205 is the result of the editing.

The gallery area 213 is for displaying a plurality of different patterns. As shown in FIG. 6A and FIG. 6B, the user 10 can select or drag the pattern to the publishing material of the editing area 205, and batch or single. Editing the size or position of the graphic, the graphic processing module 1364 of the graphic image editing system 13 can perform the above editing according to the operation signal generated by the user 10, and the user 10 can immediately The result of the editing is obtained in the editing area 205.

The user 10 can access the edit area 205 through the text area 214. The text batch or single editing of the size, position or font, etc., as shown in FIG. 7A and FIG. 7B, the character processing module 1363 of the graphic image editing system 13 can be based on the operation signal generated by the user 10. The text is edited as described above, and the user 10 can immediately get the result of the editing in the editing area 205.

The setting area 215 is used for editing the page of the published material. As shown in FIG. 8, the user 10 can freely exchange, delete or add the page of the published material by the setting area 215, and the layout of the graphic image editing system 13 is processed. The module 1361 can be edited according to the operation signal generated by the user 10, and the user 10 can immediately obtain the result of the editing in the editing area 205. The publishing material that is edited by the user 10 can be converted into a publishing material of a different format by the conversion unit 137, and the publishing platform 134 can be viewed by the user 10 on the sharing platform 134. The editing user 10 can edit the graphic image editing system 13 on different platforms 12 through the application interface 132.

FIG. 9 is a schematic diagram showing the steps of the operation method of the image editing system 13. First, in step 301, the user 10 first selects a plurality of fixed layout materials provided by the graphic image editing system 13 or edits the layout. To edit the version used for publishing materials. Therefore, when the user 12 generates an external operation signal of the selected version (for example, the user 10 controls the cursor selection version of the electronic device), the processor 131 causes the layout to be processed according to the content of the operation signal generated by the application interface 132. The module 1362 selects one of the plurality of fixed-type version data from the storage unit 135 or the free-form layout type as the version used for the publication data, wherein the processor 131 can further perform the above according to the content of the operation signal. The existing layouts of the freely typed layouts are moved, rotated and scaled individually or in batches.

Then, in step 302, the user 10 uploads the image data to be used in the published data to the graphic image editing system 13, and the processor 131 receives the user 10 through the application interface 132 or the network unit 133. Transmitting the image data, the processor 131 stores the received image data in the storage unit 135, and causes the converting unit 137 to convert the received image data into a low-resolution format and a high-resolution format, so as to facilitate editing of the published material. When used.

Next, in step 303, the user 10 can edit the uploaded image data with the fixed version or the free layout type selected in step 301, wherein the image data in the fixed version is a fixed position, a size, and an orientation. The image data in the free layout can be edited at any position, size and orientation. The user 10 can add text or graphics to increase the aesthetics of the layout. In step 303, the processor 131 may cause the image processing module 1363 to batch or individually use the plurality of frame data and the plurality of soft edge data for the image data according to the content of the operation signal generated by the user 10. And a plurality of masked materials for editing such as frame, mask, soft edge, etc., and can cut, move or scale the image data according to requirements, or adjust the color tone, hue or brightness of the image data according to requirements, that is, the image processing module The 1363 can edit the image data in the currently edited layout or select the plurality of image data at the same time, and the processor 131 can cause the word processing module 1363 to be currently edited according to the content of the operation signal generated by the user 10. The text is added on the layout, and the size, font, color, position and the like of the text can be edited individually or in batches, that is, the word processing module 1363 can simultaneously perform the above-mentioned one or more characters in the currently edited layout. The edited text data stored in the storage unit 135 includes the above-mentioned colors and various font types. The processor 131 may further add a plurality of graphic materials to the currently edited layout according to the content of the operation signal generated by the user 10, and the graphic data may be a picture of love, flowers, stars, or edited characters. And the schema data may be pre-stored in the storage unit 135, and the processor 131 causes the schema processing module 1364 to move, rotate, and zoom the individual or batch of the schema in the currently edited layout according to the operation signal. Editing, that is, the schema processing module 1364 can be for one schema or at the same time Multiple schemas are used for the above editing. Next, in step 304, the user 10 ends the editing in step 303 and completes the publishing material, and then proceeds to step 305, and the conversion unit 137 converts the publishing material originally edited in the low-resolution format into a high-resolution format or other format. Publication materials, such as high-resolution Portable Document Format (PDF) or e-book format, high-resolution portable file format publications can be printed to print manufacturers, and e-books The published material in the format can be displayed on the sharing platform 134 for viewing by other users.

In summary, the image editing system of the present invention has the above-mentioned editing unit, so that when the user edits the published material by the graphic image editing system of the present invention, the editing layout and the image data can be adjusted at any time without limitation. In the fixed layout and image data, the user can edit the published materials through various application platforms through the application interface, that is, the graphic image editing system of the present invention obviously enables the user to have a better user experience and add editing. Convenience.

Although the present invention has been disclosed in the above embodiments, it is not intended to limit the present invention. Any one skilled in the art can make some modifications and retouchings without departing from the spirit and scope of the present invention. The scope is subject to the definition of the patent application scope.

131‧‧‧ processor

132‧‧‧Application Interface

133‧‧‧Network Unit

134‧‧‧Share platform

135‧‧‧ storage unit

136‧‧‧editing unit

137‧‧‧ conversion unit

1361‧‧‧Image Processing Module

1362‧‧‧ Layout processing module

1363‧‧‧ word processing module

1364‧‧‧Graphic Processing Module

Claims (12)

A graphic image editing system, comprising: an editing unit, configured to simultaneously batch edit and typeset a plurality of image data and generate a publishing material; a storage unit electrically coupled to the editing unit for storing The information required by the editing unit and the publishing material; an application interface for integrating the graphic image editing system with a plurality of platforms, and receiving a plurality of external operation signals actively transmitted by the platforms to output corresponding a plurality of operating signals of the platform; and a processor electrically coupled to the editing unit, the storage unit, and the application interface, the processor is configured to receive the operation signals, and control the operation signals according to the operation signals Edit the unit and the storage unit. The graphic image editing system of claim 1, wherein the published material is in a low resolution format. The image editing system of claim 1, wherein the image editing system further comprises: a conversion unit electrically coupled to the editing unit for receiving the published material and converting the published material into a different The data format. The graphic image editing system of claim 3, wherein the conversion unit converts the published material into a high-resolution format in an extensible markup language. The image editing system of claim 1, wherein the editing unit further comprises: An image processing module is configured to frame, shield, soften, crop, move, and zoom the image data according to the operation signals; a layout processing module is configured to the published data according to the operation signals The version is moved, rotated, and scaled; a word processing module is used to edit the size, font, color, and position of a text according to the operation signal, and the text can be edited in batches; and a graphic processing module is used. To move, rotate, and scale a pattern according to the operation signal. The graphic image editing system of claim 1, wherein the storage unit stores a plurality of the image data, the plurality of type materials, the plurality of text materials, the plurality of graphic materials, and the plurality of image editing materials. The graphic image editing system of claim 6, wherein the image editing materials comprise a plurality of frame data, a plurality of soft edge materials, and a plurality of masked materials. An operation method of a graphic image editing system, the graphic image editing system includes an editing unit, an application interface, and a processor, wherein the processor is configured to receive external operations actively transmitted by different platforms according to the application interface. An operation signal of the signal, and the processor controls the editing unit according to the operation signal, the steps of: editing the editing unit batch and selecting a version of the published material; and causing the editing unit to perform the plurality of image data The batch edits and completes the published material. The method for operating a graphic image editing system according to claim 8, wherein the graphic image editing system further comprises a converting unit, the step further comprising: causing the converting unit to convert the published material into a different data format. The method for operating a graphic image editing system according to claim 9, wherein the step of causing the converting unit to convert the published material into a different data format further comprises: converting the publishing material into an extensible markup language to convert the published data into High resolution format. The method for operating a graphic image editing system according to claim 8, wherein the editing unit further comprises an image processing module, a layout processing module, a word processing module, and a graphic processing module, so that the editing The unit batch editing and the step of selecting a version of the published material further includes: moving, rotating, and scaling the version of the layout processing module batch. The method for operating a graphic image editing system according to claim 11, wherein the step of causing the editing unit to batch edit an image data and completing the publishing data further comprises: causing the image processing module to perform the image data Performing frame, masking, softening, moving, and zooming; enabling the word processing module to batch edit the size, font, color, and position of the text; causing the graphic processing module to move, rotate, and Zoom.