PowerPoint  2007 訓練課程 利用 SmartArt 圖形 製造視覺效果 1.

Presentation on theme: "PowerPoint  2007 訓練課程 利用 SmartArt 圖形 製造視覺效果 1."— Presentation transcript:

1 PowerPoint  訓練課程 利用 SmartArt 圖形 製造視覺效果 1

2 課程內容 概觀：運用圖形 課程 1：聰明選擇圖形 課程 2：如何建立 SmartArt 圖形 課程 3：設定樣式、修飾和更新圖形
其中兩個課程會列出建議的練習，而且每個課程都提供一套測驗問題。 利用 SmartArt 圖形製造視覺效果 2

3 概觀：運用圖形 身為簡報者，您已經習慣在投影片內容 中使用文字。不過，圖形的方式有時候 會比文字的效果更棒。
SmartArt 圖形可以幫助您以動態的視覺 效果詳細說明流程、概念、階層和關係。 在本簡報中，您將會看到幾個 SmartArt 圖形版面配置的範例，並學習使用及套 用它們，為 PowerPoint 2007 投影片增 添豐富的視覺效果和多樣性。 利用 SmartArt 圖形製造視覺效果 3

4 課程目標 在投影片內容中善用 SmartArt 圖形 使用現有的文字，或從頭開始建立 SmartArt 圖形。
更新在舊版 PowerPoint 中建立的圖表，賦予和 PowerPoint SmartArt 圖形一致的外觀。 利用 SmartArt 圖形製造視覺效果 利用 SmartArt 圖形製造視覺效果 4

5 課程 1 聰明選擇圖形 5

6 聰明選擇圖形 SmartArt 圖形可以用 視覺的方式來呈現資訊， 而且非常容易建立。
本圖中呈現的是包含主 要里程碑的時刻表，用 以說明製作時程。 以下是一些使用 SmartArt 圖形的其他方式： 將項目符號清單的重點放入關聯的圖案中，這些圖案不限於由上往下的垂直格式。接著設定色彩，達成更棒的效果及清晰度。 使用相連的圖案和箭號來顯示流程，清楚而直接地說明順序關係。 利用 SmartArt 圖形製造視覺效果 利用 SmartArt 圖形製造視覺效果 6

7 SmartArt 圖形的類型 如果想要使用 SmartArt 圖形，您可 以從 [版面配置圖庫] 中進行選擇。
如動畫所示，版面配置可以區分為清單、程序、循環、 關聯、矩陣和金字塔等類型。 利用 SmartArt 圖形製造視覺效果 8

8 清單類型的圖形 這個 SmartArt 圖形使 用 [清單] 類型的版面 配置。
這種圖形可以讓您從上往下列出您的想法，並且將重點放 在左邊的圖案中，與內部的細節區分開來。 右邊則是比較長的圖案，使用比較小的文字。 利用 SmartArt 圖形製造視覺效果 9

9 清單類型的圖形 這個 SmartArt 圖形使 用 [清單] 類型的版面 配置。
清單版面配置通常適用於您想要放在一起，但不是逐步流 程的資訊。 為了讓文字便於閱讀，您必須斟酌放在圖形圖案中的文字 數量。 利用 SmartArt 圖形製造視覺效果 10

10 包含圖片的清單 這種圖形式的清單版面 配置包含一些圖案，可 以讓您在其中插入圖片。 您還可以在右邊的圖案 中加上描述性的文字。
另外還有數種清單版面配置，皆提供可插入圖片的圖案。 您不需要在插入圖片後調整位置 及大小，因為這些版面 配置都幫您調整好了。 利用 SmartArt 圖形製造視覺效果 利用 SmartArt 圖形製造視覺效果 11

11 流程圖類型的圖形 這裡的 SmartArt圖形 使用 [流程圖] 類型的 版面配置，其中包含數 個相同的圖案，以及一 個曲折的長箭號，將每 個步驟連接在一起並顯 示方向。 您可以換掉其中的任何圖案，例如，使用標準的流程圖圖 案來表示不同的步驟類型。 利用 SmartArt 圖形製造視覺效果 12

