學 習 重 點

Chapter

綠色園道店家導覽圖 快取圖案與文字藝術師

原始檔：<本書範例 \ ch07 \ 原始檔 \ 綠色園道地圖導覽.docx>。完成檔：<本書範例 \ ch07 \ 完成檔 \ 綠色園道地圖導覽.docx>。

07

「綠色園道店家導覽圖」的學習重點在於如何繪製快取圖案，透過文字藝術師搭配，簡簡

單單就能運用 word 製作出專業的導覽地圖。

利用浮水印來描繪路線圖

使用繪圖畫布繪製圖案

佈置美工圖案

快取圖案的插入與格式設定

文字方塊的設計

插入文字藝術師

套用頁面色彩

ch07.indd 1 2011/8/26 下午 03:47:54

7-2

Wo

rd 2

01

0

7.1 利用浮水印來描繪路線圖

在繪製路線圖時，很重要的一點就是路線的精準度，所以掃描手繪草稿或是掃描地

圖來描繪路線都是基礎的準備工作。

STEP01 請開啟範例原始檔 <綠色園道地圖導覽.docx>，於 版面配置 索引標籤選按 浮水印 \ 自訂浮水印 開啟對話方塊。

STEP02 核選 圖片浮水印 並按 選取圖片 鈕開啟對話方塊，插入範例原始檔 <綠色園道地圖導覽.png>，接著設定 縮放比例：100%，取消核選 刷淡，然後按 確

定 鈕。

ch07.indd 2 2011/8/26 下午 03:47:54

7-3

綠色園道店家導覽圖

07

WSTEP03 回到文件中，版面上即產生淡化後的背景圖，屆時只要依據圖形下去描繪即

可輕鬆完成後續的繪製動作。

備註 如何取得路線圖？

當您準備描繪路線圖之前，可利用手繪草稿或實際地圖來掃描成圖檔，匯進 word 中當浮水印；也可以利用網路地圖另存成圖檔運用，不管使用哪種方式來製作，記得路線圖與實際路況一定要相同，以免繪製完成後的導覽圖卻不符合實

際的狀態。

ch07.indd 3 2011/8/26 下午 03:47:54

7-4

Wo

rd 2

01

0

7.2 使用繪圖畫布繪製圖案

所謂的「繪圖畫布」即是一個類似圖文框的區域，預設是不會有任何框線或色彩的

填色，當您在繪圖畫布裡插入或繪製 Word 圖案物件時，繪圖畫布可以有效協助文

件中圖案物件的排列狀態。

新增繪圖畫布

STEP01 於 插入 索引標籤選按 圖案 \ 新增繪圖畫布，建立一個繪圖畫布。

備註 插入圖案時自動建立繪圖畫布

如果覺得透過繪圖畫布設計與調整圖案時較為得心應手，那建議可以將此項功能

設定為自動產生。請於 檔案 索引標籤選按 選項 開啟對話方塊，在 進階 選項中核選 插入快取圖案時自動建立繪圖畫布。

ch07.indd 4 2011/8/26 下午 03:47:54

7-5

綠色園道店家導覽圖

07

WSTEP02 在繪圖畫布選取的狀態下，於 繪圖工具 \ 格式 索引標籤選按 自動換行 \ 文

字在前，將繪圖畫布置於文字之後。

STEP03 接著將滑鼠指標移至繪圖畫布的左右或上下框線中間，呈雙箭頭圖示時，按

滑鼠左鍵不放拖曳至如圖的適當大小。

將繪圖畫布縮放到能涵蓋整個浮水印的路線圖即可

ch07.indd 5 2011/8/26 下午 03:47:54

7-6

Wo

rd 2

01

0

備註 插入快取圖案的方式

在還沒新增繪圖畫布時，必須於 插入 索引標籤中選按 圖案 插入圖案；但如果新增繪圖畫布後，只要在繪圖畫布選取的狀態下，於 繪圖工具 \ 格式 索引標籤選按 插入圖案-其他，清單中選按欲插入的圖案即可。

STEP02 將滑鼠指標對準 1 的地方按一下滑鼠左鍵，接著移動到 2 點再按一下滑鼠

左鍵，然後依序在 3、 4、 5 的點完成曲線的繪製，最後按一下 ESC 鍵取消動作即完成。

1 2 3 4 5

曲線路線的初步繪製

STEP01 在繪圖畫布選取的狀態下，於 繪圖工具 \ 格式 索引標籤選按 插入圖案-其他，清單中選按 曲線，當滑鼠指標呈 狀時準備進行繪製。

ch07.indd 6 2011/8/26 下午 03:47:55

7-7

綠色園道店家導覽圖

07

WSTEP03 於 繪圖工具 \ 格式 索引標籤選按 格式化圖案 對話方塊啟動器開啟對話方

塊，在 線條樣式 選項中，設定 寬度：30pt 後按 關閉 鈕。

繪圖畫布選取與否

在繪圖畫布選取的狀態下，此時插入的圖案都會自動排列在畫布裡，但若未選取

畫布就插入圖案則會形成另一組新的繪圖畫布。

注意

編輯曲線端點

在初步畫出簡單的曲線後，接著利用 編輯端點 將線條修飾的更完美。

STEP01 選取剛剛繪製好的曲線，於 繪圖工具 \ 格式 索引標籤選按 編輯圖案 \ 編輯端點。

ch07.indd 7 2011/8/26 下午 03:47:55

7-8

Wo

rd 2

01

0

備註 編輯端點的其他設定項目

1. 新增端點 或 刪除端點：可以在編輯的線段上新增或刪除端點。

