動畫工具制作幫助手冊

1、目錄一、安裝3二、運行5三、文件51、打開62、保存為PBS63、另存為預(yù)覽74、保存并上傳75、生成APK7四、編輯7五、. 71、文本組件82、組件93、音頻組件104、組件115、背景126、父組件組件13六、動畫141、變化142、旋轉(zhuǎn)153、縮放154、抖動165、搖擺166、移動167、隨機移動168、路徑移動179、路徑移動（有方向）1710、幀動畫1711、拋飛1712、切換. 1713、觸碰旋轉(zhuǎn)1714、水波紋. 17_Toc383433871七、交互171、同類操作172、逐個操作17八、設(shè)置171、工作空間172、上傳管理173、重新登錄174、設(shè)置語言175、問題反饋1

2、76、檢查更新177、幫助178、關(guān)于17十、預(yù)覽17一、安裝a當(dāng)您雙擊安裝程序，會進入引導(dǎo)界面。如圖 1-1。圖 1- 1“確定”按鈕，進入選擇安裝語言界面。如圖 1-2b圖 1- 2“ok”按鈕，進入下一界面。如圖 1-3。c選擇語言后，圖 1- 3d點擊“下一步”按鈕，會顯示協(xié)議內(nèi)容。如圖 1-4圖 1- 4e點擊“我接受”按鈕，即表示您同意相關(guān)協(xié)議內(nèi)容。之后會進入安裝目錄選擇界面。如圖 1-5。圖 1- 5f點擊“瀏覽”按鈕，設(shè)置目標(biāo)文件夾路徑。點擊“安裝”按鈕。即可開始安裝。如圖 1-6。圖 1- 6g點擊“完成”按鈕，安裝成功。如圖 1-7。圖 1- 7二、運行a.雙擊“fullr

3、eader.exe”,可以運行 fullreader 動畫工具。b.運行首先會創(chuàng)建工作空間，目標(biāo)地址為：D:/workspacec.進入界面需要先選擇橫屏或豎屏，如圖 2-1。橫屏和豎屏只是在中間的編輯區(qū)域上顯示存在差異，其它部分的界面完全相同。圖 I 工具的界面主要包括四塊區(qū)域，如圖 。圖 頂部選項卡：包括了整個工具的大部分功能及操作；左側(cè)操作欄：包括有書籍的一些基本信息。在左側(cè)操作欄，會根據(jù)主編輯區(qū)中內(nèi)容生成每一頁的縮略圖。在其中點擊鼠標(biāo)左鍵拖動縮略圖可以改變頁碼的順序，點擊鼠標(biāo)右鍵可以新建一頁或刪除當(dāng)前頁。主編輯區(qū)：主要的編輯區(qū)域，直接對應(yīng)設(shè)備的屏幕。右側(cè)操作欄：用于設(shè)置和顯示組建的屬性

4、。主要包括有組件的“初始信息”，“基本信息”，“已添加動畫”和“已添加交互”。當(dāng)在主編輯區(qū)選中一個組件時，在右側(cè)的操作欄會顯示這個組件的信息，如果沒有選中任何組件，那么此處是空白的。三、文件也可以在這里修改這些信息。文件選項卡位于頂部選項卡中，提供對制作的書籍的操作。其中包括一系列操作按 。圖 、打開G 點擊按鈕，會彈出提示是否放棄當(dāng)前書籍框。如圖 。圖 3- 2b.點擊“否”按鈕，將放棄本次操作；點擊“是”按鈕，將彈出選取書籍窗口。如圖 3-3圖 3- 3c.選取書籍后，點擊“打開”按鈕即可打開書籍。注：當(dāng)前只支持打開pbs 格式書籍。2、保存為PBS將正在制作的書籍保存為PBS 格式a.點

