asdfwgtaw

近期在Flash撰寫ActionScript 3.0(AS)的程式語法來製作人因工程的實驗平台時,猛然發現CS5的補間動畫Tween跟之前使用的CS3不太一樣。CS3之前的Flash一般來說,就是分為[移動補間動畫][形狀補間動畫]兩種,而新版的Flash開始多了一種[傳統補間動畫],但這其實只是翻譯的問題,請見內文說明。

[軟體教學]Adobe Flash CS6補間動畫(Tween)類別說明,範例,英文,更新,android,as3,photoshop,元件庫,actionscript: 傳統補間動畫,移動補間動畫,形狀補間動畫的區分,包含作用對象,可製作的效果,與使用條件說明教學,2D平面動畫設計(Adobe Flash Professional,player,手機,Android download,live encoder)

[設計]六個關於Design設計比賽的資訊網站:影片.多媒體.創新競賽(Click)

[設計Design]近三年個人設計作品集:作品集範例與製作過程概述(Click)

[字體下載]免費英文字型字體.字體檔案類型下載點與介紹說明(Click)

Fraps的介面說明與操作教學-1: 介面設定與教學篇(Click)

 

Adobe Flash CS5,CS6補間動畫(Tween): 教學與說明

像是移動補間動畫似乎跟之前不同,有些元件的變化無法建構,顏色也換成藍色。當下發現多了傳統補間動畫,可以達到元件的變化效果,顏色與之前的移動補間動畫一樣是紫色。基於求知的好奇,馬上爬Adobe的更新文去了解一下,整理如下分享:

原來的Flash CS 3有兩種補間動畫:移動補間動畫(紫色)及形狀補間動畫(綠色)。而CS4與CS5則分3種,包括:傳統補間動畫(紫色)、移動補間動畫(藍色)和形狀補間動畫(綠色*CS4CS5[傳統補間動畫](紫色)就是CS3[移動補間動畫](紫色),用顏色對照就可以發現

001_r

Adobe從CS4以後,把原本的移動補間動畫改叫做傳統補間動畫(紫色),而把CS3之前[移動補間動畫]的名稱給了新功能,也就是CS 4和CS 5新增加的補間動畫(藍色),這個新功能是專門用來製作曲線路徑的動畫。 

因為在CS3的移動補間動畫(紫色)裡,畫曲線路徑動畫的功能並不好用,所以CS4之後加強製作曲線路徑動畫的功能,而它即是挪用移動補間動畫的名稱(藍色)。所以CS4之後,補間動畫的更新資訊彙整如下:

傳統補間動畫(紫色)

03_r

1.作用對象:實體(包含元件庫拉出來或用程式複製出來的複本)、群組物件、文字元件

2.可製作動畫效果:移動、縮放、加減速、旋轉、色彩漸變

3.使用條件:整個動畫在時間軸上的頭與尾影格之間,僅存在一個實體、群組物件或文字元件。必須作用於相同的目標物,才能夠製作出個體移動或縮放的效果作用的影格中最好不要有純圖像物件的存在。

 

移動補間動畫(藍色)

02_r

1.作用對象:路徑

2.可製作動畫效果:自訂移動路徑

3.使用條件:(類似於傳統補間)

 

形狀補間動畫(綠色)

04_r

1.作用對象:未轉換為元件、非文字、亦非群組物件,可隨時使用工具箱的各項工具修改內容者。像是一個圓形。

2.可製作動畫效果:移動、縮放、加減速、形狀漸變和色彩漸變

3.使用條件:

假設作用於"相同"的圖像物件上,可以創造出物體移動或縮放的效果

假設作用於"不同"的圖像物件上,可以創造形狀漸變或色彩漸變的效果

動畫範圍內的頭尾影格之間,最好不要有實體、群組物件和文字物件的存在

 
 

煩請您不吝幫忙2015.3月友站成立"粉絲團"與"文章"按讚分享 謝謝您!
(請不要使用手機版觀看敝站,煩請使用電腦網頁版,感恩)

 

[設計]六個關於Design設計比賽的資訊網站:也有影片創作.多媒體設計.創新創意競賽(Click)

[設計Design]近三年個人設計作品集:作品集範例與製作過程概述(Click)

[字體下載]免費英文字型字體.字體檔案類型下載點與介紹說明 (CLICK)

*若覺得文章有幫助,煩請不吝留個言與四周看看,感謝您的支持。

[相關延伸閱讀]

軟體應用.教學.相關:

[Adobe Illustrator]  [Autodesk 3DSMax]  [Adobe Flash]  [Adobe Premiere]

[Adobe Photoshop]  [數位科技與軟體應用]  [技能.專業證照相關]

設計.多媒體.創新相關:

[設計與創作]  [設計與多媒體討論]  [設計繪畫.表現技法]  [學生作品成果]

[競賽活動與比賽訊息]  [設計素材.資源]

[軟體教學]Adobe Flash CS5,CS6補間動畫(Tween):傳統補間動畫,移動補間動畫,形狀補間動畫(範例,英文,更新,元件庫,actionscript,as3,2D平面動畫設計(player,手機,Android download,live encoder)

, , , , , , , , , , , , , , , , ,

Yo-Wen Liang 發表在 痞客邦 PIXNET 留言(4) 人氣()


留言列表 (4)

發表留言
  • 悄悄話
  • 訪客
  • 版大好!
    原來補間動畫有改喔...難怪之前調整一些東西都不會變形Orz
    謝謝!
  • 感謝留言!
    推看文留言的人!

    Yo-Wen Liang 於 2012/12/15 17:38 回覆

  • 訪客
  • 相當清楚的教學 觀念一整個都通了 學校老師講半天都不知在講什麼鬼
    推梁老!
  • 謝謝留言!有時只是表達的方式剛好與您的學習邏輯不同,很多老師其實都教得相當不錯!

    Yo-Wen Liang 於 2013/12/16 16:01 回覆

  • 訪客
  • 原來如此 終於恍然大悟了orz
  • 謝謝留言!

    Yo-Wen Liang 於 2015/01/19 16:46 回覆