1.將 Movie 的背景色設成白色。

2.產生一個 Graphic Symbol，命名為 "square"，畫一個無框線的正方形，填色為藍色。

3.再新增一個 Graphic Symbol，命名為 "SquareLine"，將 "square" 裡的方形拉入六個，並將此六個方塊全部選取，用 Modify > Align 對齊工具指令，將六個方塊等距的垂直排列對齊，形成一方塊列，如圖1及圖2所示。

圖1

圖2

1.新增一個 Movie Clip 的 Symbol 命名為 "M_SquareMove"，在第一個 Layer 拉進 步驟1 所製作的方塊列，並將此 Layer 命名為 "below"。

2.點選 Modify > Transform > Edit Center，此時畫面中心出現一個中空十字形的符號，將此中心點符號拉至方塊列的底端的中點處。

3.新增 15 格 Frames，在第 15 格插入一個 Keyframe，將方塊用變形工具壓縮成一條線，由於我們已先改變中心點位置，因此方塊列會由上往下壓縮變形，如圖3所示：

4.將 Frame15 的方塊列(已成一直線)的 Alpha 值調整至 0，並執行 Motion 的動作，可以看到方塊列會呈現由上往下壓縮的動畫。

圖3

5.在 "below" Layer 上面新增一個 Layer，命名為 "above"，此圖層要製作方塊列由下往上的壓縮變形動作，方法如同(4.)，不同的是在 Frame1方塊條要壓縮成一直線、Alpha值為 0，而 Frame15則不作任何變形且為完全不透明。

6.在 "above" Layer 上面再新增一個 Layer，命名為 "action"，只設一格 Frame，Actions 設定為 Stop。

1.再新增一個 Movie Clip 的 Symbol 命名為 "M_BigSquare"，將 步驟2 的方塊列變形 Movie Clip 拉入6個至畫面中，用對齊工具將其等距的排列整齊，並將此 Layer 命名為 "Squares"。

2.由最右側的方塊列開始，為每個方塊列定義 Instance Name (在方塊條上雙擊滑鼠左鍵即出現如圖4的對話框)，分別為：line1、 line2、line3、line4、line5、line6。

圖4

1.在 "Squares" Layer 上新增一個圖層，命名為 "Squares-action" 。先在 Frame1 插入 Keyframe，Actions 設定如圖5所示，將變數設為 i，設定變數迴圈，當 i<=6 時，會播放 line1 至 line6 的 Movie Clip，直到 i=6 為止。

※要注意的是變數設定的上引號問題，可以看見圖5 的輸入欄，有及的分別，用輸入的為字串，會出現兩個上引號，用輸入的沒有上引號，為變數、數值或是運算式。

圖5

2.接著在 Frame2、Frame5、Frame10、Frame15、Frame20、Frame25、Frame30 各插入一個 Keyframe，在 Frame2 的 Actions 設定如下圖6所示：

圖6

3.後面 Keyframe 的 Actions 設定同樣選擇 Tell Target，不過在 Movie Clip 的選擇上分別為 line2~line6，最後一個 Keyframe 我們設定 Stop，讓它停止播放。

產生一個按鈕的 Symbol，在 Hit 部分插入一個 Keyframe，畫一無框線的方形，如下圖示：

圖7

1.回到場景中，將 "M_BigSquare" Movie Clip 由 Library 拉入畫面裡，將其 Instance Name 命名為 "Cube"，並把它以順時鐘方向旋轉 90 度(如果不改變其方向，則方塊的動畫為上下變化的堆疊效果)。

2.再將 步驟 5 產生的感應按鈕放入畫面中，在按鈕圖形上雙點滑鼠左鍵，出現下列對話框，將滑鼠事件設定如下：
當 Roll Over 時，播放方塊堆疊的 Movie Clip；當 Roll Out 時，則停止播放。

圖8

3.在第一格的 Actions 設定 Stop。並將 Movie Clip 和按鈕同時選取，用對齊工具將其對齊畫面中央。

圖9