5、擊按鈕，會彈出保存為預(yù)覽格式框。如圖 3-4。圖 3- 4框中，可以填寫書籍的信息。填寫完成后，b.在“保存為預(yù)覽格式”“確定”按鈕，靜候書籍保存完成即可。在工作空間可找到已保存的書籍。 、另存為預(yù)覽另存為預(yù)覽步驟和保存為 VHY 操作步驟一樣。不同之處在于，另存為預(yù)覽會將制作的書籍保存為KHUUQ 格式。 、保存并上傳將制作的書籍保存為 KHUUQ 格式，并上傳到服務(wù)器。（暫時不能使用） 、生成61將制作的書籍保存為61 格式以一本正在制作的書籍“瓢蟲”為例：制作這樣一本書籍不可能在短時間內(nèi)完成。所以可以將制作到一半的書籍保存為 6(9 格式，等到下次再制作或修改的時候，在通過打開功能將其導(dǎo)

6、入到工具中繼續(xù)制作。當(dāng)四、編輯制作完成的時候，就可以將其打包成預(yù)覽格式或61 發(fā)布。編輯選項卡主要用于對組件的操作。如圖 。圖 五、選項卡主要用于添加組件，該選項卡包括的操作按 所示：圖 、文本組件G 點擊按鈕，可以在主編輯區(qū)添加一個文本組件，如圖 為未選中狀態(tài)。圖 b.選中組件，在右側(cè)操作欄會出現(xiàn)該組件的信息，可以進行設(shè)置。如圖 4-3。圖 5- 3b. 用戶可以用鼠標(biāo)左鍵拖動文本組件的標(biāo)尺，根據(jù)標(biāo)尺拉伸到滿意的大小和位置！方便準(zhǔn)確的調(diào)節(jié)到自己滿意的效果！文本組件的坐標(biāo)位置、高度與寬度相應(yīng)的數(shù)據(jù)會在右側(cè)操作欄基本信息中顯示。c. 選中文本組件，可以在頂部選項卡中的編輯選項中對當(dāng)前文本內(nèi)容，設(shè)

7、置字體大小，字體樣式，文字顏色，文本組件背景顏色，下劃線，文字居中，居右，居左，斜體，加粗等操作。如圖 5-4。圖 5- 4文本框可對文本框進行刪除，裁剪，d.鼠標(biāo)，全屏和疊放層次的操作。如圖 5-5。圖 5- 5上的文字內(nèi)容到文本中。如圖 5-6。e.網(wǎng)頁，word,圖 、組件G 點擊按鈕，彈出窗口。如圖 圖 窗口改變其在頁面中的坐標(biāo)位置、高度與寬度。如圖 H 用戶可以用鼠標(biāo)左鍵拖動圖 I 鼠標(biāo)窗口可對窗口進行刪除，裁剪，全屏和菜單組的操作。如圖 。圖 、音頻組件G 點擊按鈕，彈出音頻框選擇音頻。如圖 。圖 H 用戶可以用鼠標(biāo)左鍵拖動音頻窗口改變其在頁面中的坐標(biāo)位置、高度與寬度相應(yīng)的數(shù)據(jù)會在

8、右側(cè)操作欄中顯示。鼠標(biāo)音頻窗口可對音頻窗口進行刪除，全屏和菜單組的操作。菜單組可對音頻窗口層級疊放關(guān)系進行設(shè)置。同時也可以修改音頻的以及音頻的資源內(nèi)容。如圖 。圖 、組件G 點擊按鈕，彈出框選擇。如圖 圖 窗口改變其在頁面中的坐標(biāo)位置、高度與寬度相應(yīng)的數(shù)據(jù)會在右上角H 用戶可以用鼠標(biāo)左鍵拖動類型中顯示。鼠標(biāo)窗口可對窗口進行刪除，裁剪，全屏和菜單組的操作。菜的資源內(nèi)容。如圖 單組可對窗口層級疊放關(guān)系進行設(shè)置。同時也可以修改的以及圖 、背景G 點擊按鈕彈出音頻框選擇音頻，首次添加會提示注意分辨率。如圖 圖 5- 14b.添加的背景圖會自動填滿整個編輯區(qū)圖 5- 156、父組件組件父子組件通過向一個

9、父組件中添加多了子組件的方式，將多個組件組合在一起。這樣就可以通過編輯父組件影響到所有的子組件。父子組件只適用于組件，子組件不能再添加子組件。a.在一個非子組件的如圖 5-16。組件的任意位置單擊鼠標(biāo)右鍵。在彈出菜單中可以看到“添加子組件”選項。圖 5- 16窗口。如圖 5-17。b.點擊“添加子組件”，彈出圖 5- 17c.添加完成后。如圖 5-18。圖 5- 18六、動畫動畫是組件的一種動作。動畫都具有一些屬性參數(shù)。大部分動畫都具有以下參數(shù)1、變化變化動畫，可以在一定的時間內(nèi)，將組件的從開始改變?yōu)榻Y(jié)束。該動畫可以設(shè)置如圖 6-1 所示參數(shù)：圖 6- 1：取值范圍為 0.0-1.0。0.0

10、為完全透明，1.0 為完全不透明。：取值范圍為 0.0-1.0。0.0 為完全透明，1.0 為完全不透明。開始結(jié)束開始時能否：能否是指的一種能力，勾選則設(shè)置組件不能此動畫。（下同）開始時：開始時組件便此動畫（下同）動畫時長：動畫持續(xù)的時間（下同）延遲時間：開始重復(fù)次數(shù)：重復(fù)動畫前，停頓的時間。（下同）動畫的次數(shù)。（下同）添加：點擊添加按鈕，即為當(dāng)前選中組件添加了此動畫。如圖 6-2。在添加動畫時請盡可能按照動畫順序添加。在右側(cè)操作欄的已添加動畫可以查看當(dāng)前組件具有的動畫。（下同）的圖 6- 2在已添加動畫中，選中一條動畫信息，單擊鼠標(biāo)右鍵?？梢詣h除或修改此動畫。如圖 6-3。圖 6- 3單擊修