12 流程圖類型的圖形 流程圖提供 30 種以上 的流程版面配置類型。
這些版面配置通常都包含箭號，以顯示方向或進度。流程 圖的內容可以是計畫或產品的發展階段、時刻表中的時間 點，或說明如何將數個元素結合在一起，以產生特定的結 果。 利用 SmartArt 圖形製造視覺效果 13

13 包含編號步驟的流程圖 這個流程圖類型的版面 配置提供的圖案，可以 讓您為步驟加上編號。
其中的箭號呈現出時刻表的概念，並包含描述每個階段的 文字。 這個版面配置強調整體的情況，其他的版面配置則比較強 調每個步驟中的文字細節。 利用 SmartArt 圖形製造視覺效果 14

14 績效管理 洗衣、脫水、烘乾： 這是 SmartArt 圖形中 的 [循環圖] 類型的最 典型代表。 這種類型是用來說明循環式或重複性的程序。
這種版面配置可以有效地顯示循環，以及其中每個部分在 整體之中的角色。 利用 SmartArt 圖形製造視覺效果 15

15 階層圖：組織圖 這種稱為 [階層圖] 的 SmartArt 圖形類型的 常見用途是公司的組織 圖。
這張圖片所使用的版面配置，最適合用於顯示公司內部的 職位階層。 不過，還有許多不同種類的階層圖版面配置，例如，階層 圖也可以用來呈現決策樹或系列產品。 利用 SmartArt 圖形製造視覺效果 16

16 階層圖：系列產品 這個階層圖版面配置顯 示一系列戶外設備的分 支。
這個版面配置以垂直的方式，利用圖案的大小、文字和色 彩編碼，清楚地顯示不同的層級。 利用 SmartArt 圖形製造視覺效果 17

17 關聯圖：星形圖、文氏圖表、靶心圖表 [關聯圖] 類型的版面配 置包括許多種類的圖表， 如星形圖、文氏圖表和 靶心圖表。
這些圖表通常是用來描述兩個或多個 事物或資訊之間的 關係。 這裡顯示的 SmartArt 圖形使用集中星形圖 版面配置，其中有數個元素關聯到或是影響中間的事物。 利用 SmartArt 圖形製造視覺效果 18

18 關聯圖：星形圖、文氏圖表、靶心圖表 [關聯圖] 類型的版面配 置包括許多種類的圖表， 如星形圖、文氏圖表和 靶心圖表。
這些圖表通常是用來描述兩個或多個事物或資訊之間的關 係。 [基本文氏圖表] 版面配置是由兩個或更多重疊的圓形所組成，呈現不同區域或 概念如何重疊，在中央交集的情形又是如何。 利用 SmartArt 圖形製造視覺效果 19

19 關聯圖：星形圖、文氏圖表、靶心圖表 [關聯圖] 類型的版面配 置包括許多種類的圖表， 如星形圖、文氏圖表和 靶心圖表。
這些圖表通常是用來描述兩個或多個事物或資訊之間的關 係。 [基本靶心圖] 版面配置是用來顯示內含項目、漸進或階層 的關聯。 利用 SmartArt 圖形製造視覺效果 利用 SmartArt 圖形製造視覺效果 20

20 矩陣圖 [矩陣圖] 版面配置類型 可以呈現部分和整體之 間的關聯，並且可以使 用座標軸來描述更複雜 的關聯性，如這裡的範 例所示。
這種版面配置稱為 [格線矩陣圖] 。其中一個做為座標軸， 顯示成本的範圍，另一個則顯示不同的技藝。 這個版面配置包含象限和座標軸，您可以在座標軸以外的 地方加上任何適用的標籤。 利用 SmartArt 圖形製造視覺效果 21

21 金字塔圖 [金字塔圖] 類型版面配 置可以呈現比例、基礎 式或階層式的關聯，或 是由下往上發展的流程。
這個範例示範一個漸進式的流程，從底部開始，是收集未 篩選的資料；再往上是篩選資料，最後則是結論。 這種版面配置設計的目的，是以金字塔的形式為您提供更 多文字的空間。 利用 SmartArt 圖形製造視覺效果 22

22 課程 2 如何建立 SmartArt 圖形 29

