TWI554894B - 圖文影像編輯系統及其操作方法 - Google Patents

Description

圖文影像編輯系統及其操作方法

本發明是有關於一種編輯系統，尤其是有關於一種可線上批次編輯影像的圖文影像編輯系統及其操作方法。

為了讓消費者可自行印製客製化之相本、記事本或其他包括多個影像的實體書本，各種線上印刷服務如雨後春筍般成長，但是當前的線上印刷服務通常為固定的編輯版型，也就是消費者只能根據服務提供商所提供之固定版型來製作，無法即時的對影像以及版型進行各種編輯，明顯造成消費者製作上的不便。

為了使消費者使用線上印刷服務時可即時的編輯版面以及影像並具有更佳的編輯體驗，本發明提出一種圖文影像編輯系統，其包括編輯單元、儲存單元、應用程式介面、以及處理器。編輯單元是用以對影像資料進行批次的編輯以及排版，並產生出版資料，儲存單元與編輯單元電性耦接，儲存單元是用以儲存編輯單元所需的資料以及前述之出版資料，應用程式介面是用以將圖文影像編輯系統與多個平台整合，並接收該些平台之多個外部操作訊號以輸出對應該 些平台的多個操作訊號，處理器與編輯單元、儲存單元以及應用程式介面電性耦接，處理器是用以接收該些操作訊號，並根據該些操作訊號控制編輯單元以及儲存單元。

在其他較佳的實施例中，本發明之圖文影像編輯系統更包括了轉換單元，所述轉換單元是用以接收上述之出版資料並將出版資料轉換為不同之資料格式。

本發明更提出了一種圖文影像編輯系統之操作方法，圖文影像編輯系統包括編輯單元、應用程式介面以及處理器，處理器是用以由應用程式介面接收對應不同平台的一操作訊號，處理器並根據操作訊號控制編輯單元，其步驟如下：使編輯單元批次編輯以及選定一出版資料的版型；以及，使編輯單元對一影像資料進行批次編輯並完成出版資料。

在其他較佳的實施例中，圖文影像編輯系統更包括一轉換單元，圖文影像編輯系統之操作方法的步驟更包括：使轉換單元將出版資料轉換為不同資料格式。

綜以上所述，本發明之圖文影像編輯系統因具有上述之編輯單元，因此消費者藉由本發明之圖文影像編輯系統編輯其實體書本時，可隨時調整編輯版面以及影像資料，無需受限於固定的版面以及影像資料，又消費者更可透過應用程式介面利用不同的平台編輯上述之書本，使消費者具有較佳的使用體驗，增加編輯的便利性。

為讓本發明之上述和其他目的、特徵和優點能更明顯易懂，下文特舉較佳實施例並配合所附圖式做詳細說明如下。

10‧‧‧使用者

11‧‧‧網路

12‧‧‧平台

13‧‧‧圖文影像編輯系統

131‧‧‧處理器

132‧‧‧應用程式介面

133‧‧‧網路單元

134‧‧‧分享平台

135‧‧‧儲存單元

136‧‧‧編輯單元

137‧‧‧轉換單元

200‧‧‧顯示畫面

201‧‧‧步驟區

202‧‧‧第一工具區

203‧‧‧低解圖像區

204‧‧‧第二工具區

205‧‧‧編輯區

211‧‧‧版面區

212‧‧‧影像處理區

213‧‧‧圖庫區

214‧‧‧文字區

215‧‧‧設定區

1361‧‧‧影像處理模組

1362‧‧‧版面處理模組

1363‧‧‧文字處理模組

1364‧‧‧圖式處理模組

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

圖1為使用本發明之圖文影像編輯系統之架構示意圖。

圖2為本發明之圖文影像編輯系統之系統架構示意圖。

圖3為本發明之圖文影像編輯系統之前後台架構示意圖。

圖4A為本發明之版面區之實施例一示意圖。

圖4B為本發明之版面區之實施例二示意圖。

圖5A為本發明之影像處理區之實施例一示意圖。

圖5B為本發明之影像處理區之實施例二示意圖。

圖5C為本發明之影像處理區之實施例三示意圖。

圖5D為本發明之影像處理區之實施例四示意圖。

圖5E為本發明之影像處理區之實施例五示意圖。

圖6A為本發明之圖庫區之實施例一示意圖。

圖6B為本發明之圖庫區之實施例二示意圖。

圖7A為本發明之文字區之實施例一示意圖。

圖7B為本發明之文字區之實施例二示意圖。

圖8為本發明之設定區之實施例示意圖。

圖9為本發明之圖文影像編輯系統的操作方法步驟示意圖。

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

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

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

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

編輯單元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以電子郵件、簡訊等方式直接傳送至外部之印刷廠商，印刷廠商即可據以進行印製出實體紙本之出版資料。

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

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