2. 關閉路徑 或 開啟路徑：透過這二項功能，可以將整線段路徑設定斷開或封閉的狀態。

3. 平滑線段、拉直線段 或 端點：在端點設定上若要改變 控制桿 的作用，選按平滑線段 為連結等長的 控制桿，拉直線段 為連結不等長的 控制桿，若要讓線段呈角度的方式，請選按 端點。

4. 結束編輯端點：除了在文件空白處按一下滑鼠左鍵，也可於清單中選按此項結束端點編輯。

平滑線段 拉直線段 端點

不管是曲線、多邊形、徒手畫或是各種圖

案，都是由許多「端點」與「線條」所構成

的，只要於「端點」上按一下滑鼠右鍵，透

過清單中的編輯項目，即可改變這些「端

點」的數量或位置，達到修改外形的目的。

STEP02 在出現端點後，將滑鼠移至下圖紅色圈選處按一下滑鼠右鍵，選按 拉直線條 將此線段變為直線。

於端點或是線條上按一下滑鼠右鍵即可出現編輯選單

ch07.indd 8 2011/8/26 下午 03:47:55

7-9

綠色園道店家導覽圖

07

WSTEP03 將滑鼠指標移至曲線的第二個端點上，呈 狀，按一下滑鼠左鍵，端點二

側即會出現 控制桿，拖曳右側的 控制桿端點 讓第二個端點的線條呈現漂亮

的曲線弧度。

STEP04 選取中央的 端點 出現 控制桿 後，拖曳二側的 控制桿端點 讓中間區段的曲線更為自然的彎曲。

STEP05 運用相同的步驟完成第四、第五個 端點 的修飾，最後在空白處按一下滑鼠左鍵即完成 編輯端點 的操作。

參考背景的浮水印圖樣進行線條修飾

控制滑桿讓本段線條對準浮水印的圖樣，並呈現為直線狀態。

ch07.indd 9 2011/8/26 下午 03:47:55

7-10

Wo

rd 2

01

0

繪製其他的路線

在掌握了畫曲線的技巧後，接下利用相同的技法完成其他路線的繪製。

STEP01 在繪圖畫布選取的狀態下，於 繪圖工具 \ 格式 索引標籤選按 插入圖案-其他，清單中選按 線條。

STEP02 於文件左邊按滑鼠左鍵不放拖曳描繪直線，然後於 繪圖工具 \ 格式 索引標籤選按 格式化圖案 對話方塊啟動器開啟對話方塊，接著在 線條樣式 選項中設

定 寬度：15pt ，按 關閉 鈕。

ch07.indd 10 2011/8/26 下午 03:47:55

7-11

綠色園道店家導覽圖

07

WSTEP03 照著浮水印的圖樣將所有路線線條稿描繪完畢，且設定好每條線段的寬度及

修飾彎曲度。

STEP04 在繪圖畫布選取的狀態下，按 Ctrl + A 鍵全選所有的線段，在任一線條上按一下滑鼠右鍵，選按 群組 \ 群組 將物件組合起來。

STEP05 選取群組好的線條，於 繪圖工具 \ 格式 索引標籤選按 圖案外框，清單中選按 白色, 背景 1, 較深 35%，這樣就算完成了繪製路線圖的第一步。

15pt

20pt

4pt

4pt8pt

4pt

4pt 4pt 15pt7pt

30pt6pt6pt

ch07.indd 11 2011/8/26 下午 03:47:56

7-12

Wo

rd 2

01

0

繪製色塊區域

一樣利用插入 圖案 的方法，將路線圖中不同的區域規劃不一樣的色塊區域。

STEP01 選取繪圖畫布後，於 繪圖工具 \ 格式 索引標籤選按 插入圖案-其他，清單中選按 矩形。

STEP02 當滑鼠呈 狀，按滑鼠左鍵不放拖曳出如圖大小的矩形。

STEP03 於 繪圖工具 \ 格式 索引標籤選按 下移一層 清單鈕 \ 移到最下層，將色塊置於線條之下。

ch07.indd 12 2011/8/26 下午 03:47:56

7-13

綠色園道店家導覽圖

07

WSTEP04 於 繪圖工具 \ 格式 索引標籤選按 圖案填滿，清單中選按 深黃褐, 背景 2, 較

深 10%。

STEP05 於 繪圖工具 \ 格式 索引標籤選按 編輯圖案 \ 編輯端點，然後按滑鼠左鍵不放拖曳四個角落的 端點，將色塊的區域控制在線條之內。

在繪圖畫布其他空白處按一下滑鼠左鍵即結束端點編輯動作。

ch07.indd 13 2011/8/26 下午 03:47:56

7-14

Wo

rd 2

01

0

STEP06 依據相同步驟，繼續完成其他五個色塊區域的繪製，並改變端點位置、圖案

色彩及移到最下層。

STEP07 最後按 Ctrl + A 鍵選取全部繪圖物件，於任一繪圖物件上按一下滑鼠右鍵，選按 群組 \ 群組。

STEP08 最後於 版面配置 索引標籤選按 浮水印 \ 移除浮水印 清除背景的浮水印效果，這樣就算完成路線圖的繪製。

插入圖案：矩形、圖案填滿：深黃褐, 背景 2, 較深 10%

插入圖案：矩形、圖案填滿：紫色, 輔色 4, 較淺 80%

插入圖案：等腰三角

形、圖案填滿：紅色,

輔色 2, 較淺 80%

插入圖案：矩形、圖

案填滿：綠色

插入圖案 ：剪去對角

線角落矩形、圖案填

滿：深藍, 文字 2, 較

淺 80%

ch07.indd 14 2011/8/26 下午 03:47:56