有圖全媒體設計云平臺使用手冊

2017-01-22
   
前言


本手冊內容改動及版本更新將不再另行通知。本手冊的范例中使用的人名、公司名和資料如果沒有特別指明,均屬虛構。對于本手冊、及本手冊涉及的技術和產品,北京有圖互聯科技股份有限公司擁有其專利、商標、著作權或其它知識產權,除非得到北京有圖互聯科技股份有限公司的書面許可,本手冊不授予這些專利、商標、著作權或其它知識產權的許可。


版權所有◎(2015~2016)北京有圖互聯科技股份有限公司保留所有權利,有圖是北京有圖互聯科技股份有限公司的注冊商標。


MicrosoftMS-DOSWindowsWindows NTMicrosoft 公司的商標或注冊商標。


其它標牌和產品名稱是其各自公司的商標或注冊商標。


有圖全媒體設計云平臺的一切有關權利屬于北京有圖互聯科技股份有限公司所有。


本手冊中所涉及的軟件產品及其后續升級產品均由北京有科技股有限公司制作并負責全權銷售。


地址:北京海淀區農大南路1號硅谷亮城2號樓B座221


電話:(010)82601865   傳真:(010)62667192


網址:www.360youtu.com


   
有圖全媒體設計云平臺介紹


有圖網(www.360youtu.com )是北京有圖互聯科技股份有限公司旗下互聯網自助設計及印刷平臺。


有圖全媒體設計云平臺能夠更快、更輕松地高效設計用于印刷或屏幕顯示的頁面布局。能夠幫您優化設計和排版像素的多功能桌面出版應用程序。創建用于打印、平板電腦和其他屏幕中的優質和精美的頁面。各種功能組件能夠輕松調整版面,使其適應不同的頁面大小、方向或設備,獲得更佳的效果。


有圖全媒體設計云平臺H5輕應用是用于創建動畫和多媒體內容的強大的創作平臺。設計身臨其境、而且在臺式計算機和平板電腦、智能手機和電視等多種設備中都能呈現一致效果的互動體驗。可方便地將多個符號和動畫序列合并為一個優化的子畫面從而改善工作流程,使用原生擴展訪問設備特有的功能從而創作更加引人入勝的內容,以及創建用于 HTML5 中的資產和動畫。


通過該平臺,您可以輕松的將自己喜歡的照片、文字放入有圖編輯器,H5輕應用、微場景、云畫冊、紀念冊、臺歷、名片、宣傳冊等各種可變數據印刷品……


通過選擇不同的裝訂方式和紙張,您可以得到不同形態的產品,如騎馬釘樣式的雜志、硬殼精裝書、普通膠裝書、蝴蝶對裱畫冊、絨面高檔雙面沖印相冊等。


有圖網針對不同的產品和客戶需求提供了個性印品(離線編輯)和電子書(在線編輯)兩種自助排版工具。在線編輯器簡單實用,適合不需要對作品進行設計的客戶使用,離線編輯器功能豐富,有巨大的設計發揮空間,適合大多數客戶使用。使用有圖編輯器,您可以拋棄Photoshop、InDesign、AI等專業軟件;遠離那些深澀的印刷專業術語;避免和印刷企業做不對等的交流,輕松搞定自己的創意作品從設計、排版、看樣、下單到印刷的全過程。


   
安裝


用戶可以通過訪問有圖網(www.360youtu.com) 首頁,下載有圖全媒體設計云平臺,如圖所示:

blob.png

選擇對于對應的版本,有圖支持windows系統和蘋果系統,點擊對應版本以后,彈出下載框,根據電腦所支持的下載程序不同,彈出的下載界面有所區別,本案以迅雷下載為例:


下載界面,選擇好文件存放位置,本案文件存放在桌面

下載完成以后桌面上有了youtu.exe的圖標,雙擊該圖標開始進行有圖全媒體設計云平臺安裝


第一步,安裝程序提示信息,點擊下一步


第二步,選擇有圖全媒體設計云平臺安裝位置,默認為系統的程序文件夾,用戶可以自行修改,如果您不能理解此項,請使用默認,點擊下一步。


安裝前確認信息,如果需要修改,點擊上一步,如果不需要,點擊開始,進行安裝


系統開始安裝,等待進度條完成到100%


安裝程序完成100%以后,程序會進行系統環境配置,這是有圖全媒體設計云平臺使用的必須配置,用戶需等待系統配置完成,不用做任何操作。

配置完成以后,出現系統提示界面,點擊“退出”。系統會默認啟動有圖全媒體

設計云平臺,或者用戶在桌面上點擊圖標,也可以啟動有圖全媒體設計云平臺程序。


特別提示:

