Chapter 03 - Fixed-layout功能介紹-2

此篇章介紹功能如下 :

 1.連續圖片  

2.點圖換圖

3.單一說明媒體

4.地圖功能

5.相簿功能

6.批次匯入底圖





3-5 連續圖片


1.點選連續圖片

2.一次拖曳入所有同尺寸的圖片,圖片名稱請使用規則連續號。

3.系統自動生成橫向按鈕,藉由滑鼠拉移或物件屬性調整連續圖片盒尺寸
Tips : 不限定圖片張數,360度環景的細節流暢度依圖片數量而定。若要替換某張圖片,則需整組刪除重新匯入。



3-6 點圖換圖


1.點選點圖換圖方塊

2.一次拖曳入所有的同尺寸的圖片,圖片名稱使用規則連續號。

3.系統自動換圖的按鈕。上圖範例共拖入8張圖,因此下圖產生8個按鈕。

4.將產生之按鈕拖曳放上對應的位置,並調整大小,本範例已預先將按鈕和大圖做成jpg當背景。(點擊按鈕2下可預覽即將切換的底圖)

5.位置/尺寸對齊後,開啟物件屬性    ,點按鈕,於物件屬性面板將透明度調為0,這樣按鈕上的數字就消失了。

Tips 1 : 點圖換圖即以多張滿版底圖在同一頁做切換動作。點換圖不限定圖片張數。若要替換某張圖片,則需整組刪除重新匯入。

Tips 2 : 存檔前,請點選回到第一頁的按鈕再存檔,系統將以存檔時的畫面為主。舉例有3張圖片:題目.jpg、解答1 .jpg 、解答2 .jpg。存檔時請讓工作區畫面停留在題目再存檔,否則讀者翻至此頁時會先看到答案








3-7 單一說明媒體

點選「單一說明媒體 」  (也可按此新增多個單一說明媒體元件)  






3-7-1 範例1:自訂按鈕尺寸,點擊後呼喚圖片
1.先使用圖片盒    匯入一張滿版圖片作為背景。

2.在此範例中,我們的目標是將畫面上三張小圖做點圖放大的效果。(圖片中的放大鏡icon已事先合成在背景圖片中,若未合成,也可將放大鏡icon圖片做為一般的圖片匯入再調整位置與尺寸)

3.使用單一說明媒體     ,新增一個媒體元件,來源元件選擇「指定來源範圍」



4.此時工作區會出現一個藍色方塊,拖曳藍色方塊至欲做效果的小圖上,並以滑鼠做尺寸調整。
Tips : 工作區的藍色方塊在實際預覽時為透明。因此無需使用物件面板將其透明度調為0


5.編輯目標區選擇圖片,將點擊後欲出現的大圖匯入publisher。



6.現在工作區內出現了剛才匯入的大圖。



7.我們可以發現長方形大圖後被壓上帶透明度的黑色背景,若不希望有黑色背景,可在遮罩效果左邊的框框取消。
Tips : 遮罩效果→讀者可按畫面任一處回到頁面。無遮罩效果→讀者只能按圖片回到頁面。


8.若要繼續在此頁面做編輯,可取消編輯目標區旁的框框。工作區能暫時隱藏物件,實際動作效果依然存在。



9.若要替換目標區物件,則再點一次icon,刪除原物件,重新匯入。




3-7-2 範例2:自訂按鈕尺寸,點擊後呼喚文字

1.步驟同「點範圍跳圖片」。

2.編輯目標區點選文字。



3.工作區生成文字框,插入文字或文繞圖後(大於文字框範圍將自動生成文字流),可反白文字做文字樣式的更改。


Tips 1 : 此功能適用於當紙本書籍轉成圖片後,文字太小不易閱讀,可用此放大文字,但須由人工將紙本書的文字摘出貼上。
Tips 2 : 此白字為default。若要更改文字尺寸,建議使用「文字樣式/新樣式」,另外建立白色文字樣式再套入。




3-7-3 範例3:點擊圖文呼喚圖文
1.使用單一說明媒體   ,來源元件選擇文字或圖片。

2.來源選文字→工作區跳出文字框。
來源選圖片→跳出圖片匯入指示。


3.編輯目標區的選擇與之後的操作設定如前述範例所示。

Tips : 此功能是以匯入的整體文字框/整張圖,作為動作執行的觸發。


3-7-4 單一說明媒體的應用
單一說明媒體同樣可用物件屬性  做控制,並且附加效果。





3-8 地圖功能

現在您可以在您的電子書中插入地圖,以便讀者快速連結地圖資訊。地圖功能使用GOOGLE地圖,讀者點擊後會在頁面中開啟GOOGLE地圖,並詢問之後是否是GOOGLE地圖APP為預設開啟選項。

1.點擊地圖icon

2.於欄位中填入地址,地圖將自動跳轉作預視。
螢幕快照 2016-05-04 下午11.04.43.png


3.以滑鼠滾輪或+/-放大縮小地圖畫面,確認顯示顯示畫面後「儲存」。


4.回到publisher工作區後,可使用滑鼠後直接調整大小與位置。
螢幕快照 2016-05-04 下午11.06.22.png


3-9 相簿功能

3-9-1 相簿1
1.點選相簿1後     ,可填入相簿名稱(非必要),再將圖片一次拖曳匯入。
圖片將依照連續數字作排列順序。
2.工作區畫面出現相簿1按鈕,可使用物件屬性     調整按鈕尺寸。



3.在此圖上點兩下可開啟相簿面板,編輯相簿名稱或相片說明,也可增減相片。
4.存檔後開啟web view     預覽相簿狀態。
    相簿1後方為黑色遮罩,
    相簿1展開後必為整頁。
螢幕快照 2016-05-09 下午10.50.04.png



3-9-2 相簿2
1.點選相簿2後     ,將圖片一次拖曳匯入。圖片將依照連續數字作排列順序。

2.相簿2預設為滿版工作區(右圖),可用滑鼠或物件屬性   拉動調整尺寸。
     目前Publisher尚未支援相簿2的及時預覽,因此使用者在匯入相片後發現預設圖片不同,請先儲存,再開啟web view就是真實呈現的效果了。



3.同相簿1,在圖上點兩下可開啟相簿面板,編輯相片說明/增減相片。

4.存檔後開啟web view     預覽相簿狀態。
    相簿2若未手動調整尺寸,屆時為整頁模式
螢幕快照 2016-05-09 下午10.54.21.png






3-10 批次匯入底圖

若您想將PDF快速置入版面,並照著頁次排定,請先將您的PDF輸出成連號之JPG圖片,相關輸出方式請參閱相關教學。

1.點選「批次匯入底圖」   ,將多張圖片一次匯入,可快速製作多頁含背景的頁面
螢幕快照 2016-05-04 下午10.54.12.png
Tips : 圖片命名將忽略中英文與符號,以數字為排序。



2.系統從下一頁開始製作批次匯入的頁面。點擊頁面可發現已經按照我們所命名的順序做排序。


3.若要置換其中一頁的底圖,可由「頁面圖層」面板做置換動作
螢幕快照 2016-05-04 下午10.56.44.png

Tips : 置換物件請先將新物件重新命名。




留言

熱門文章