23 如何建立 SmartArt 圖形 您已經大致了解 SmartArt 圖形 所提供 的類型了。現在，我們 將為您介紹建立 SmartArt 圖形的細部 操作。 您可以使用兩種方式進 行這項作業。 您可以使用投影片上的現有清單進行轉換，也可以插入 空白圖形，然後加入內容。 接著處理圖形。使用方便的 [文字窗格] 將文字加入圖案 中， 再將 圖案和文字移動到版面配置中想要的位置。 如果 您想要使用另一個版面配置，也可以嘗試 使用看 看。 利用 SmartArt 圖形製造視覺效果 30

24 將清單轉換成圖形 您可以輕鬆地將文字清 單轉換成 SmartArt 圖 形。 圖片說明如何轉換項目 符號清單。
32

25 將清單轉換成圖形 請勿過度使用圖形清單。 由於 PowerPoint 可以如此輕鬆地將清單 轉換成圖形，您可能會 想要轉換所有的清單。 不過，請在使用這項功能時仔細地考慮，確定圖形的格 式確實有助於呈現、記憶及了解您的資訊。 同時也請留意視覺殘障或有閱讀困難的人們，因為對他 們而言，純文字的清單有時會比圖形更有幫助。 利用 SmartArt 圖形製造視覺效果 33

26 將清單轉換成圖形 將清單轉換成 SmartArt 圖形的補充說明： 這項轉換功能僅適用於版面配置區或其他圖案中的文字。
在所有提供 SmartArt 圖形的 Microsoft Office 程式中，只有 PowerPoint 2007 可以將現有的文字或清單轉換成 SmartArt 圖形。 您還可以將現有的資料庫圖表更新為 SmartArt 圖形，但是與這項轉換功能是不一樣的。我們將在第三個課程結尾示範這項操作。 利用 SmartArt 圖形製造視覺效果 34

27 從空白的圖形開始：方法 1 當您要開始建立即將輸 入文字的圖形時，請開 啟 SmartArt 圖形版面 配置的主要圖庫，並選 擇一個版面配置。 開啟圖庫的最簡便的方式是功能區中的 [插入] 索引標籤， 如圖所示： 在 [插入] 索引標籤上，按一下 [SmartArt]。 按一下您想要的圖形類型。 利用 SmartArt 圖形製造視覺效果 35

28 從空白的圖形開始：方法 1 當您要開始建立即將輸 入文字的圖形時，請開 啟 SmartArt 圖形版面 配置的主要圖庫，並選 擇一個版面配置。 開啟圖庫的最簡便的方式是功能區中的 [插入] 索引標籤， 如圖所示： 如果您想用另一個版面配置來取代這個版面配置，該怎麼做呢？您可以輕鬆地完成這項操作。本課程稍後將為您說明步驟。 按一下其中一個顯示的版面配置。 預覽區域中會出現比較大的版面配置範例和描述。請按一下 [確定]，將版面配置放入投影片。 利用 SmartArt 圖形製造視覺效果 36

29 從空白的圖形開始：方法 2 在 PowerPoint 中，您還可以使用另一 種方式插入 SmartArt 圖形：按一下投影片版 面配置中的 [SmartArt 圖形] 圖示。 這個圖片示範下列操作： 按一下投影片版面配置中的 [SmartArt 圖形] 圖示。 [SmartArt 圖形庫] 就會開啟，供您選擇版面配置。 利用 SmartArt 圖形製造視覺效果 37

30 從空白的圖形開始：方法 2 這個方法的優點之一是， 圖形一定會插入包含圖 示的版面配置區。
如果您的投影片包含兩個可以插入圖形的版面配置區， 您可以考慮使用這個方法。 因為當您在想要插入圖形的版面配置區中使用 [SmartArt 圖形] 圖示插入圖形時，圖形一定會插入到您想要的位置。 利用 SmartArt 圖形製造視覺效果 38

31 在圖形中新增文字 每個 SmartArt 圖形都 包含一個 [文字] 窗格， 您可以選擇是否要使用 這個窗格。
這個窗格的用途是讓您輸入圖形的文字，以及對圖形進行 其他的編輯。您也可以在 圖形中直接輸入文字。 利用 SmartArt 圖形製造視覺效果 39