11、改按鈕，彈出修改動畫窗口。如圖 6-4。圖 6- 42、旋轉(zhuǎn)旋轉(zhuǎn)動畫，可以使組件繞X、Y 和Z 三個方向旋轉(zhuǎn)。該動畫可以設(shè)置如圖 6-5 所示參數(shù)：圖 6- 5X 軸（度）：繞 X 軸旋轉(zhuǎn)的度數(shù)（設(shè)為負(fù)數(shù)將順反方向旋轉(zhuǎn)） Y 軸（度）：繞 Y 軸旋轉(zhuǎn)的度數(shù)（設(shè)為負(fù)數(shù)將順反方向旋轉(zhuǎn)） Z 軸（度）：繞 Z 軸旋轉(zhuǎn)的度數(shù)（設(shè)為負(fù)數(shù)將順反方向旋轉(zhuǎn)）重設(shè)支點：重新設(shè)置旋轉(zhuǎn)的支點，默認(rèn)的支點在中心位置3、縮放縮放動畫，可以對組件按照當(dāng)前比例進行縮放。該動畫可以設(shè)置如圖 6-6 所示參數(shù)：圖 6- 6水平縮放：水平方向上的縮放比例。垂直縮放：垂直方向上的縮放比例。4、抖動抖動動畫，具有抖動效果。該動畫可以

12、設(shè)置如圖 6-7 所示參數(shù)：圖 6- 75、搖擺搖擺動畫，具有搖擺效果。該動畫可以設(shè)置如圖 6-8 所示參數(shù)：圖 6- 8搖擺幅度（度）：指左右搖擺的角度6、移動移動動畫，將組件從支點移動到目的點。該動畫可以設(shè)置如圖 6-9 所示參數(shù)：圖 6- 9重設(shè)支點：重新設(shè)置動畫的支點設(shè)置目的點：設(shè)置動畫移動的目的點，當(dāng)移動完成時，支點和目的點重合。7、隨機移動隨機動畫，使組件沿著隨機的路線移動。該動畫可以設(shè)置如圖 6-10 所示參數(shù)：圖 6- 108、路徑移動路徑移動動畫，使組件按自定義的路徑移動，組件本身不會發(fā)生方向的改變。該動畫可以設(shè)置如圖 6-11所示參數(shù)：圖 6- 11繪制路徑：點擊可以進入繪

13、制路徑界面清空路徑：如果對當(dāng)前繪制的路徑不滿意，可以點擊清空路徑重新繪制。保存路徑：繪制好動畫的移動路徑后，必須保存路徑才能將繪制的路徑保存到動畫中。9、路徑移動（有方向）路徑移動（有方向）動畫，使組件按自定義的路徑移動，組件本身會發(fā)生方向的改變。該動畫可以設(shè)置如圖 6-12 所示參數(shù)：圖 6- 12繪制路徑：點擊可以進入繪制路徑界面清空路徑：如果對當(dāng)前繪制的路徑不滿意，可以點擊清空路徑重新繪制。保存路徑：繪制好動畫的移動路徑后，必須保存路徑才能將繪制的路徑保存到動畫中。頭部標(biāo)識：指向組件的初始方向10、幀動畫幀動畫，類似于膠片原理的逐幀動畫。該動畫可以設(shè)置如圖 6-13 所示參數(shù)：圖 6-

14、13添加幀：點擊可彈出幀操作界面。如圖 6-14。圖 6- 14選擇界面。如圖 6-15。點擊添加按鈕，彈出幀圖 6- 15會按順序陳列在幀操作窗口。如圖 6-16。選擇幀完成，所選圖 6- 16進行刪除和替換。也可對所有幀在幀操作窗口中，可以對各個幀的順序進行顛倒。點擊確定按鈕，將保存幀11、拋飛。拋飛動畫，通過手指在屏幕上的滑動，使組件產(chǎn)生拋飛效果。該動畫可以設(shè)置如圖 6-17 所示參數(shù)：圖 6- 1712、切換切換動畫，通過手指在屏幕上的滑動，控制多張的切換。該動畫可以設(shè)置如圖 6-18 所示參數(shù)：圖 6- 18靈敏度：設(shè)置手指在屏幕上每滑動多少像素，可切換一張?zhí)砑訋狐c擊可彈出幀操作界

