1

目錄簡介

新功能1) MP3

2) PublishAfterShock

3) Library\Folder

4) Toolbars\drawing圓角5) Edit in Place

製作流程 Modify\ ….. Symbol vs. instance

1) Symbol的三個 behavior

各個 property

操作環境 Floating and hidden … Hotkey

1) shift-F5/F6: (delete) frame, (clear) keyframe

2) Ctrl-F8: insert\convert to symbol, new symbol

3) Ctrl-E/M: edit\movie, symbols, modify\movie

4) Ctrl-G/B: modify\group, break apart

5) Ctrl-W: file\close

6) Ctrl-R: file\import

7) (Ctrl) Enter

練習單元 單元一：第三波胭脂虎 -No.2 ， Chap5 單元二：第三波胭脂虎 -No.2 ， Chap5 單元三：第三波胭脂虎 -No.2 ， Chap6 單元四：第三波胭脂虎 -No.2 ， Chap6

2

改變大小的動畫預覽成品： tween_1.fla

概念提要 繪製 symbol，利用 tweening 半自動的動畫

步驟解析 Symbol的繪製

1) File\New

2) Ctrl-F8: Namecircle, symbol behavior graphic

3) Circle: 輪廓，填入顏色與去邊 輪廓與填入顏色是分離的 shapeArrow tool: 可去邊框 變形：當物件沒被選取時，可用 arrow tool改變曲線的形狀 Ink bottle | Paint bucket可於畫完後更改顏色 Gradient Color的使用 Ctrl-E（按工作區左上角的 Scene1的按鈕亦可） Edit in Place

引入 symbol1) 設定Movie屬性： fps，背景色， Grid/Ruler

Ctrl-M （ timeline下的 fps雙擊亦可）2) 命名 "circle" layer

Layer property: height此與 timeline右上角的 options設定不同！3) Ctrl-L，拖曳至 stage

改變大小1) 3個方法

右鍵， scale // Toolbars\drawing // Inspector\transform 四個角落的控制點會維持長寬比，邊線上的才能改變 Rotate 可 skew scale 與 rotate的結果與十字型的軸點位置有關！

2) Frame1：小一點3) Frame20, F5/F6

拉大時，可利用 View\Work Area，再改變 Zoom In/Out

設 tween（讓 Flash計算關鍵畫隔間的逐步變化）1) 雙擊 frame1，或右鍵： property，或右鍵： Create motion tween

2) Tweening 頁籤 Easing in 漸漸加速 Tween scaling若不勾選，只有 frame20會改

測試1) Enter 或 Ctrl-Enter

2) File\Publish Settings Protect from Import

3

加入文字移動預覽成品： tween_2.fla

概念提要 新增文字 symbol，新增 layer，同樣利用 tweening

步驟解析 Symbol的繪製（文字處理）

1) Ctrl-E, Ctrl-F8 graphic, text_1

2) 鍵入 Text tool: 字型 >50instance再改也可以 若中文字有問題，試試改其他字型後再設回來，選粗一點的字型 text 為 groupCtrl-B後，才能填入漸層色彩

3) 複製： arrow toolctrl-C，然後 Edit\Paste in Place（此與 Ctrl-V不同）4) 更換顏色：反白後更換5) 立體感

要有十字型出現才能移動（配合 shift ？） 利用 inspector\object中的 x,y可精確調整

6) Ctrl-E Edit in Place

引入 symbol1) New layer: text_1 與 symbol名稱一樣！2) Frame5, F6 ctrl-L 後 drag text_1 symbol 在 stage右邊，成為 instance

Frame1為空白 keyframe

文字終點（ Text_1 layer ）1) Frame20, F6 將 instance移置畫面中央

設 motion tween at frame1 ， Enter測試1) Motion tween的物件必須是 group ， Flash會自動將 symbol edit組成 group 。2) 若是在 stage直接繪製，必須Modify\GroupCtrl-G

3) Motion tween的物件必須獨占 layer QQQ

讓文字由右、向左，再向中移動1) Frame12, F6將文字移置左邊

測試1) Window\controller, 或按 <鍵 >鍵

4

加入其它的漸變（ tween ）

預覽成品： tween_3.fla Circle變顏色， text旋轉、改變角度，並且變化透明度

概念提要 Symbol (F8 or Ctrl-F8) 才有 instance property (color…) 可設定

步驟解析 Circle顏色漸變（ circle layer ） stage中的 instance properties

1) 打開 tween_2.fla

2) Frame7, F6雙擊 instance挑顏色 XX ， Color Effect: Tint 100%

3) Frame14, F6雙擊 instance挑顏色OO ， Color Effect: Tint 40%

影格複製與反轉拉長時間（反白某些 frames ， F5 ）1) Click circle layerframe全部反白選取（ frame1-20 ），右鍵： copy frames