在安裝過程中,如果出現以下問題,屬于正常現象,可以自行下載組件,或者聯系有圖客服解決:



   
使用說明


(一)畫冊制作

選擇需要制作的產品,通過主界面左側上方下拉框選擇相應版塊,如“畫冊/電子書”版塊,然后在“產品庫”選擇相應款式,然后在“主題庫”選擇相應主題,右側會展現相應模板。如下圖所示:

blob.png


看中某一個模板后,可以預覽是不是自己需要的,模板右上角有個數字,是本模板的價格標識,沒有數字的代表本模板是免費的。選擇好模板以后,點擊“打開”,進入作品設計如果沒有適合的模板,您也可創建空白模板進行創作。如下圖所示:

blob.png


具體操作如下:


1)導入圖片

點擊“導入圖片”按鈕

blob.png

需要說明的是,本處有兩個黑色功能按鈕,單擊第一個黑色按鈕即可導入PDF文件;單擊第二個黑色按鈕即可導入photoshop文件。


在用戶計算機上找到需要使用的圖片,利用Ctrl或者Shift鍵進行多選,選擇好以后點擊打開。系統開始導入選擇圖片,如下圖所示:

blob.png


圖片導入后顯示的結果如下圖所示:

blob.png

選擇“由遠及近”可以重新排列圖片,在圖片較多時,可以按照命名順序自動排序。


2)將圖片放入模板中

blob.png


導入圖片以后,可以使用“自動填圖”功能,單擊由雙箭頭組成的循環按鈕即可把導入進來的圖片自動填充到右側模板圖片框里。

blob.png


自動填圖效果如下:

blob.png

除了自動填圖外,用戶可以使用鼠標左鍵選擇圖片,并點擊不放,拖動到模板的圖片框中,松開鼠標左鍵,即可將圖片填入所定位置。


其他一些功能使用說明:

(1)加頁,下圖為加頁前的顯示效果。


在每兩頁的右上角有一個,鼠標左鍵點擊以后就在該頁后面增加兩頁,加頁后的效果如下圖!


也可以使用,在頁面上用鼠標右鍵單擊,一次性增加多頁,如下圖顯示狀態:

使用鼠標滑動選擇增加4、8、16頁均可。選中以后用左鍵點擊一次,即可增加相應頁。同時,單頁右鍵菜單還具有復制當前頁,替換當前頁,刪除當前頁的功能。

復制當前頁:將當前頁存儲于系統緩存中,便于在其他位置使用該頁。

替換當前頁:用系統緩存中保持的復制頁,替換當前頁面。

刪除當前頁:點擊以后,當前頁被刪除,后頁前移,由于印刷品的特殊需要,刪除時采用兩頁同時刪除的方式。


(2)調整頁序

調整前頁面順序如下圖:


單擊頁面,在頁面頂部出現調整順序和交換頁面的按鈕

調整順序:鼠標左鍵點擊調整順序,不松開鼠標,將頁拖動到需要的位置,放開鼠標左鍵,原來的第5頁調整到了第7頁位置,原來的6、7頁順序往前,變成5、6頁,調整過程及效果如上。


交換頁面:交換頁面是指將選中的當前頁和目標也進行替換,目標頁和交換頁之間的頁面不動。方法:鼠標左鍵點擊交換頁面不放,拖動到目標頁面,松開鼠標左鍵即可

交換頁面按鈕

交換結果,5、8頁交換,6、7頁未動


(3)使用布局

blob.png

鼠標左鍵點擊“布局”,進入到頁面布局調整功能,默認模板中已經具有的布局,可以通過此功能進行調整,或者自由使用布局(包括自由確定照片位置、角度等),使用布局以后,圖片和文字按照選擇的布局進行排列,在使用布局時可以選擇

勾選以后再選擇布局,則所有頁面都按照此規則使用布局,例:所有左頁使用使用相同布局!


使用前


使用后


(4)使用素材,鼠標左鍵點擊“素材”,進入素材調整功能

 

有圖素材包括:背景、邊框、裝飾圖庫

背景:指頁面背景(底色、底圖,位于頁面的最下層,所有的圖片、文字、裝飾等都位于背景之上),背景可以應用到所有頁,也可以單頁調整。


單頁調整:鼠標左鍵點擊需要調整背景的頁,再點擊背景,即可被更換。


所有頁調整,勾選,選擇背景,即可更換所有頁背景。

程序默認提供了數量有限的背景,更多背景可以通過背景下的“下載更多”或者使用自己照片,為了便于背景的管理,背景采用了分類機制,用戶可以選擇特定分類進行背景挑選。


邊框:邊框是針對圖片而言,選擇圖片,再進行邊框選擇,同背景一樣,也可以選擇所有圖片使用同樣的邊框。


