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

Online image editing system and operation method thereof Download PDF

Info

Publication number
TWI554894B
TWI554894B TW104136352A TW104136352A TWI554894B TW I554894 B TWI554894 B TW I554894B TW 104136352 A TW104136352 A TW 104136352A TW 104136352 A TW104136352 A TW 104136352A TW I554894 B TWI554894 B TW I554894B
Authority
TW
Taiwan
Prior art keywords
editing
unit
editing system
processing module
graphic
Prior art date
Application number
TW104136352A
Other languages
Chinese (zh)
Other versions
TW201717060A (en
Inventor
何君毅
柯元凱
Original Assignee
程祺互動資訊有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 程祺互動資訊有限公司 filed Critical 程祺互動資訊有限公司
Priority to TW104136352A priority Critical patent/TWI554894B/en
Application granted granted Critical
Publication of TWI554894B publication Critical patent/TWI554894B/en
Publication of TW201717060A publication Critical patent/TW201717060A/en

Links

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‧‧‧使用者 10‧‧‧Users

11‧‧‧網路 11‧‧‧Network

12‧‧‧平台 12‧‧‧ platform

13‧‧‧圖文影像編輯系統 13‧‧‧ Graphic Image Editing System

131‧‧‧處理器 131‧‧‧ processor

132‧‧‧應用程式介面 132‧‧‧Application Interface

133‧‧‧網路單元 133‧‧‧Network Unit

134‧‧‧分享平台 134‧‧‧Share platform

135‧‧‧儲存單元 135‧‧‧ storage unit

136‧‧‧編輯單元 136‧‧‧editing unit

137‧‧‧轉換單元 137‧‧‧ conversion unit

200‧‧‧顯示畫面 200‧‧‧ display screen

201‧‧‧步驟區 201‧‧‧Step area

202‧‧‧第一工具區 202‧‧‧First Tool Zone

203‧‧‧低解圖像區 203‧‧‧Low resolution image area

204‧‧‧第二工具區 204‧‧‧Second Tool Zone

205‧‧‧編輯區 205‧‧‧editing area

211‧‧‧版面區 211‧‧‧ Layout area

212‧‧‧影像處理區 212‧‧‧Image Processing Area

213‧‧‧圖庫區 213‧‧‧ Gallery

214‧‧‧文字區 214‧‧‧ text area

215‧‧‧設定區 215‧‧‧Setting area

1361‧‧‧影像處理模組 1361‧‧‧Image Processing Module

1362‧‧‧版面處理模組 1362‧‧‧ Layout processing module

1363‧‧‧文字處理模組 1363‧‧‧ word processing module

1364‧‧‧圖式處理模組 1364‧‧‧Graphic Processing Module

301、302、303、304、305‧‧‧步驟 301, 302, 303, 304, 305 ‧ ‧ steps

圖1為使用本發明之圖文影像編輯系統之架構示意圖。 1 is a schematic diagram of the architecture of a graphic image editing system using the present invention.

圖2為本發明之圖文影像編輯系統之系統架構示意圖。 2 is a schematic diagram of a system architecture of a graphic image editing system of the present invention.

圖3為本發明之圖文影像編輯系統之前後台架構示意圖。 FIG. 3 is a schematic diagram of a background structure before the graphic image editing system of the present invention.

圖4A為本發明之版面區之實施例一示意圖。 4A is a schematic view showing a first embodiment of a layout area of the present invention.

圖4B為本發明之版面區之實施例二示意圖。 4B is a schematic view of the second embodiment of the layout area of the present invention.

圖5A為本發明之影像處理區之實施例一示意圖。 FIG. 5A is a schematic diagram of Embodiment 1 of an image processing area of the present invention.

圖5B為本發明之影像處理區之實施例二示意圖。 FIG. 5B is a schematic diagram of Embodiment 2 of the image processing area of the present invention.

圖5C為本發明之影像處理區之實施例三示意圖。 FIG. 5C is a schematic diagram of Embodiment 3 of the image processing area of the present invention.

圖5D為本發明之影像處理區之實施例四示意圖。 FIG. 5D is a schematic diagram of Embodiment 4 of the image processing area of the present invention.

圖5E為本發明之影像處理區之實施例五示意圖。 FIG. 5E is a schematic diagram of Embodiment 5 of the image processing area of the present invention.

圖6A為本發明之圖庫區之實施例一示意圖。 FIG. 6A is a schematic diagram of Embodiment 1 of a library area of the present invention.

圖6B為本發明之圖庫區之實施例二示意圖。 FIG. 6B is a schematic diagram of Embodiment 2 of the library area of the present invention.

圖7A為本發明之文字區之實施例一示意圖。 FIG. 7A is a schematic diagram of Embodiment 1 of the text area of the present invention.

圖7B為本發明之文字區之實施例二示意圖。 FIG. 7B is a schematic diagram of Embodiment 2 of the text area of the present invention.

圖8為本發明之設定區之實施例示意圖。 Figure 8 is a schematic view showing an embodiment of a setting area of the present invention.

圖9為本發明之圖文影像編輯系統的操作方法步驟示意圖。 FIG. 9 is a schematic diagram showing the steps of an operation method of the graphic image editing system of the present invention.

請先參考圖1,其包括多個使用者10、網路11、多個平台12以及圖文影像編輯系統13,使用者10可透過手機、平板電腦、筆記型電腦或桌上型電腦等電子裝置與無線網路或有線網路等網路11連線,並藉由網路11與上述之多個平台12或圖文影像編輯系統13連線,所述多個平台12可以是Google、Yahoo、百度等網路平台、Facebook、微博等社群平台或者是手機應用程式APP等平台,因此使用者10可藉由不同的平台12與圖文影像編輯系統13連線,或者透過網 路11直接與圖文影像編輯系統13連線,以進行出版資料的製作以及編輯,所述出版資料可以是書本、相本或筆記本等具有使用者所上傳的影像資料以及文字或圖式等版面編輯素材的實體紙本。 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.

接著請參考圖2,圖2為圖文影像編輯系統13之系統架構示意圖,圖文影像編輯系統13可以為一圖文影像編輯系統伺服器,並可以java技術進行開發,其中,圖文影像編輯系統13包括一處理器131、一應用程式介面132、一網路單元133、一分享平台134、一儲存單元135、一編輯單元136以及一轉換單元137。 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.

上述之應用程式介面132可以為應用編程介面(Application Programming Interface,API),圖文影像編輯系統13可透過應用程式介面132與上述之多個平台12整合,當使用者10藉由上述之電子裝置與平台12連線,並由平台12操作圖文影像編輯系統13時,應用程式介面132會接收到根據使用者10的操作所產生的多個外部操作訊號以及使用者所上傳的多個影像資料,影像資料可以是肖像照、生活照、團體照等影像,應用程式介面132並根據所接收的外部操作訊號輸出對應的操作訊號。處理器131與應用程式介面132、網路單元133、分享平台134、儲存單元135、編輯單元136以及轉換單元137電性耦接,處理器131是用以接收上述之操作訊號以及影像資料,並根據操作訊號進行對應之控制。 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.

儲存單元135與處理器131電性耦接,是用以儲存編輯單元136所使用的多個上述的影像資料,以及圖文影像編輯系統13預先儲存之多個版型資料、多個文字資料、多個圖式資料以及多個影像編輯資料,所述影像編輯資料更包括多個套框資料、多個柔邊資料以及多個屏蔽資料,儲存單元135更儲存上述之出版資料。 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.

編輯單元136包括影像處理模組1361、版面處理模組1362、文字處理模組1363、以及圖式處理模組1364,影像處理模組1363是用以對出版資料中的影像資料進行套框、屏蔽、柔邊、裁切、移動以及縮放等編輯。版面處理模組1362是用以將使用者10所選擇之版型套用於上述之出版資料,或對出版資料的版型進行移動、旋轉以及縮放,所述版型即影像資料、圖式或文字於出版資料之位置、大小或方位以及出版資料之頁面配置,版面處理模組1362更可以使用者10自行上傳之背景資料或者儲存於儲存單元135之背景資料更改出版資料之背景畫面。文字處理模組1363是用以編輯出版資料中多個文字的大小、字型、顏色以及位置,文字處理模組1363並可批次的對多個文字進行上述之編輯。圖式處理模組1364是用以對出版資料中的圖式進行移動、旋轉以及縮放。轉換單元137與編輯單元136以及儲存單元135電性耦接,是用以將接收的影像資料轉換為低解析度格式以及高解析度格式並儲存至儲存單元135中,轉換單元137更接收編輯單元136編輯完成之出版資料,並將出版資料轉換為所需之格式,例如出版資料之影像資料在編輯時為低解析度格式,轉換單元137可以可延伸標記式語言(eXtensible Markup Language,XML)將低解析度格式的影像資料轉換為儲存於儲存單元135之高解析度格式,又或者將出版資料轉換為電子書格式,如HTML5、TXT、HLP等格式或可携式文件格式(Portable Document Format,PDF),轉換單元137並將各種不同格式之出版資料儲存於上述之儲存單元135,其中,轉換成高解析度格式可携式文件格式之出版資料更可藉由網路單元133以電子郵件、簡訊等方式直接傳送至外部之印刷廠商,印刷廠商即可據以進行印製出實體紙本之出版資料。 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.

分享平台134與處理器131電性耦接,分享平台 134可以為圖文影像編輯系統13之網站,分享平台134可以電子書之方式顯示已轉換成電子書格式之出版資料,使非編輯者的其他使用者10可透過分享平台134檢視或評價完成之出版資料,編輯者的使用者10與提供圖文影像編輯系統13服務之服務商更可藉由分享平台134所提供的留言服務於線上交流。 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.

網路單元133與處理器131以及前述之網路11電性耦接,使圖文影像編輯系統13透過網路單元133與網路11連線,使用者除了可透過各種不同平台12與圖文影像編輯系統13連線外,更可直接通過網路11與圖文影像編輯系統13連線來編輯前述之出版資料。接著以下將配合圖式說明上述之圖文影像編輯系統13的操作方法。 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.

請參考圖3,以下將以圖3說明使用者10如何使用圖文影像編輯系統13。首先顯示畫面200為使用者10透過上述之電子裝置操作圖文影像編輯系統13時顯示於電子裝置之畫面實施例示意圖,因此使用者10可透過點選或拖曳顯示畫面200中之物件來對圖文影像編輯系統13進行操作。顯示畫面200並包括了步驟區201、第一工具區202、低解圖像區203、第二工具區204以及編輯區205。上述之步驟區201是用以顯示目前使用者10編輯步驟,例如編輯內頁、編輯封面、出版資料預覽等步驟。低解圖像區203是用以顯示使用者10上傳至圖文影像編輯系統13且已被轉換為低解析度格式並儲存於儲存單元135的影像資料,因此使用者10在編輯時可直覺的選取或以拖曳的方式將影像資料增加至出版資料中。編輯區205是用以顯示使用者10所編輯的版面、影像資料、圖式以及文字,如使用者10可於低解圖像區203中選取或拖曳影像資料至編輯區205。第二工具區204則包括各種對齊工具以及尺寸快速設定工具,使用者10可藉由第二工具區204對 影像資料進行靠左對齊或靠右對齊等編輯或影像資料的尺寸編輯。第一工具區202更包括版面區211、影像處理區212、圖庫區213、文字區214以及設定區215,第一工具區202是用以切換上述之版面區211、影像處理區212、圖庫區213、文字區214以及設定區215,使使用者10可對編輯區205之出版資料進行不同編輯。 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.

版面區211是用以提供使用者10進行版面的選擇或者編輯,圖文影像編輯系統13之版面處理模組1362即可根據使用者10所產生的操作訊號進行版面的選擇或者編輯,使用者10並可即時的在編輯區205得到編輯之結果。如圖4A以及4B所示,當使用者10選擇了版面區211,使用者10可選擇編輯版面的背景(圖4A)或者版型(圖4B),使用者更可選擇以固定版型或者任意版型來編輯,編輯區205即對應顯示使用者10所選擇的版型以及背景。 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.

影像處理區212提供上述之套框、屏蔽、柔邊、裁切、移動以及縮放等操作,如圖5A、5B、5C、5D以及5E所示,使用者10可以影像處理區212對編輯區205之影像資料批次或單一的進行上述之編輯,圖文影像編輯系統13之影像處理模組1361即可根據使用者10所產生的操作訊號進行影像資料的編輯,使用者10並可即時的在編輯區205得到編輯之結果。 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.

圖庫區213是用以顯示多個不同的圖式,如圖6A以及圖6B所示,使用者10可以選擇或拖曳的方式將圖式增加至編輯區205的出版資料中,並批次或單一的對圖式的大小或位置進行編輯,圖文影像編輯系統13之圖式處理模組1364即可根據使用者10所產生的操作訊號對圖式進行上述之編輯,使用者10並可即時的在編輯區205得到編輯之結果。 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.

使用者10可透過文字區214對編輯區205中的 文字批次或單一的進行大小、位置或者字型等的編輯,如圖7A以及圖7B所示,圖文影像編輯系統13之文字處理模組1363即可根據使用者10所產生的操作訊號對文字進行上述之編輯,使用者10並可即時的在編輯區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.

設定區215是用以對出版資料的頁面進行編輯,如圖8所示,使用者10可藉由設定區215自由交換、刪除或新增出版資料之頁面,圖文影像編輯系統13之版面處理模組1361即可根據使用者10所產生的操作訊號進行編輯,使用者10並可即時的在編輯區205得到編輯之結果。使用者10完成編輯的出版資料可藉由上述之轉換單元137將出版資料轉換成不同格式的出版資料,如使用者10可於的分享平台134閱覽已轉換成電子書格式之出版資料。而上述之編輯使用者10都可藉由應用程式介面132在不同的平台12上對圖文影像編輯系統13進行編輯。 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.

圖9為圖文影像編輯系統13的操作方法步驟示意圖,首先在步驟301,使用者10需先選定使用圖文影像編輯系統13所提供的多個固定的版型資料或者以自行編輯的版型來編輯出版資料所使用之版型。因此當使用者12產生選擇版型的外部操作訊號時(如使用者10控制電子裝置之游標選擇版型),處理器131根據應用程式介面132對應產生的操作訊號之內容,使上述之版面處理模組1362由儲存單元135中選擇多個固定版型的版型資料的其中之一或者自由排版版型為出版資料所使用之版型,其中,處理器131更可根據操作訊號之內容對上述之自由排版版型中已存在的版型個別或批次的進行移動、旋轉以及縮放。 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.

接著在步驟302中,使用者10將出版資料中所欲使用的影像資料上傳至圖文影像編輯系統13,處理器131透過應用程式介面132或網路單元133接收到使用者10所上 傳之影像資料,處理器131並會將接收的影像資料儲存於儲存單元135中,並使轉換單元137將接收的影像資料轉換為低解析度格式以及高解析度格式,以便於在編輯出版資料時使用。 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.

接著進行步驟303,使用者10可將上傳之影像資料以步驟301中所選擇的固定版型或者自由排版版型來編輯,其中,在固定版型中的影像資料為固定位置、大小以及方位,自由排版版型中影像資料可隨意編輯其位置、大小以及方位,使用者10更可加入文字或者圖式以增加版面的美觀。在步驟303中,處理器131可根據使用者10所產生的操作訊號之內容使影像處理模組1363批次或個別的對上述之影像資料以前述之多個套框資料、多個柔邊資料以及多個屏蔽資料進行套框、屏蔽、柔邊等編輯,並可根據需求裁切、移動或縮放影像資料,又或者根據需求調整影像資料之色階、色調或亮度等,即影像處理模組1363可對目前編輯的版面中的一個影像資料或同時選取多個影像資料進行上述之編輯,此外處理器131可根據使用者10所產生的操作訊號之內容使文字處理模組1363於當前編輯的版面上增加文字,並可個別或批次的對文字進行大小、字型、顏色以及位置等的編輯,即文字處理模組1363可對目前編輯的版面中的一個文字或者多個文字同時進行上述之編輯,儲存單元135所儲存之文字資料包括上述之顏色以及各種字型。處理器131更可根據使用者10所產生的操作訊號之內容增加多個圖式資料于目前編輯的版面中,所述圖式資料可以是愛心、花朵、星星或者包括已編輯的文字等圖式,且所述圖式資料可預先儲存於儲存單元135中,處理器131並根據操作訊號使圖式處理模組1364對目前編輯的版面中的圖式個別或批次的進行移動、旋轉以及縮放的編輯,即圖式處理模組1364可對一個圖式或同時對 多個圖式進行上述之編輯。接著在步驟304,使用者10結束在步驟303的編輯並完成出版資料,接著進行步驟305,藉由轉換單元137將原本以低解析度格式編輯的出版資料轉換成高解析度格式或其他格式的出版資料,如高解析度的可攜式文件格式(Portable Document Format,PDF)或電子書格式,高解析度的可攜式文件格式的出版資料即可提供至印刷廠商進行印製,而電子書格式之出版資料則可用以顯示於分享平台134,供其他使用者觀看。 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‧‧‧處理器 131‧‧‧ processor

132‧‧‧應用程式介面 132‧‧‧Application Interface

133‧‧‧網路單元 133‧‧‧Network Unit

134‧‧‧分享平台 134‧‧‧Share platform

135‧‧‧儲存單元 135‧‧‧ storage unit

136‧‧‧編輯單元 136‧‧‧editing unit

137‧‧‧轉換單元 137‧‧‧ conversion unit

1361‧‧‧影像處理模組 1361‧‧‧Image Processing Module

1362‧‧‧版面處理模組 1362‧‧‧ Layout processing module

1363‧‧‧文字處理模組 1363‧‧‧ word processing module

1364‧‧‧圖式處理模組 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. 如請求項1所述之圖文影像編輯系統,其中,該出版資料為低解析度格式。 The graphic image editing system of claim 1, wherein the published material is in a low resolution format. 如請求項1所述之圖文影像編輯系統,該圖文影像編輯系統更包括:一轉換單元,與該編輯單元電性耦接,是用以接收該出版資料並將該出版資料轉換為不同之資料格式。 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. 如請求項3所述之圖文影像編輯系統,其中該轉換單元以可延伸標記式語言將該出版資料轉換為高解析度格式。 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. 如請求項1所述之圖文影像編輯系統,該編輯單元更包括: 一影像處理模組,用以根據該些操作訊號對該影像資料進行套框、屏蔽、柔邊、裁切、移動以及縮放;一版面處理模組,用以根據該些操作訊號對該出版資料的版型進行移動、旋轉以及縮放;一文字處理模組,用以根據該操作訊號編輯一文字的大小、字型、顏色以及位置,並可批次編輯該文字;以及一圖式處理模組,用以根據該操作訊號對一圖式進行移動、旋轉以及縮放。 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. 如請求項1所述之圖文影像編輯系統,其中該儲存單元儲存多個該影像資料、多個版型資料、多個文字資料、多個圖式資料以及多個影像編輯資料。 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. 如請求項6所述之圖文影像編輯系統,其中該些影像編輯資料包括多個套框資料、多個柔邊資料以及多個屏蔽資料。 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. 如請求項8所述之圖文影像編輯系統之操作方法,其中該圖文影像編輯系統更包括一轉換單元,所述步驟更包括:使該轉換單元將該出版資料轉換為不同資料格式。 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. 如請求項9所述之圖文影像編輯系統之操作方法,其中使該轉換單元將該出版資料轉換為不同資料格式之步驟更包括:該轉換單元以可延伸標記式語言將該出版資料轉換為高解析度格式。 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. 如請求項8所述之圖文影像編輯系統之操作方法,其中,該編輯單元更包括一影像處理模組、一版面處理模組、一文字處理模組以及一圖式處理模組,使該編輯單元批次編輯以及選定一出版資料的版型之步驟更包括:使該版面處理模組批次的對該版型進行移動、旋轉以及縮放。 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. 如請求項11所述之圖文影像編輯系統之操作方法,其中,使該編輯單元對一影像資料進行批次編輯並完成該出版資料之步驟更包括:使該影像處理模組對該影像資料進行套框、屏蔽、柔邊、移動以及縮放;使該文字處理模組對文字的大小、字型、顏色以及位置進行批次編輯;使該圖式處理模組對圖式進行移動、旋轉以及縮放。 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.
TW104136352A 2015-11-04 2015-11-04 Online image editing system and operation method thereof TWI554894B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW104136352A TWI554894B (en) 2015-11-04 2015-11-04 Online image editing system and operation method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW104136352A TWI554894B (en) 2015-11-04 2015-11-04 Online image editing system and operation method thereof

Publications (2)

Publication Number Publication Date
TWI554894B true TWI554894B (en) 2016-10-21
TW201717060A TW201717060A (en) 2017-05-16

Family

ID=57848391

Family Applications (1)

Application Number Title Priority Date Filing Date
TW104136352A TWI554894B (en) 2015-11-04 2015-11-04 Online image editing system and operation method thereof

Country Status (1)

Country Link
TW (1) TWI554894B (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6577311B1 (en) * 1999-12-16 2003-06-10 Picture Iq Corporation Techniques for automatically providing a high-resolution rendering of a low resolution digital image in a distributed network
TWI235303B (en) * 2003-07-22 2005-07-01 Yuen Foong Paper Co Ltd Digital content management system, method and application method thereof
TW200830199A (en) * 2007-01-05 2008-07-16 Mediafun Creative Co Online picture/article/image editing system and print on demand (POD) operation platform
US20110013203A1 (en) * 2009-07-20 2011-01-20 Aryk Erwin Grosz Method for Determining Effective Core Aspect Ratio for Display of Content Created in an Online Collage-Based Editor

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6577311B1 (en) * 1999-12-16 2003-06-10 Picture Iq Corporation Techniques for automatically providing a high-resolution rendering of a low resolution digital image in a distributed network
TWI235303B (en) * 2003-07-22 2005-07-01 Yuen Foong Paper Co Ltd Digital content management system, method and application method thereof
TW200830199A (en) * 2007-01-05 2008-07-16 Mediafun Creative Co Online picture/article/image editing system and print on demand (POD) operation platform
US20110013203A1 (en) * 2009-07-20 2011-01-20 Aryk Erwin Grosz Method for Determining Effective Core Aspect Ratio for Display of Content Created in an Online Collage-Based Editor

Also Published As

Publication number Publication date
TW201717060A (en) 2017-05-16

Similar Documents

Publication Publication Date Title
US20140380229A1 (en) System, method and user interface for designing customizable products from a mobile device
US10353999B2 (en) Information processing system, server apparatus, control method, and storage medium
US11170159B1 (en) System and method for using a dynamic webpage editor
US20150193387A1 (en) Cloud-based font service system
US11113589B2 (en) System and method for printing customized items
US10353998B2 (en) Information processing apparatus with real time update related to data edited while form document data is browsed, control method, and storage medium
US20160232151A1 (en) Responsive course design system and method
TWI554894B (en) Online image editing system and operation method thereof
US20120253968A1 (en) Efficient choice selection in a user interface
KR20200098286A (en) Deviec, system and method of providing service of creating detailed pages for sales item on open market
US10839146B2 (en) Information processing system, information processing apparatus, control method, and storage medium
US20120110503A1 (en) Imaging product selection system
JP6330488B2 (en) Information processing apparatus, recording system, and program
CN106649247A (en) Text-and-image editing system and operation method thereof
JP6962352B2 (en) Information processing equipment, recording systems, and programs
KR20160144136A (en) Method and program of generating a smart catalog
JP6810719B2 (en) Information processing equipment, recording systems, and programs
US20150242372A1 (en) System, apparatus and method for layout of information from different content sources onto a page
JP6341259B2 (en) Typesetting device, typesetting program and typesetting method
Manual April 2014
JP6724823B2 (en) Advertisement creation device and program
US20180239746A1 (en) Information processing apparatus
JP2015203973A (en) Logo creation device and logo creation method
JP2018067856A (en) Program run by information processing terminal and information processing terminal
Elmansy Photo Editing for Social Networks

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees