1. 香港教育學院 數社科技學系
PhotoImpact 10 影像設計（一）
學習內容：
 認識 PhotoImpact 及操作環境
 基本工具及色彩處理
 影像編輯
影像設計（一） --- Page 1

2. 香港教育學院 數社科技學系
一. 認識 PhotoImpact 及操作環境
簡介
PhotoImpact 可以說是專為處理影像及製作網頁繪圖而設計的軟件，它具備強大
的功能及容易使用的介面，使初學者能簡單地製作多樣而美觀的 2D 及 3D 物件。
強勁的影像編修功能，也能幫助使用者輕鬆地改善影像至最佳效果。
學習目的：
完成學習後，你便能
 懂得使用 PhotoImpact 的基本介面及面板
活動 1.1 認識 PhotoImpac 的使用介面
PhotoImpact 是一套易學易用的軟件、網頁圖形和影像編輯的軟件。您可透過隨手
可得的各式工具，隨心所欲地製作既美觀又有效率的網頁圖形和編修影像。
PhotoImpact 介面
開啟 PhotoImpact，看看它的操作介面。
影像設計（一） --- Page 2
百寶箱
功能表列
一般功作列
工具箱
影像編輯區
屬性工具列
色彩面板

3. 香港教育學院 數社科技學系
二. 基本工具及色彩處理
簡介
相信大家都有使用過小畫家繪畫圖形的經驗，亦明白運用小畫家繪製富有立體
感的圖形及在圖形上填滿漸變色的困難。但對於 PhotoImpact 而言，這些效果都
可以輕易做得到。
學習目的：
完成學習後，你便能
 開啟一個新 PhotoImpact 檔案
 運用「路徑繪圖工具」繪畫規則或不規則形狀的圖形
 利用「色彩面板」修改顏色
 為圖形增添立體感
影像設計（一） --- Page 3

4. 香港教育學院 數社科技學系
活動 2.1 建立新的檔案
在這個活動中，我們會嘗試在 PhotoImpact 開啟一個新檔案。
1. 在功能表列中，選取「檔案」→「開新檔案」→「開新影像」；
2. 在「開新影像」對話方塊的「影像大小」中，選擇 640 x 480 像素後，按下 確
定 ；
3. 便建立一新檔案。
影像設計（一） --- Page 4
選擇 640 x 480 像素

5. 香港教育學院 數社科技學系
活動 2.2 繪畫盆栽
在這個活動中，我們會運用工具箱的各種工具，繪畫以下圖形：
活動 2.2.1 繪畫簡單的形狀
首先，我們繪製圖形內，花朵中心的圓形及梯形的花盆。
1. 選取工具箱的「路徑繒圖工具」；
2. 在屬性工具列的「形狀」功能表中，設定為圓形；
影像設計（一） --- Page 5

6. 香港教育學院 數社科技學系
3. 在編輯區上，拖曳合適大小的圓形；
4. 再在屬性工具列的「形狀」功能表中，選取「自訂形狀」；
影像設計（一） --- Page 6

7. 香港教育學院 數社科技學系
5. 開啟「自訂形狀」對話方塊後，點選「B13」及按下 確定 ；
6. 然後在編輯區上，拖曳合適大小的梯形。
活動 2.2.2 把圖形旋轉
現在我們要把梯形作 180° 的旋轉。
1. 選取工具箱的「變形工具」；
影像設計（一） --- Page 7

8. 香港教育學院 數社科技學系
2. 點選需要旋轉的梯形；
3. 再在屬性工具列中，按下「旋轉 180°」；
4. 梯形已作 180° 的旋轉。
影像設計（一） --- Page 8

9. 香港教育學院 數社科技學系
練習一.
試繪製兩片葉子。
活動 2.2.3 繪畫不規則形狀的圖形
在這個活動中，我們會利用「Spline 曲線」工具，繪製花瓣圖形。
1. 首先選取工具箱的路徑繪圖工具，然後在屬性工具列的「任意形狀」功能表中，
選取「Spline 曲線」；
影像設計（一） --- Page 9
小貼士：在「自訂形狀」中，可以找到葉子的圖形。

10. 香港教育學院 數社科技學系
2. 在編輯區中，按一下，一個起始節點將會出現；
3. 將游標移到第一線段的結束點，接著按一下；
4. 現在四處移動游標時，線段會平滑地彎曲成曲線；
5. 持續地點按和移動滑鼠，直到建立花瓣的圖形；
影像設計（一） --- Page 10
起始節點
結束點
曲線

11. 香港教育學院 數社科技學系
6. 繪畫出花瓣的圖形後，按滑鼠的左鍵兩下，完成圖形。
練習二.
試運用複製、貼上及變形工具，繪製以下圖形。
練習三.
試運用「Spline 曲線」工具繪製花朵的枝幹及儲存檔案「flower.ufo」 。
影像設計（一） --- Page 11

12. 香港教育學院 數社科技學系
活動 2.3 為盆栽修改顏色
在這活動中，我們會把盆栽填上其他的顏色。
1. 在功能表列中，選取「工作區」→「面板」→「色彩面板」；
2. 開啟「色彩面板」面板；
影像設計（一） --- Page 12

13. 香港教育學院 數社科技學系
3. 選取工具箱的「路徑繪圖工具」；
4. 然後點選花朵的圓形；
5. 再在「色彩面板」的色塊面頁中，選取黃色；
影像設計（一） --- Page 13

14. 香港教育學院 數社科技學系
6. 已經把花朵的圓形改變為黃色；
7. 根據以上的方法，修改其他部份的顏色。
活動 2.4 為盆栽增添立體感
在此活動中，我們會為盆栽的各部份增添立體感。
影像設計（一） --- Page 14

15. 香港教育學院 數社科技學系
1. 選取工具箱的「路徑繪圖工具」；
2. 然後點選花朵的圓形；
3. 在屬性工具列的「模式」中，選取「3D 弧面」；
影像設計（一） --- Page 15

16. 香港教育學院 數社科技學系
4. 已經把花朵的圓形建立立體感；
5. 根據以上的方法，修改其他部份後，把儲存檔案。
影像設計（一） --- Page 16
小貼士：
以 PhotoImpact 製作影像，有一個專屬的儲存格式 ---「.ufo」，當影像儲存為此格式，還可以運
用 PhotoImpact 軟件作編輯。
但「.ufo」格式檔案，只可以在 PhotoImpact 軟件上使用，所以要把影像應用於其他地方，必需儲
存為其他格式，例如：「.jpg」、「.gif」等。

17. 香港教育學院 數社科技學系
三. 影像編輯
簡介
PhotoImpact 擁有很多編修工具，讓使用者編輯、調整及改善數位和掃描的相片。
學習目的：
完成學習後，你便能
 運用「選取工具」選取規則或不規則形狀的影像區域
 利用「去除邊緣」功能把多餘的地方消除
 懂得加入陰影
 運用「仿製工具」複製影像
活動 3.1 影像選取技巧
PhotoImpact 提供各式各樣的選取工具，讓我們選取想要編輯的部份影像。
i) 標準選取工具
可以讓我們選取規則形狀的影像區域。
1. 開啟檔案「seagull.jpg」；
影像設計（一） --- Page 17

18. 香港教育學院 數社科技學系
2. 選取工具箱的「標準選取工具」；
3. 在屬性工具列的「形狀」下拉式表單中，設定為橢圓；
4. 在影像上，把海鷗框選出來；
影像設計（一） --- Page 18

19. 香港教育學院 數社科技學系
5. 按下複製；
6. 在功能表中，選取「編輯」→「貼上」→「貼成新影像」；
7. 出現新影像視窗，並儲存檔案「seagull1.ufo」 。
ii) 套索工具
可以讓我們選取不規則形狀的影像區域。
1. 開啟檔案「seagull.jpg」；
影像設計（一） --- Page 19

20. 香港教育學院 數社科技學系
2. 選取工具箱的「套索工具」；
3. 在海鷗的邊緣，按一下標出起點；
4. 接著在海鷗的邊緣移動滑鼠及按下滑鼠的左鍵加入錨點；
5. 把海鷗的邊緣點選出來後，按滑鼠的左鍵兩下；
影像設計（一） --- Page 20

21. 香港教育學院 數社科技學系
6. 選取工具箱的「挑選工具」；
7. 按下複製；
8. 在功能表中，選取「編輯」→「貼上」→「貼成新影像」；
影像設計（一） --- Page 21

22. 香港教育學院 數社科技學系
9. 出現新影像視窗，並儲存檔案「seagull2.ufo」 。
活動 3.2 使用「去除邊緣」功能修輯選取區
使用「套索工具」選取不規則形狀的影像區域時，可能不小心包含了不需要的地
方，「去除邊緣」功能可以把多餘的地方消除。
1. 開啟檔案「seagull2.ufo」，發現有一些不需要的藍色邊界；
2. 使用工具箱的「挑選工具」，把海鷗選取出來；
影像設計（一） --- Page 22

23. 香港教育學院 數社科技學系
3. 在功能表中，選取「物件」→「去除邊緣」；
4. 開啟「去除邊緣」對話方塊，選取合適的深度後，按 確定 ；
5. 已去除藍色邊界，並請儲存檔案。
活動 3.3 為選取影像加入陰影
在這個活動中，我們會為之前選取的海鷗影像，加入陰影。
1. 開啟檔案「seagull1.ufo」；
影像設計（一） --- Page 23

24. 香港教育學院 數社科技學系
2. 使用工具箱的「挑選工具」，把海鷗選取出來；
3. 在功能表中，選取「物件」→「陰影」；
4. 開啟「陰影」對話方塊，勾選「陰影」及選取合適的式樣後，按 確定 ；
影像設計（一） --- Page 24

25. 香港教育學院 數社科技學系
5. 已經加入陰影，並請儲存檔案。
延伸活動：
試把檔案「seagull2.ufo」的海鷗加入陰影。
活動 3.4 仿製工具
仿製是指在影像間，互相複製。
在這個活動中，我們會運用「仿製工具」，把圖片中的戰鬥機消去。
影像設計（一） --- Page 25

26. 香港教育學院 數社科技學系
1. 開啟檔案「fighter.jpg」；
2. 選取工具箱的「仿製 – 畫筆」；
3. 在屬性工具列的「預設項目」下拉式表單中，設定為畫筆；
影像設計（一） --- Page 26

27. 香港教育學院 數社科技學系
4. 在編輯區中，按住 Shift 鍵，並按一下要仿製的區域；
5. 在戰鬥機的位置上，拖曳滑鼠；
6. 把戰鬥機消去了；
影像設計（一） --- Page 27

28. 香港教育學院 數社科技學系
7. 儲存檔案「fighter1.ufo」
延伸活動：
試運用「仿製工具」，把檔案「fighter.jpg」增加多一架戰鬥機。
活動 3.5 利用 PhotoImpact 編輯相片
在這個活動中，我們會利用影像編輯的技巧，為相片加入一些有趣的效果。
1. 開啟檔案「Monkey.jpg」；
影像設計（一） --- Page 28

29. 香港教育學院 數社科技學系
2. 運用工具箱的「套索工具」，把猴子選取出來；
3. 把選取出來的猴子貼成新影像；
4. 開啟檔案「Temple.jpg 」；
5. 選取猴子影像，並拖曳到「Temple.jpg」影像中；
影像設計（一） --- Page 29

30. 香港教育學院 數社科技學系
6. 然後選取工具箱的「變形工具」及屬性工具列的「調整大小」；
7. 把猴子影像縮小；
8. 在屬性工具列中，選取「扭曲」；
9. 在黑色的控制點上拖曳，把影像改變為所需的形狀；
影像設計（一） --- Page 30
調整大小
變形工具

31. 香港教育學院 數社科技學系
10. 複製及貼上猴子的影像；
11. 在屬性工具列中，選取「水平翻轉」；
12. 得到一個水平翻轉的影像
影像設計（一） --- Page 31

32. 香港教育學院 數社科技學系
延伸工程：
試製作以下的影像效果。
影像設計（一） --- Page 32