裝飾:有圖全媒體設計云平臺提供了豐富的矢量化的裝飾供用戶使用

鼠標移動到裝飾圖上會顯示該裝飾的放大圖,左鍵選擇要使用的裝飾,不放開鼠標,拖動到需要放置裝飾的位置,如下圖


松開鼠標,裝飾即被放入


(5)高級編輯模式,鼠標左鍵雙擊頁面,進入頁面編輯模式,可以進行圖片調整、文字編輯等功能。

blob.png


調整圖片,鼠標左鍵單擊圖片以后,出現圖片調整功能,如下圖

blob.png


圖片提供選擇、放大、縮小等自由變換功能。

左右拖拽,放到或縮小圖片顯示范圍

鎖定比例放大縮小圖片顯示范圍


多圖層次操作:

鼠標右鍵,點擊需要調整層次的圖片,上移或者下移,見下圖


移動層次效果

編輯文字,按照提示,雙擊文字框,加入文字,如果沒有加入文字,“雙擊輸入文字”字樣不會在最終產品中呈現。


雙擊以后

blob.png


功能區介紹:

blob.png

隨機變換布局

自動填圖

blob.png

在頁面上加入文本框

在頁面上加入圖片框

blob.png

在頁面上增加矢量圖形,如圓形、三角形、直線、表格、長方形、正方形等

blob.png

對齊工具,水平左對齊、水平居中對齊、水平右對齊、垂直左對齊、垂直居中對齊、垂直右對齊

blob.png

顯示標尺

blob.png

全部頁顯示

blob.png

對頁顯示和單頁顯示

blob.png

保存作品到本地,以便下次編輯

blob.png

導出頁面為圖片,導出的頁面格式為JPG圖片,精度分為預覽級別的150dpi和打印級別的300dpi兩種。

blob.png

預覽及發布為電子書。

blob.png

購買印刷品,訂購上傳作品到會員中心-我的作品


提交訂單,完成排版布局以后,點擊blob.png即可進入訂購流程

點擊訂購按鈕后彈出登陸用戶名,沒有用戶的選擇注冊按鈕去注冊用戶,已經注冊過的用戶的直接輸入用戶名和密碼登陸,進入下一步選擇上傳版本


選擇好想到的版本,選好方式以后點擊下一步,系統進入自動檢查作業,根據檢查提示,做對應的調整,調整好以后,再重復訂購過程,直到沒有警告。


當檢查沒有錯誤時,點擊下一步,程序自動處理特效和上傳作品,系統進行上傳文件時請等待程序完成,由于用戶使用的照片不同,編輯的畫冊頁數不同,網絡帶寬不同,因此上傳時間不同。上傳完成以后,自動彈出網頁會員中心-我的作品



點擊購買印刷版,加入購物車頁面,在購物車界面選擇相應的配置,包括,數量、裝訂方式、紙張、是否覆膜等信息。點擊“下一步”

所購物品摘要顯示,此時,用戶還可以對訂單進行再編輯。確定以后點擊“立即購買”


填入相關信息, 點擊下一步進入支付流程。支付流程是標準流程,此說明中不再提及。支付完成以后,有圖網會有客服人員專門進行訂單處理,如果有問題,客服會主動和用戶取得聯系,因此,客戶下單中留下正確的聯系方式尤為重要。


查看訂單流程、第一時間獲取有圖優惠信息,請關注微信有圖網公眾賬號youtu360,或直接掃描二維碼。


(二)電子書制作

電子書制作大部分操作與第一部分的“畫冊制作”步驟相同。不同之處如下:

近日,有圖電子書再填內頁跳轉和鏈接網址功能。內頁跳轉功能可廣泛解決諸如目錄生成、內頁跳轉等需求。鏈接網址功能可廣泛解決諸如網址鏈接、視頻播放等需求。

 01 內頁跳轉功能

內頁跳轉功能可廣泛解決生成目錄、內頁返回跳轉等需求。

具體操作如下:

  1. 在有需要跳轉的內容處畫出對象(如:長方形);

  2. 在“編輯圖形”彈出界面選擇跳轉類型為內頁;

  3. 下拉頁面,選擇需要跳轉到的頁面。

    如下圖所示:

blob.png

 02 網址鏈接功能

網址鏈接功能可廣泛解決諸如外部網址鏈接、視頻播放等需求。

具體操作如下:

  1. 在有需要增加外鏈的地方畫出對象(如:文本框);

  2. 在“編輯文本”彈出界面選擇跳轉類型為網址;

  3. 在網址輸入框輸入需要跳轉的網址。

    如下圖所示:

blob.png


 03 頁面標題功能