32 在圖形中新增文字 這張圖片顯示 [文字] 窗格和新增文字的程序。 [文字] 窗格位於圖形的旁邊。 在窗格中輸入文字。
這張圖片顯示 [文字] 窗格和新增文字的程序。 [文字] 窗格位於圖形的旁邊。 在窗格中輸入文字。 利用 SmartArt 圖形製造視覺效果 40

33 在圖形中新增文字 這張圖片顯示 [文字] 窗格和新增文字的程序。 文字會自動出現在圖形中的對應圖案內。
這張圖片顯示 [文字] 窗格和新增文字的程序。 文字會自動出現在圖形中的對應圖案內。 您會發現圖形中有預設的文字，可以讓您了解文字出現的位置。 利用 SmartArt 圖形製造視覺效果 利用 SmartArt 圖形製造視覺效果 41

34 在圖形中新增文字 如果您覺得在圖形內選 取及處理圖案是一件麻 煩的工作，您將會十分 喜愛 [文字] 窗格。
不需要選取圖案即可開始輸入，您可以專注在文字上，不 必為圖形 分神。 相反地，如果您偏好在圖形的圖案中直接輸入，請直接這 麼做。 或者，您也可以視需要交替使用這兩種方法。 利用 SmartArt 圖形製造視覺效果 42

35 在圖形中新增文字 如果您需要放入許多文 字，或是需要組織文字 的空間，[文字] 窗格都 十分好用。
您也可以在 [文字] 窗格中處理文字與圖案， 進行新增、 刪除和移動。 最後還有一個 [協助工具] 的功能，如果您使用螢幕助讀程 式， 只要在編輯檢視中，[文字] 窗格就可以協助您閱讀， 並在投影片上建立圖形。 利用 SmartArt 圖形製造視覺效果 43

36 如何將文字對應到圖案 您為 SmartArt 圖形選 擇的版面配置類型決定 了 [文字] 窗格內，文 字對應到圖形中圖案的 方式。
圖片中顯示兩種不同的 處理方式。 在左圖中，版面配置在一組圖案中支援最上層的文字，也 就是以箭號分隔的主要圖案。 在 [文字] 窗格中縮排的第二層文字，則出現在 比較下面 的圖案中，這些圖案也有縮排，並包含項目符號。 利用 SmartArt 圖形製造視覺效果 44

37 如何將文字對應到圖案 您為 SmartArt 圖形選 擇的版面配置類型決定 了 [文字] 窗格內，文 字對應到圖形中圖案的 方式。
圖片中顯示兩種不同的 處理方式。 而在右圖中，版面配置將第一層和第二層的所有文字都放 入一個圖案中，並使用項目符號和比較小的字型來表示第 二層文字。 因此，文字的顯示方式是由您選擇的版面配置來決定的。 利用 SmartArt 圖形製造視覺效果 45

38 如何將文字對應到圖案 文字及版面配置的其他資訊：
某些版面配置的圖案可能沒有包含足夠的項目或階層來容納您的文字。在這種情況下，[文字] 窗格中的文字旁邊便會出現紅色的 X。 如果您套用另一個版面配置，而其中的圖案確實能夠容納所有的文字，文字才會出現在圖形中。如果您使用無法容納所有文字的版面配置並儲存簡報，您將會遺失沒有顯示出來的文字。 自動調整文字大小的其他資訊： 在您輸入時，PowerPoint 會調整字型大小，使文字符合圖案的大小。在輸入所有的內容之後，如果您不滿意字型的大小，您可以調整個別圖案中的文字大小。 利用 SmartArt 圖形製造視覺效果 46

39 處理文字和圖案 您可以從 [文字] 窗格 中使用各種方式處理圖 形。圖片中說明新增第 一層項目符號時，便會 新增一組對應的圖案。
當然，您也可以在圖形中新增和移除圖案，並進行任何 其他工作；您可能比較偏好這種方式，但您仍然需要明 白 [文字] 窗格除了輸入文字 之外，還有更多其他的功能。 利用 SmartArt 圖形製造視覺效果 48

