點陣圖的應用

目標
學會點陣圖的去背及在Flash中的應用。

範例
一、畫路徑選取

1. 先取得Pepsi的Logo，它是Gif檔。
2. 用Photoshop開啟它，以路徑工具描其輪廓，如下圖左。

二、新製PNG檔

1. 將路徑轉為選取，如上圖右。
2. 設定羽化數值，值設為2。
3. Ctrl+C，將該選取複製。
4. 開新檔案，設背景為透明。
5. Ctrl+V貼入。
6. 另存新檔，格式為PNG。

三、製作Flash

1. 在第一個圖層，更名為Red。在第一影格畫一條紅色波浪線。
2. 在第25格插入影格。
   
3. 新增圖層，更名為Jpg。
4. 新增圖層，更名為Png。
5. 新增圖層，更名為Blue。在第一影格畫一條藍色波浪線。注意：要使藍線高出紅線。
6. 匯入百事可樂的Jpg檔及Png檔。
7. 在元件庫入新增元件，取名為Jpg，選用圖像，置入步驟5的Jpg檔。
8. 新增元件，取名為Png，選用圖像，置入步驟5的Png。
9. 選取Png圖層，將元件Png置入舞台，在第25插入關鍵影格。
10. 選取第25格的元件分身，做移動、旋轉或旋轉等，再進行移動補間。
11. 選取Jng層，將元件Jpg置入舞台，在第25插入關鍵影格。
12. 選取第25格的元件分身，做移動、旋轉或旋轉等，再進行移動補間。
13. 測試影片。

四、其他變化
下圖的動畫中，上下方的二隻蟲是點陣圖，它們是同一個圖像元件，下方係把舞台上的元件分身做過色彩調整而得的。