小氣人妻大作戰(好命人妻吃很大)
關於部落格
喜歡畫畫 熱愛教學 會不定時上來寫些教學文
行不改名坐不改姓 歡迎隨時交流
工商服務需求請洽:mmalthusian@gmail.com
  • 544265

    累積人氣

  • 18

    今日人氣

    0

    訂閱人氣

InDesign教學_互動電子書的動畫面板裡的動畫也可以自己創造(移動預設集設定 XML檔 )

 

第一個動作  首先  先把要做動畫的indesign檔案先建置完成
如何建置↓
InDesign教學_設定互動電子書或專案時如何將illustrator的物件置入
http://blog.yam.com/mmalthusian/article/67024594
 
接下來  就把檔案先存檔備用  我們要轉到Flash去囉
啥咪  原來要自己建造一個動作  是要在Flash裡面做啊
是低 說白一點就是我們要在Flash造一個移動預設集
並且儲存為 XML檔  然後再丟進來indesign裡面


這裡  我們希望娃娃的大頭 以  下方的綠色圈圈為中心  做左右20度的搖擺
所以一開始投的動作是  已中心為準(0)→(1)(2回到中心)(3)(4回到中心)

--------------------分隔線---------------------
接下來  我們要來到Flash裡設定囉
當然  首先我們得先開啟Flash這個軟體


接著  請在精靈面板中選取""新增""中的""ActionScript 3.0""
一定要選取3.0版喔  不可以選錯喔!!


(這個步驟可以省略!!!)  將畫面配置改成""傳統""
這個步驟其實可以省略  會這樣改完全是因為這樣的配置是本人的習慣


使用橢圓形工具  先在畫面上畫出一個橢圓形
基本上  畫長方形也可  這只是一個替代的形狀
抑或是  把

fps 代表影格速率  白話文就是一秒中有幾格
在這裡  影格速率為24  表示如果要做一秒鐘的動畫  就要做24格


游標點選在影格""24""的地方 滑鼠按右鍵 選取""插入影格"" 


插入後影格就被拉長囉


滑鼠按右鍵選取""建立移動捕間動畫""


跳出的面板直接按""確定""  (這是將畫面物件設定為元件之意)


設定好之後  影格處會變成淡藍色



重新複習一下  我們要以綠色圈圈處為中心點
但一班物件的中心都是在中央  所以第一件事情
我們要利用自由變形工具 將中心點移到對的地方


選取自由變形工具  並且選取到變形面板
基本上這兩個工具面板是相對應的


將滑鼠選在第一個影格上


並且將中心點移到物件的正下方  然後  就要準備設定動態了


接下來 選取自由變形工具  影格選到6
(應為有4個動作區間  24個影格/4=6 所以一個動作區間大約有6個影格)
變形面板  在旋轉的選項打上""-20""  這樣就往左偏拉


到影格 ""12""  變形面板的旋轉打""0""
(地2階段  回到中心的位置  所以角度歸0)


到影格 ""18""  變形面板的旋轉打""20""


到影格 ""24""(最後一格)  變形面板的旋轉打""0""
(第4階段  回到中心的位置  所以角度歸0)
這樣  基礎的動作就完成了

  
然後  我們就要把設定好的動作都存下來
需要用到的面板為""移動預設效果""的面板


接著  選取設定好得動畫
然後再""移動預設效果""面板 右上角倒三角形  選取""儲存""  將動態存起來


效果名稱打好後  按下確定即可
然後  就可以在移動預設效果中  看到預設好的效果啦


點選面板中的""倒三角形"" 選取""匯出""
(匯出後的檔案基本上可以匯到indesign動畫面版 或是 flash其他檔案也可以用喔)


檔名的命名請以""英數""為主  請千萬不要使用中文
設定好直接選取儲存就好  基本上flash動作到這裡就可以算是已經完成了


但是丫頭很龜毛  我還是會把flash的檔案在儲存起來
萬一將來要修改  也比較好修正一點


檔名的命名方式  我習慣把存xml的檔名放前面 加上""_""後  後面用中文敘述動作設定


最後 我們會在視窗裡看到這兩樣東西
001是動作的主要名稱  那fla的檔案 就可以知道  那個動作到底是在做啥
不然每次命名如果都只有打001.002  1個月後再打開
可能林祖媽會罵髒話阿(誰知道001.002是啥鬼東西)

--------------------分隔線---------------------


開啟id


第一個動作  首先  先把要做動畫的indesign檔案先建置完成
如何建置↓
InDesign教學_設定互動電子書或專案時如何將illustrator的物件置入
http://blog.yam.com/mmalthusian/article/67024594


將內建的模式改成""數位出版""


畫面中就會顯示出做數位出版時  常會使用到的面板


首先  先選取我們想要的大頭 然後在""動畫""面板內
在""名稱""的地方可以自由地命名  這裡我們將其命名為""大頭""


然後在""動畫""面板的右上角  點選倒三角形  選倒""管理預設集""


在面板中選到""載入""  是低  我們要把flash裡設定的東西下載下來


選到剛剛存取""XML""檔案的地方
至時候只會看到XML黨  直接選擇所需的那個檔案就好


選取完畢後檔案會直接進到""管理預設籍""的面板內  確認後按完成就好了


接下來就進入到設定面了  講白一點就是選取物件然後套用(是低 就這麼簡單)
選取物件後  直接選到需要動畫預設集就好


最後  如果林祖媽我 想要他一直動一直動 一直動
記得把紅色框框右邊的""重複播放""選項打勾
他的頭就會一直動一直動

老蘇 碎碎念
看起來設定很多  其實他很簡單很簡單
比較需要注意的是
01.中心點的位置  02.所需要做的動態循環
一班來說  我都會先稍作規劃  然後再進flash去做動畫軌跡的設定
至於在flash裡  只要隨興畫個替代形狀就好
因為形狀不是重點  重點是-->移動捕間動畫的設定
阿ㄋㄟ有瞭改嗎?????

-------------indesign的設定與教學------------

InDesign教學_互動電子書的動畫面板裡的動畫也可以自己創造(移動預設集設定 XML檔)
 
InDesign教學_設定互動電子書或專案時如何將illustrator的物件置入
 
InDesign教學_ipad電子書章節與章節連結方式
 

最後  官方的Adobe InDesign 也有關於這方面的詳細介紹
網址:http://helpx.adobe.com/tw/indesign/using/animation.html
不過  他都是文字居多  要看完要有一點耐性阿!!!
 

相簿設定
標籤設定
相簿狀態