40 嘗試使用不同的版面配置 您決定要使用不同的版 面配置，該怎麼做呢？ 您可以輕鬆地切換到另 一個版面配置。
在投影片上的圖形為選取狀態時，按一下 [SmartArt 工具] 中的 [設計] 索引標籤 (每當您選取圖形時，都可以使用這些工具)。 按一下 [版面配置] 群組中的版面配置縮圖。 該版面配置便會套用到圖形上。 利用 SmartArt 圖形製造視覺效果 利用 SmartArt 圖形製造視覺效果 49

41 嘗試使用不同的版面配置 如果您已經進行了其他 自訂作業 (如新增和刪 除圖案以改變圖形的結 構)，但是想要從頭開 始，您可以重設圖形。
在 [SmartArt 工具] 的 [設計] 索引標籤中，按一下 [重設圖 形]： 這樣會重設整個圖形。 利用 SmartArt 圖形製造視覺效果 50

42 建議練習 將清單轉換成 SmartArt 圖形。 在圖形中新增文字。 升階文字和新增圖案。 插入空白圖形。
使用 [插入] 索引標籤插入圖形。 交換版面配置。  新增文字並處理圖案。 線上練習 (需要 PowerPoint 2007) 利用 SmartArt 圖形製造視覺效果 51

43 課程 3 設定樣式、修飾和更新圖形 58

44 設定樣式、修飾和更新圖形 現在，您將探索 SmartArt 圖形廣大的 設計世界。例如，使用 各種樣式和色彩變化， 賦予圖形專業而精緻的 外觀。 此外，您還要認識簡報的整體設計，也就是 [佈景主題] ， 看看它可以為您的圖形設計增添什麼效果。 最後，您將學習如何處理舊版簡報中的圖表。您可以更 新這些圖表，使它們具有 SmartArt 圖形的外觀，或是 維持原來的外觀。 利用 SmartArt 圖形製造視覺效果 59

45 簡報佈景主題：投影片外觀的基本介紹 在開始介紹如何使用 SmartArt 圖形的特定 樣式和色彩之前，我們 要先為您介紹佈景主題。
佈景主題是整個簡報的設計，也是所有投影片和投影片元 素 外觀的基調。 第一張投影片套用了最普通的 PowerPoint 佈景主題，稱為 Office 佈景主題。根據預設，投影片會套用這個佈景主題。 第二張投影片和第一張一樣，但是套用了不同的 佈景主題，稱為 [模組]。 利用 SmartArt 圖形製造視覺效果 60

46 簡報佈景主題：投影片外觀的基本介紹 如同您所看見的，不同 的佈景主題會讓圖形看 起來相當不同。
佈景主題決定了背景設計、投影片色彩、版面配置區的配 置、文字位置和字型樣式。 佈景主題的範圍之中，您可以選擇 SmartArt 圖形的不同 樣式和色彩變化。 利用 SmartArt 圖形製造視覺效果 61

47 SmartArt 樣式：範例 1 就像簡報可以使用各種 不同的佈景主題來製作 外觀，SmartArt 圖形 的每個版面配置也可以 使用 許多不同的樣式。 在第一次插入圖形時，會套用預設的樣式，不過您可以選 擇不同的樣式。 例如，這張圖片是您之前看過的同一個圖形，投影片上 依然套用 [Office 佈景主題]，不過圖形現在則是套用了不 同的樣式。 利用 SmartArt 圖形製造視覺效果 62

48 SmartArt 樣式：範例 2 這個範例套用了 [立體] 類別中的一種樣式，稱 為 [卡通]。
這個範例套用了 [立體] 類別中的一種樣式，稱 為 [卡通]。 這個樣式讓圖案看來似 乎要從投影片上浮起來。 主要圖案有斜角，且兩端都有螢光色，而長形圖案的頂端 和底部也有相似的螢光色。 主要圖案的深色部分是一致的， 形成比較平坦光亮的表 面，和第一個樣式中漸層或漸進的色彩不同。 利用 SmartArt 圖形製造視覺效果 63