請參考圖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之出版資料進行不同編輯。

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

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

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

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

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

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

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

接著進行步驟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，供其他使用者觀看。

綜以上所述，本發明之圖文影像編輯系統因具有上述之編輯單元，因此使用者藉由本發明之圖文影像編輯系統編輯其出版資料時，可隨時調整編輯版面以及影像資料，無需受限於固定的版面以及影像資料，又使用者更可透過應用程式介面利用各種不同的平台編輯出版資料，也就是本發明之圖文影像編輯系統明顯可使使用者具有較佳的使用體驗，增加編輯的便利性。

雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何熟習此技術者，在不脫離本發明之精神和範圍內，當可做些許之更動與潤飾，因此本發明之保護範圍當視後付之申請專利範圍所界定者為準。

131‧‧‧處理器

132‧‧‧應用程式介面

133‧‧‧網路單元

134‧‧‧分享平台

135‧‧‧儲存單元

136‧‧‧編輯單元

137‧‧‧轉換單元

1361‧‧‧影像處理模組

1362‧‧‧版面處理模組

1363‧‧‧文字處理模組

1364‧‧‧圖式處理模組

Claims (12)

1. 一種圖文影像編輯系統，其包括：一編輯單元，用以對多個影像資料同時進行批次編輯以及排版並產生一出版資料；一儲存單元，與該編輯單元電性耦接，用以儲存該編輯單元所需的資料以及該出版資料；一應用程式介面，用以將該圖文影像編輯系統與多個平台整合，並接收該些平台主動傳送之多個外部操作訊號以輸出對應該些平台的多個操作訊號；以及一處理器，與該編輯單元、該儲存單元以及該應用程式介面電性耦接，該處理器是用以接收該些操作訊號，並根據該些操作訊號控制該編輯單元以及該儲存單元。
2. 如請求項1所述之圖文影像編輯系統，其中，該出版資料為低解析度格式。
3. 如請求項1所述之圖文影像編輯系統，該圖文影像編輯系統更包括：一轉換單元，與該編輯單元電性耦接，是用以接收該出版資料並將該出版資料轉換為不同之資料格式。
4. 如請求項3所述之圖文影像編輯系統，其中該轉換單元以可延伸標記式語言將該出版資料轉換為高解析度格式。
5. 如請求項1所述之圖文影像編輯系統，該編輯單元更包括： 一影像處理模組，用以根據該些操作訊號對該影像資料進行套框、屏蔽、柔邊、裁切、移動以及縮放；一版面處理模組，用以根據該些操作訊號對該出版資料的版型進行移動、旋轉以及縮放；一文字處理模組，用以根據該操作訊號編輯一文字的大小、字型、顏色以及位置，並可批次編輯該文字；以及一圖式處理模組，用以根據該操作訊號對一圖式進行移動、旋轉以及縮放。
6. 如請求項1所述之圖文影像編輯系統，其中該儲存單元儲存多個該影像資料、多個版型資料、多個文字資料、多個圖式資料以及多個影像編輯資料。
7. 如請求項6所述之圖文影像編輯系統，其中該些影像編輯資料包括多個套框資料、多個柔邊資料以及多個屏蔽資料。
8. 一種圖文影像編輯系統之操作方法，該圖文影像編輯系統包括一編輯單元、一應用程式介面以及一處理器，該處理器是用以由該應用程式介面接收對應不同平台主動傳送的外部操作訊號的一操作訊號，該處理器並根據該操作訊號控制該編輯單元，其步驟如下：使該編輯單元批次編輯以及選定一出版資料的版型；以及使該編輯單元對多個影像資料進行批次編輯並完成該出版資料。
9. 如請求項8所述之圖文影像編輯系統之操作方法，其中該圖文影像編輯系統更包括一轉換單元，所述步驟更包括：使該轉換單元將該出版資料轉換為不同資料格式。
10. 如請求項9所述之圖文影像編輯系統之操作方法，其中使該轉換單元將該出版資料轉換為不同資料格式之步驟更包括：該轉換單元以可延伸標記式語言將該出版資料轉換為高解析度格式。
11. 如請求項8所述之圖文影像編輯系統之操作方法，其中，該編輯單元更包括一影像處理模組、一版面處理模組、一文字處理模組以及一圖式處理模組，使該編輯單元批次編輯以及選定一出版資料的版型之步驟更包括：使該版面處理模組批次的對該版型進行移動、旋轉以及縮放。
12. 如請求項11所述之圖文影像編輯系統之操作方法，其中，使該編輯單元對一影像資料進行批次編輯並完成該出版資料之步驟更包括：使該影像處理模組對該影像資料進行套框、屏蔽、柔邊、移動以及縮放；使該文字處理模組對文字的大小、字型、顏色以及位置進行批次編輯；使該圖式處理模組對圖式進行移動、旋轉以及縮放。