15、面。如圖 6-19。圖 6- 19選擇界面。如圖 6-20。點擊添加按鈕，彈出幀圖 6- 20選擇幀完成，所選會按順序陳列在幀操作窗口。如圖 6-21。圖 6- 21在幀操作窗口中，可以對各個幀進行刪除和替換。也可對所有幀的順序進行顛倒。點擊確定按鈕，將保存幀13、觸碰旋轉(zhuǎn)。觸碰旋轉(zhuǎn)動畫，通過手指在屏幕上的滑動，使組件繞支點旋轉(zhuǎn)。該動畫可以設(shè)置如圖 6-22 所示參數(shù)：圖 6- 22旋轉(zhuǎn)角度：控制左右方向上最大的旋轉(zhuǎn)角度重設(shè)支點：重新設(shè)置動畫的支點位置14、水波紋水波紋動畫，模擬水波紋效果，水波紋動畫和其它動畫是相互排斥的。如果添加了水波紋動畫，則不能再添加其它動畫。如果添加了其它動畫再添加水

16、波紋動畫，則會在添加水波紋動畫的同時刪除其它動畫。該動畫可以設(shè)置如圖 6-23 所示參數(shù)：圖 6- 23七、交互交互是兩個對象間的一種交流方式，A 對象（組件或組件的動畫）向B 對象（組件或組件的動畫）發(fā)出執(zhí)行動作（響應(yīng)事件）的信號（觸發(fā)事件），B 對象收到信號（觸發(fā)事件）立即執(zhí)行動作（響應(yīng)事件）。為了能夠更加方便快速的添加這一交流方式，交互被設(shè)計為同類操作及逐個操作。1、同類操作同類操作是指多對多的關(guān)系，可以以排列組合的方式添加交互。即一個對象的事件，將會使多個對象產(chǎn)生響應(yīng)；或者，多個對象的事件，將會使一個對象產(chǎn)生響應(yīng)。此時可以使用同類操作，同類操作界面按7-1。所示:圖 7- 1a.設(shè)置觸

17、發(fā)對象：點擊按鈕，彈出觸發(fā)對象選擇窗口。如圖 7-2。圖 7- 2您可以逐個勾選需要操作的對象組件。當(dāng)組件較多時，您也可以通過“全選”，“反選”，“清楚”進行快速操作。勾選好對象后，點擊“確定”按鈕，即可設(shè)置觸發(fā)對象成功。b.觸發(fā)事件有多種。點擊相應(yīng)的按鈕，即可設(shè)置此觸發(fā)事件為當(dāng)前選擇的所有觸發(fā)對象的觸發(fā)事件。如圖 7-3。圖 7- 3c.觸發(fā)動畫：點擊按鈕，彈出觸發(fā)動畫選擇窗口。如圖 7-4。圖 7- 4窗口會展示選擇的觸發(fā)對象的動畫，您可以在下拉選項中選擇您交互中將要用到的動畫。一個對象只能對應(yīng)選擇一個動畫。d.設(shè)置響應(yīng)對象：點擊按鈕，彈出響應(yīng)對象選擇窗口。如圖 7-5。圖 7- 5您可以

18、逐個勾選需要操作的對象組件。當(dāng)組件較多時，您也可以通過“全選”，“反選”，“清楚”進行快速操作。勾選好對象后，點擊“確定”按鈕，即可設(shè)置響應(yīng)對象成功。e.響應(yīng)動畫：點擊按鈕，彈出響應(yīng)動畫選擇窗口。如圖 7-6。圖 7- 6窗口會展示選擇的響應(yīng)對象的動畫，您可以在下拉選項中選擇您交互中將要用到的動畫。一個對象只能對應(yīng)選擇一個動畫。e.設(shè)置響應(yīng)事件：響應(yīng)事件有多種。點擊相應(yīng)的按鈕，即可設(shè)置此響應(yīng)事件為當(dāng)前選擇的所有響應(yīng)對象的響應(yīng)事件。如圖 7-7。圖 7- 7f.添加：點擊按鈕，即可將當(dāng)前設(shè)置的交互，添加到對應(yīng)的觸發(fā)對象的信息中。單擊主編輯界面的組件，可在右側(cè)操作欄中看到其應(yīng)的交互信息。如圖 7-8。圖 7- 8g.預(yù)覽：點擊按鈕，即可將打開模擬器預(yù)覽當(dāng)前交互。2、逐個操作逐個操作是一對一的關(guān)系，當(dāng)您需要添加多條完全不同的交互時，可以使用此功能。逐個操作界面按7-9 所示:圖 7- 9a.設(shè)置觸發(fā)對象：點擊按鈕，彈出觸發(fā)對象選擇窗口。如圖 7-10。圖 7- 10您可以逐個勾選需要操作的對象組件。當(dāng)組件較多時，您也可以通過“全選”，“反選”，“清楚”進行快速操作。勾選好對象后，點擊“確定”按鈕，即可設(shè)置觸發(fā)對象成功。b.設(shè)置其它參數(shù)：點擊按鈕，彈出“逐一設(shè)置組件的交互“窗口。如圖 7-1