49 SmartArt 樣式：範例 2 這個範例套用了 [立體] 類別中的一種樣式，稱 為 [卡通]。
這個範例套用了 [立體] 類別中的一種樣式，稱 為 [卡通]。 這個樣式讓圖案看來似 乎要從投影片上浮起來。 不過總而言之，您會發現樣式具有以下特點： 在目前的色彩範圍內進行色彩陰影的變化。 圖案填滿和框線有各種不同的處理。 利用 SmartArt 圖形製造視覺效果 64

50 SmartArt 樣式：範例 2 這個範例套用了 [立體] 類別中的一種樣式，稱 為 [卡通]。
這個範例套用了 [立體] 類別中的一種樣式，稱 為 [卡通]。 這個樣式讓圖案看來似 乎要從投影片上浮起來。 不過總而言之，您會發現樣式具有以下特點： 不同的立體程度：圖案的外觀可以從平坦到圓形、從完全立體 (雙面) 到傾斜。 各種視覺效果，例如反射、陰影和光暈。 利用 SmartArt 圖形製造視覺效果 65

51 變更樣式的色彩 雖然 SmartArt 圖形的 目前樣式包括色彩，您 仍然可以使用圖庫 (如 圖所示) 來變更色彩。
在 [功能區] 中 [設計] 索引標籤的 [SmartArt 工具] 裡，您 可以在 [SmartArt 樣式] 群組中存取圖庫。 利用 SmartArt 圖形製造視覺效果 66

52 變更樣式的色彩 雖然 SmartArt 圖形的 目前樣式包括色彩，您 仍然可以使用圖庫 (如 圖所示) 來變更色彩。 若要變更樣式色彩：
按一下樣式選擇旁邊的 [變更色彩]。 指向其中一個色彩變化。 看看圖形的預覽。如同一般的做法，按一下縮圖 即可套用色彩。 利用 SmartArt 圖形製造視覺效果 67

53 變更樣式的色彩 色彩選擇使用的是簡報 佈景主題的色彩光譜。
這些色彩以不同列的方式，區分為頂端的主要色彩以及強 調文字色彩；您可以在投影片上的許多項目使用這些色彩， 例如色彩填滿和超連結文字。 如果您變更簡報的佈景主題，圖形的色彩也會更新，以符 合新的佈景主題。 利用 SmartArt 圖形製造視覺效果 68

54 進一步處理圖案 您套用到圖形上的樣式 賦予圖形美麗的外觀。 不過您還可以進一步處 理圖形內的個別圖案。
使用 [SmartArt 工具] 中的 [格式] 索引標籤： 選取您要變更的一個或多個圖案。圖片中已經選取了幾個圖案。 在 [格式] 索引標籤上找到 [圖案樣式] 群組中的 [圖案效果]，然後按一下箭號。 利用 SmartArt 圖形製造視覺效果 69

55 進一步處理圖案 您套用到圖形上的樣式 賦予圖形美麗的外觀。 不過您還可以進一步處 理圖形內的個別圖案。
使用 [SmartArt 工具] 中的 [格式] 索引標籤： 選擇一個效果，例如 [陰影] 效果。或是選擇不同的斜角、反射或光暈。在這個功能表的左邊也有樣式庫，專門適用於圖案。 利用 SmartArt 圖形製造視覺效果 70

56 進一步處理文字 SmartArt 圖形中的文 字也可以進行相同程度 的自訂。
如圖所示，在 [圖案樣式] 的旁邊 有文字樣式和效果的圖 庫， 稱為 [文字藝術師樣式]。 利用 SmartArt 圖形製造視覺效果 71

57 進一步處理文字 這裡示範如何將文字藝 術師格式設定套用到文 字上。 選取您要設定其中的文字格式的 圖案。
在 [格式] 索引標籤上，按一下 [快速樣式] (位在 [文字藝術師樣式] 群組中)。 挑選一個文字藝術師樣式。這個樣式將會套用到選取圖案中的所有文字。 利用 SmartArt 圖形製造視覺效果 72

58 建議練習 套用佈景主題色彩。 選擇不同的樣式和色彩變化。 變更圖案樣式和增添視覺效果。 新增文字效果。
利用 SmartArt 圖形製造視覺效果 78