頁面標題作為另外一種快速瀏覽或者目錄功能,可以解決目錄呈現的多樣化。

需要增加頁面標題,只需要單擊編輯界面側上方按鈕即可,如下圖所示:

blob.png


添加內容,發布后內容呈現形式如下:

blob.png電子書制作完畢后,點擊右上角“預覽及發布為電子書”按鈕即可發布。點擊按鈕后出現如下界面:

blob.png

用戶可以選擇新建發布還是替換原有作品。

 選擇“新建發布”后,出現如下對話框:

blob.png

此對話框信息將出現在分享界面處。填寫完畢后,點擊確定,系統自動上傳作品。系統上傳完成后,即發布完成,同時可以做各種發布設置,如下:

blob.png


(三)H5制作

在首頁選擇“H5微場景”板塊,同時選擇相應產品庫和主題庫。如下圖所示:

blob.png


選擇模板以后,點擊“選擇”,進入作品設計如果沒有適合的模板,您也可創建空白模板進行創作。如下圖所示:

blob.png

備注:選擇模板時,為了能夠看到真正的運行效果,您可以講鼠標停放在某一模板上,然后用手機掃描二維碼,這樣可以在手機上進行瀏覽閱讀。


具體操作如下:

打開一個模板,或者打開一個空白模板,如下:

blob.png


導入圖片

點擊“導入圖片”按鈕

blob.png


在用戶計算機上找到需要使用的圖片,利用Ctrl或者Shift鍵進行多選,選擇好以后點擊打開。系統開始導入選擇圖片,如下圖所示:

blob.png


導入圖片以后,可以使用“自動填圖”功能,將圖片填入模板的圖片框中,“自動填圖”按照圖片的導入順序進行填充。

blob.png


除了自動填圖外,用戶可以使用鼠標左鍵選擇圖片,并點擊不放,拖動到模板的圖片框中,松開鼠標左鍵,即可將圖片填入所定位置。



其他一些功能使用說明

樣式


選擇圖片后,單擊“寬適應”按鈕,圖片將根據圖片庫自動調整寬度。

選擇圖片后,單擊“高適應”按鈕,圖片將根據圖片庫自動調整高度。

選擇圖片后,單擊“旋轉”按鈕,圖片將順時針旋轉90度。

選擇對象后,點擊“層次”按鈕,會出現如下界面:

選擇相應按鈕可以調整對象所處層次。

選擇圖片后,單擊“陰影”,系統會自動給圖片加上陰影。

選擇圖片后,單擊“描邊”,系統會自動給圖片描邊。

選擇圖片后,單擊“特效”,系統彈出如下窗口,并且有“特效”、“蒙版”、“微調”三個選項:

(1)變化圖片特效


(2)給圖片加上蒙版


(3)調節圖片亮度、對比度、飽和度、色相、不透明度等


動畫:


“入場”是指一個對象進入屏幕的方式。“強調”是指對象在屏幕上突出顯示的方式。“出場”是指對象離開屏幕的方式。


單擊“入場”、“強調”或者“出場”,然后再單擊“下拉選擇”,出現可供選擇的動畫效果,如下圖所示:


動畫入場方式設置好后,可以單擊“播放”,瀏覽動畫效果。


觸發:

可以為特定對象設置觸發時出現的特效,特定對象可以是一個頁面,也可以是一個組件(如一張圖,一個按鈕等)。單擊“下拉選擇”彈出如下功能選項:

選擇相應的功能選項,將會把本特效應用到所選擇的對象上。


菜單功能按鈕:

在頁面上面有一排菜單累功能按鈕,主要針對全局頁面設置。

blob.png

詳細功能如下:


blob.png

模板采集功能,可以采集部分第三方H5作品作為模板。


blob.png

插入文本


blob.png

插入圖片框


blob.png

插入本地視頻


blob.png

插入表格、圓形、長方形、正方形等圖形


blob.png

對齊工具,水平左對齊、水平居中對齊、水平右對齊、垂直左對齊、垂直居中對齊、垂直右對齊

blob.png

顯示標尺

blob.png

全部頁顯示


插入報名組件,單擊后可以進一步設置:


blob.png

插入音樂


blob.png

本地預覽



選擇相應頁碼直接顯示。


100%顯示頁面。

頁面輪播方式,單擊后可以繼續設置:


blob.png

保存作品到本地,以便下次編輯


blob.png

導出為Html5。


blob.png

在線預覽/發布


作品完成后需要正式發布,單擊“發布”按鈕,彈出如下窗口:

選擇“新建發布”或者“替換”,一個完整的H5作品發布完成。



在使用過程中遇到任何問題,請按以下方式聯系。

 

親!評價一下?
山东群英会最新走势图