2) Frame21, 右鍵： paste frames ， Enter測試3) 選取 frame21-40（可配合 shift-click），右鍵： reverse frames

Tween scaling可能會失效，要再設一次！4) Lock circle layer配合 alt-click

旋轉文字（ text_1 layer ）1) Frame40, F5

2) Frame27, F6Modify\Transform\Scale and Rotate (..\Edit Center)

3) Frame34, F6Scale and Rotate, 雙擊文字 instanceColor Effect: Alpha 44%

4) Frame27, 設 motion tween 按 F6 設 keyframe時，會延續上一個 key的圖，或是繼承 tween中所演算出來的圖所以有時設 key的順序會有不同結果

5) Frame40, F6重覆過程， alpha 0% 當 alpha=0時， stage看不到，所以可以利用 outline方式，以方便雙擊

6) 其他：設定動畫變化的三種方式 Frame property 的 tweenmotion, shaperotate可選 clockwise幾圈 Instance property 有 color effect 直接在 keyframe 的 stage上，用 scale and rotate等工具

5

手動式的逐格變化預覽成品： tween_4.fla

字母會跳動

概念提要 字母為 groupctrl-B才成為 shape 字母 symbol有 4 個 keyframe，分別變化位置或顏色， instance可再用

tween變化

步驟解析 繪製新 symboltext_2

1) 開啟 tween_3.fla ， Ctrl-F8: graphic symbol text_2

2) Frame1, 鍵入文字，選取， Ctrl-B Group被打散後的圖形，外圍沒有外框包圍著，而是被覆蓋一層灰濛濛的小顆粒 填色：點選某字母，利用 paint bucket填入不同顏色 描邊：利用 ink bottle原本文字的預設值並沒有邊框 位置調整： arrow toolshift配合方向鍵可一次移動 10個像素

3) Frame2~4, F6重覆 Frame1的過程 引入 symbol

1) Ctrl-E，新增 text_2 layer

2) Frame10, F6drag text_2 symbol as instance, Enter預覽 因為movie frame夠長，所以此 4格的 instance會重覆播放，若是測試，可用 F5來增加

frame，然後 File\Open as Library來加以驗證3) Frame20 設 key

4) Frame30, 40 設 key，並加以變形5) Frame20, 30 設 tween

6

Shape tween

預覽成品： tween_5.fla

概念提要 從 library拉出來的 instance，需經 ctrl-B多次的處理才能變形 直接在 stage上，利用 drawing tool所畫的物件為 shape，可直接 shape

tween

步驟解析 破除圓圈的群組

1) Open tween_4.fla

2) text_2 layer, Frame70, F5直接拉長時間軸！ 此步驟是為了讓 text_2繼續出現動作到最後

3) circle layer, frame41, F6 選 circle圖形，按 ctrl-B

破除山的群組1) circle layer, frame70, F6，並將 circle圖形 delete

2) File\Import: triangle.wmfF8 (as symbol)

3) 重複執行 ctrl-B，直到沒有外框包圍 Shape tween

1) circle layer, Frame41雙擊，設為 shape tween Distributive vs. angular前者為角度圓弧狀變化，後者保有角度的明顯輪廓 Shape tween 在 timeline上的綠色顯示

其他1) 文字的變形也要 ctrl-B

2) 在 symbol edit的環境下 import，會直接轉為 symbol in library

3) Group後（ symbol 或 drawing Ctrl-G ），則無法填入色彩。但才能執行Modify\Arrange … （ Ctrl+方向鍵）來移動上下圖層的順序

4) File\Open as library 與 Libraries\…可利用其他的圖庫5) Frame1-20: motion tween若在 frame20 的 stage上隨意加入 shape，這樣會改變

center，所以motion path會受影響！

7

簡單的閉幕預覽成品： tween_end.fla

概念提要 只要一個色塊 symbol ， instance再加以縮放即可 色塊的顏色與背景色一樣時的效果

1) Dropper無法選取背景色， Ctrl-M可看到！

步驟解析 逐漸遮蓋左邊：由下而上

1) Open tween_5.fla

2) 繪製色塊 Ctrl-F8: the_end graphic symbol

3) 延長時間軸： layer circle and text_2frame80: F5

4) New "the_end_1" layer

5) Frame70:F6拉入色塊：左下角（可利用 View\Work Area ）6) Frame80:F6將色塊拉高（ Scale）將畫面左邊蓋掉7) Frame70: motion tween

逐漸遮蓋右邊：由上而下1) New "the_end_2" layer

2) 重覆上述 5-7：右邊，由上而下 結束字樣

1) Frame81 at the_end_1: F5

2) Frame81 at the_end_2: F6鍵入 "the end" 若不設 key而直接在 stage 上 keyin，會影響 group 的 center ， motion tween 的 path會受影響！