點陣圖的應用

目標
學會點陣圖的去背及在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. 測試影片。

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

點陣圖的應用

目標
點陣圖置入Flash檔案之去背、淡入淡出等方法

觀念

• 在Flash內呈現去背點陣圖的方法是先在Photoshop內做作背景是透明的PNG檔。
• 將上述之PNG檔置入Flash元件庫，成為圖像元件。此一圖像元件即具去背效果。
• 若要使該圖像具淡入淡出等效果，則需以該PNG圖像元件製作成影片片段元件。再利用移動補間及修改屬性欄內的Alpha值。

要領
製背景透明之PNG檔

1. 在Photoshop選取主圖部份，例如，只選花朵本身，背景不選。Ctrl+C，複製主圖。
2. 開啟一新檔，圖背景色為透明，貼上步驟1.之圖像，將該圖另存新檔，格式為PNG 。
3. 在Flash，將上一步驟之PNG置入元件庫內。
4. 新增元件，選影片片段，將PNG檔置入第一影格。離開元件編輯。

圖像淡入法

1. 在Flash場景內，以上節步驟4.之影片片段製作一移動補間。
2. 時間軸移到移動補間的第一個關鍵影格。
3. 點選舞台上的分身。
4. 從屬性視窗內，於「色彩欄」內選Alpha，將其右側欄內之值改小（0-100)。
5. 時間軸移到移動補間的最後一個關鍵影格。
6. 點選舞台上的分身。
7. 在屬性視窗內，於顔色欄內選Alpha，將其右側欄內之值改大（0-100)。
8. 測試影片。