illustrator圖表設計﹣1

Page 1

圖表版 illustrator基本操作


2005年「漲跌之間」出版之後,原本打算沈潛閉關一陣子之後再著手新

自書(其實腦袋一片空白),這段時間有空多半走走天母古道、洗洗溫泉、吃 吃野菜,晚上多半看書有空也念一點英文,日子過得倒也逍遙自在,甚至有 點半退休的味道。 苦讀中的兒子看不慣這種生活的閒散態度, 「別人的爸爸是忙得沒時間睡 覺,你卻是忙著看電視不睡覺。 」這句話可不容許我再閒散下去,得做一點事 業做為下一代的典範。新書總是需要一點衝擊才得以產生新的火花,這段空 白的日子其實就是等待這一點刺激─兒子的鞭策鼓勵。 有了四本書的經驗,更加留意市場的變化,只見市面上每天都有新作者出 現,同質性的書籍越來越多,再加上年輕學子自習能力提升、網路上垂手可 得的資訊、書市景氣不佳等環境因素的影響,想做一名成功的電腦書作者實 在有點不容易,因此想擺脫這種困境與讀者分享主題明確的專輯,一直是我 編寫每一本書的中心思想。 圖表圖像化經過多年來美編同業的努力已是圖表設計的主流,筆者從事美 編超過25年,已經算是老生代,不過將職場上的資歷及洗溫泉、爬山、喝咖 啡...之類的人生經驗都融合為無形能量成為創作的動力,反射在每一本書或 每一張作品。 本書將省略一般電腦書應有的工具或是浮動面板的介紹,而將寶貴的版面 保留給圖表創作的實戰演繹,介面變化來不及跟上軟體更新的腳步,唯有創 作背後的創意才不會褪流行。

002 非常

圖表

Preface

王銘滄 2006.9

Illustrator Graphics


認識

圖格。本書將以文字及圖形創作為兩大主軸。大多數

工具箱 Illustrator

非常圖表

關於這本

表、圖表,有圖的表叫圖表,也就是搭配圖像的表

作品為職場上的作品,有些受限於當時的版面及印刷條 件,在著作是屬於完全自我創作空間的前提下,題目及 架構不變的原則下必須重新畫過以最新、最有創意的風 貌呈現在讀者的面前。 「非常圖表」是作者自2001年以來第五本著作,平均 一年寫一本書,扣除停筆時間真正進入寫稿階段要求自 己一天寫一頁,也就是說一年應該可以完成一本365頁 的書,但實際上都以320頁左右定稿,顯然還有待努力。 由於本書是以文字搭配圖像的表格,有特定的主題讓 我必須以更謹慎更具思考性的態度完成每一張作品,例 如內閣人事、財經數據一轉眼都已是昨日黃花,希望讀 者把這些圖表當成「圖表」看待,更不要戴有政治的有 色眼鏡看待這本「非常圖表」 ,本書非綠、非藍、更非紅, 而是色彩豐富的花花世界。 最後謝謝讀者的支持,讓作者有機會繼續成為作者。

感謝曾隆明、高智傑、蕭文勇、吳萬程等四位先進提 供作品共襄盛舉,既然要邀稿就要邀得比我還要優的作 品才有誠意,才能嘉惠讀者的視覺饗宴。 在我過去的著作裡也經常邀請同業提供作品, 相信在 國內的電腦書絕對是創舉,這種邀稿就像演唱會歌手邀 請同業一起站台飆歌拉抬聲勢是一樣的。 我也希望透過先進的作品彼此教學相長取長補短,台 灣的數位藝術更能走出國際市場,讓讀者成為最大的贏 家,福氣啦!

圖表

003 非常


圖表

讀者專屬信箱,服務不打烊

有問必答

004 非常

網站:http://issuu.com/wowsite 電子信箱:wang50059@hotmail.com 一本書一世情,建立售後服務、永久保固的讀者關係。 歡迎來信交流討論,連絡過的朋友都知道作者有問必答,留信 箱才有意思。 有許多熱情的讀者在網站上留下寶貴的問題,其中包括同學的 報告、作業,但問題以外沒有留下姓名也沒有信箱、電話,真的 不知道要如何協助您的問題?也有讀者來了電話只留下一句「喂」 就沒有再接下去。請不要客氣,我想留下問題的同時,也請留下 真實姓名及信箱、電話也算是一種禮貌及誠意吧

Illustrator Graphics


認識

認識

Illustrator工具箱

工具箱 Illustrator

Adobe線上

(V)選取 增加錨點/刪除錨點/轉換錨點

弧線/螺旋/方格/極座標格 鏡射/螺旋

(Y)魔術棒

群組選取

直接選取套索(Q)

套索

區域/自由路徑/垂直路徑/ 區域直行/垂直路徑

(P)鋼筆

文字(T)

(\)直線

矩形(M)

(B)畫筆

鉛筆(N)

平滑/擦除

(R)扭轉

縮放(S)

傾斜工具/變外框工具

任意變形(Shift+E)

橫條圖/堆疊橫條圖/散佈圖

(Shift+R)彎曲 (Shift+S)符號噴灑

油漆筒/測量

直接選取(V)

長條圖(J)

(U)漸層網格

漸層(G)

(I)檢色滴管

漸變(W)

(K)即時填色 切割選取

(Shift+K)切割

頁面

(H)掌形

(X)填色

圓角矩形/橢圓/多邊形/ 星形/閃光

長條圖/堆疊長條圖 拆線圖/區域圖

圓形圖/雷達圖

(Shift+L)即時填色選擇工具 剪刀(C)

美工刀

放大鏡(Z) 切換填色/筆畫(Shift+X) 筆畫(X)

(>)漸層/顏色(<) (F)標準螢幕模式

無(/) 全螢幕模式(F)

(F)全螢幕包令含選單模式

圖表

005 非常


006 非常

圖表

快速鍵使用: ●按( )中的輔助鍵,PC BMAC一體適用。 ●雙響工具或選取工具同時按Enter(Return)鍵產生選取工具的浮動視窗。 ●輕按工具箱有小三角形符號顯示隱藏工具。 ●Caps Lock鍵亮時,選取工具箱將呈現十字游標。 ●Ctrl(Command)+Shift鍵同時雙響任何工具,工具箱可以回復預設值。

Illustrator Graphics


認識

全選工具

對於初學者而言,經常搞不清楚這三種箭頭

要用什麼選呢?

有什麼不一樣,簡單的說就是;黑箭頭碰一

Illustrator基本上提供三種箭頭讓你選,看你

下選全部所以叫「全選工具」 ,而空心箭頭碰

是要選全部還是選局部,統統讓你一次選個

到的地方才會選到所以叫「直接選取工具」 ,

夠。

現在就請你用電腦來撿咖啡豆吧!

工具箱 Illustrator

有一種品牌的花生是用電腦撿的,但是電腦

「實心箭頭」 游標選取到的圖件,錨 點全部呈現實心錨點。

圖表

台北市南京東路三段巷子

007 非常


直接選取工具

「空心箭頭」 游標選取碰觸到的圖件呈現 單一實心錨點,其餘呈空心錨點,適合做 局部調整(改變)錨點。

008 非常

圖表

Illustrator Graphics


認識

工具箱 Illustrator

群組選取工具

「群組選取工具」非局部亦非全部,按字義 解釋就是選取已經群組的圖件,對於複雜的 圖件或個別群組的圖件可以使用這項工具 選取。 原圖為七零八落的色塊,(左圖)「群組」咖 豆內部的圖件。(右圖)「群組」咖豆內部黑 色的圖件,使用「空心+箭頭」觸碰圖件時 只有「群組」的部分會成為選取狀態。

台北市館前路

圖表

009 非常


(原圖)

魔術棒工具

功能上和Photoshop的「仙女棒工具」幾乎 是一樣的,設定好「容許度」在圖件上選取 條件相近的物件區塊。 特別以漸層色為例考驗容許度的色階範圍。

(圖一)

(圖一)容許度20

(圖二)

010 非常

圖表

Illustrator Graphics

(圖二)容許度100


直接選擇套索/套索工具

是以實心箭頭或空心箭頭區分自家工具的差 異性。 (圖一)同時提供點陣圖及向量圖, 實心箭頭的

工具箱 Illustrator

這組「套索工具」和選取工具有些相似,都

認識

(原圖)

「套索工具」和黑箭頭的「選取工具」十分接 近,只要在物件的範圍選取,所有的錨點都 是在被選取的狀態下。

(圖一)

(圖二)

(圖二)空心箭頭的「直接選擇套索工具」可以 選取自由輪廓圖件內的錨點及線條路徑。

圖表

011 非常


鋼筆工具

對於多數使用過Photoshop的朋友而言, 「鋼 筆工具」可能只是用來去背景的工具,但是 Illustrator沒有背景可去,反而是專為繪圖設 計的工具,幾何以外的部分一定要用到「鋼 筆、鉛筆」等工具來完成貝茲曲線。

(全圖以「鋼筆工具」完成的作品)

012 非常

圖表

Illustrator Graphics


的是「鉛筆工具」的線條更自由瀟灑,由於 沒有控制 bar 可以改變線條,每一筆都是軟 趴趴的,線條更具靈活的特性用於搭配鋼筆

工具箱 Illustrator

和「鋼筆工具」同屬自由曲線的工具,不同

認識

鉛筆、平滑、擦除工具

的貝茲線有相輔相乘的加分效果。 「擦除工具」就像鉛筆頂端的橡皮擦,用於 塗抹不要的線條。 圖例的「大甲媽祖像」大輪廓以鋼筆工具完 成後,細節的刺繡圖案就是使用「鉛筆工具」 一筆一筆添加上去的。

「平滑工具」可以修飾貝茲線轉 折不流暢的平滑度。

圖表

「大甲媽祖像」 :蕭文勇作品友情贊助。

013 非常


(圖一)

轉換錨點工具

「轉換錨點工具」可以將生硬的直角修飾成 圓潤的弧線、甚至是三角形,經過轉換錨點 可以成為橢圓形,非常適合應用在鋼筆或幾 何銳角錨點上。 (圖一)拖拉一個矩形形,使用「刪除錨點工 (圖二)

具」刪除右下角錨點成三角形(圖二)。 (圖三)使用「轉換錨點工具」選取右上角錨點 加按「Shift鍵」向右下角方向移動。 (圖四)繼續使用「轉換錨點工具」選取左上角 錨點加按「Shift鍵」向右上角方向移動。 (圖五)繼續使用「轉換錨點工具」選取左下角 錨點加按「Shift鍵」向左上角方向移動。經 過三個錨點的修飾已成為橢圓形了,旋轉至 適當角度成為拉風的太陽眼鏡。

(圖三)

(圖四)

014 非常

圖表 (圖五)

Illustrator Graphics


本書在編排上「文字工具」集中在本單元做

認識

文字工具

重點介紹,後半部則放在繪圖步驟演繹。

配備又很容易上手,若要詳述也可以寫上半 本書,我想僅以圖表方面做重點式的工作經 驗與讀者分享。 總結這幾年來常總有有讀者來信問道: 「為什 建立外框字

工具箱 Illustrator

「文字工具」在所有軟體中幾乎都是必要的

麼輸出的文字會亂碼?」包括我自己在輸出時 難免忘了要建立「外框字」(也有人叫文字描 邊、文字轉圖形)。

未建立外框字,為

建立外框字以後的文字也就成了有錨點的圖

原始字型。

形,不能再更改錯字、加字、減字、插字...等 動作,因此務必另存一個檔名或備分保留原

已建立外框字,文

始檔。

字轉圖形。

ߧ⠧༬ᶇ‫׺‬ણ⻞ ߧ⠧༬ᶇ‫׺‬ણ⻞ 92౺ⅶ‫ץ‬ゝː :92౺ⅶ‫ץ‬ゝː 㓳Ⳮː : 㓳Ⳮː ℶ⤶≛:‫ؖ‬ᄽ⫔Ȯづⱇᤕ ℶ⤶≛:‫ؖ‬ᄽ⫔Ȯづⱇᤕ ঎ ‫⃘߽̦⊓ ׻‬ ঎ ‫⃘߽̦⊓ ׻‬ ԰;ː ‫ש‬ʑఱᄽୀ֒ʁ஡⭰28-4⚦5ᐵ ԰;ː ‫ש‬ʑఱᄽୀ֒ʁ஡⭰28-4⚦5ᐵ ‫ؖ‬ᄽᔌ ‫ש‬ʑఱⲀˆ⭰߈ᕀ21బ10-5⚦8ᐵ ‫ؖ‬ᄽᔌ ‫ש‬ʑఱⲀˆ⭰߈ᕀ21బ10-5⚦8ᐵ ቦ␖セ ␫ዧⅠɿᢕⵯᖁᮝ⠞44⚦ ቦ␖セ ␫ዧⅠɿᢕⵯᖁᮝ⠞44⚦ 㓳ણᔌ ‫ש‬ʑⅠɿ⸅ఱẛᖶ⠞75⚦21ᐵ 㓳ણᔌ ‫ש‬ʑⅠɿ⸅ఱẛᖶ⠞75⚦21ᐵ ኚ;લ ኈᑙఱɿᖁ⭰ʷᕀᔌひబ56⚦ ኚ;લ ኈᑙఱɿᖁ⭰ʷᕀᔌひబ56⚦ づ;ቢ ‫ש‬ռఱռ༼֒ंቺ⭰94బ22⚦ づ;ቢ ‫ש‬ռఱռ༼֒ंቺ⭰94బ22⚦ ተᔌ⊔ ኈᑙఱञ˒⠞109⚦4ᐵ ተᔌ⊔ ኈᑙఱञ˒⠞109⚦4ᐵ ‫ش‬᪬ি ጆߤⅠ㖂ୀⵯᄽോ⭰76⚦33ᐵ ‫ش‬᪬ি ጆߤⅠ㖂ୀⵯᄽോ⭰76⚦33ᐵ づⱇᤕ ‫ש‬ʑఱ⒜ᄪ⭰209⚦66ᐵ づⱇᤕ ‫ש‬ʑఱ⒜ᄪ⭰209⚦66ᐵ ଎⇾ૌ ㋧゛ఱ⻺జ⠞273⚦62ᐵ ଎⇾ૌ ㋧゛ఱ⻺జ⠞273⚦62ᐵ ቦ⊔ፖ ㋧゛Ⅰɿ⸅ఱゝໞ⠞3⚦15ᐵ ቦ⊔ፖ ㋧゛Ⅰɿ⸅ఱゝໞ⠞3⚦15ᐵ ᪗⺐ᝤ ‫ש‬ʑఱҜോ⭰ɿᕀ12బ7ೝ12⚦2ᐵ ᪗⺐ᝤ ‫ש‬ʑఱҜോ⭰ɿᕀ12బ7ೝ12⚦2ᐵ ቦ⇾␐ ʑُఱߥⳇ⭰244 ቦ⇾␐ ʑُఱߥⳇ⭰244 బ17⚦5ᐵ బ17⚦5ᐵ づ⇾᪬ ‫ש‬ʑఱռ༼֒҆ᆙ⭰240 づ⇾᪬ ‫ש‬ʑఱռ༼֒҆ᆙ⭰240 ⚦7ᐵʠ6 ⚦7ᐵʠ6 ቦ㓚⃨ ᖬᔋఱ㕻મ⭰28బ66⚦12ᐵʠ8 ቦ㓚⃨ ᖬᔋఱ㕻મ⭰28బ66⚦12ᐵʠ8 ⶎ⡮લ ‫ש‬ʑఱኇୀ֒㈝ᗯ⠞197⚦4ᐵ ⶎ⡮લ ‫ש‬ʑఱኇୀ֒㈝ᗯ⠞197⚦4ᐵ

(沒有建立外框字輸出時造成亂碼)

人名、地址純屬虛構

圖表

(有建立外框字)

015 非常


(圖一)就像圖表標題文字,先描好路徑使用 「路徑文字工具」沿路徑輸入文字就能得到文 字走路徑活潑的效果。 (圖二)中文直行文字夾帶英文或數字,例如 通訊地址中的數字。選取文字塊使用文字清 單下的「文字方向/垂直」可使文字轉直排, 但文中的數字或英文也會跟著直排,單獨選 取數字到文字浮動控制面板的「直排內橫排」 可使局部文字改變方向適用於中英文(數字) 合併使用的稿件。 (圖一)

(圖二)

文字方向/垂直

016 非常

圖表 直排內橫排

(人名、地址純屬虛構)

Illustrator Graphics


經常有些同學及讀者問起: 「某些媒體的標題

認識

(圖一)

文字如何加粗框描邊?」類似表現手法普遍應

假如文字直接加粗框的話,字的筆畫會被吃 (文字直接加邊框)

掉(圖一)。

參考做法: (圖二)

工具箱 Illustrator

用在文字置入背景複雜的圖片。

(圖二)拷貝正常文字按「Ctrl(Command)+C 鍵」 。

(正常文字)

(圖三)取消文字顏色, 選取「筆畫」的顏色及

(圖三)

寬度(圖例為白色筆畫/寬度3pt)。

拷貝 貼上

(白色筆畫寬度3pt)

貼至上層 貼至下層

圖表 (圖四)按「Ctrl(Command)+F鍵」貼回原來的 文字。 (圖四)

017 非常


如何製作一張圖表? 一張精采的圖表抵得過一張插圖或是圖片, 就算是沒有經過圖像修飾的文字表格,也是 經過水平與垂直關係整理過的文字,幫助讀

(圖一)

者更容易閱讀甚至是剪存保留的資料。 製作表格的先決條件就是「文字」 ,文字檔的 必需是純文字的.txt格式,或是經由「拷貝」 文字之後再「貼上」Illustrator。 (圖一)範例是同學會聯絡資料,經由e-mail發 信傳送,這種資料的取得方式也是目前最普 遍的,若要將e-mail的文字轉貼至文件製作 (圖二)

成印刷品必需先將文字轉存.txt格式。 (圖二)先用「文字工具」拉一個矩形範圍並先 預設定好中文字型,假如字型預設英文字型 (圖三)

的話,讀進來的文字會是亂碼。 (圖三)檔案選單下的「置入」讀入.txt文字檔。

置入 (圖四)

018 非常

圖表 (圖四)叫進來的文字七零八落一直到完稿還 有好幾個步驟要做。首先確定字型(先設定中 文:中黑體,英文:arial)、級數、行距等基 (人名、地址純屬虛構)

Illustrator Graphics

本條件。


認識

貼上

(圖一)使用「文字工具」 「剪 下」標題(編輯選單下的「剪 下」),再將剪下的文字「貼 上」頁面。

工具箱 Illustrator

剪下

(圖一)

(圖二)

(圖二)整個文字塊除 了標題、召集人等資 料是「剪下」來的以 外,內文經由「空白 鍵」推移字間位置, 對齊後按「Enter鍵」 換行,算是比較單純 的範例。

(圖三)中英文搭配不 同字體容易產生不能

齊左定位點

對齊的情形(蛇形), 如(圖二)紅色虛線標

圖表

示,這種情形請使用 「定位點尺標/齊左定 位點」拉到設定對齊 的位置,按「Tab鍵」 文字會依定位點對齊 (按「空白鍵」沒有作 用)。 (圖三)

人名、地址純屬虛構

019 非常


視窗選單下/文字/定位點尺標

文字 製作圖表少不了這把尺: 由左至右依序為:齊左、居中、齊右、 小數點對齊定位點。

定位點尺標

當文字做直行對齊時先選定好定位點項目,例如「齊左定位點」再

雙響此鈕定位點尺標

輕點一下尺面位置,立即產生定位點在段落尺標上。再插入文字游

與文字塊對齊,回復原

標,這個功能必需配合按「Tab鍵」文字才會依定位點對齊,欄與

始設定。

之間的位置按「Delete鍵」可以回復原來的空間。 Adobe家族的PageMaker、InDesign都有相同的這把尺,處理文字 表格少不了它。 設定四個定位點 的表格範例

020 非常

圖表

Illustrator Graphics


(對齊後)

認識

(對齊前)

工具箱 Illustrator

(藍線:橫欄參考線‧紅線:直欄參考線)

在某種情況下,文字塊的平行/垂直欄位關係 若不能群組一整個文字塊,必需一塊一塊的

水平居中

垂直居中

剪下、貼上、剪下、貼上、重複這個動作,

圖表

直到完成所有文件為止。 以本表為例,各欄位的文字數量相差很多, 在製作的過程中「拉尺標參考線」以手動目

請逐一選取:

測的方式大致編排好之後,一定會有參差不

●每一橫欄的4欄,使用對齊工具的「垂直居中」 。

齊的情形。

●每一直欄的10欄,使用齊工具的「水平居中」 。

相關範例在後半本部的「康乃馨篇」另有詳 述。

021 非常


(向下微調-10pt) (更正前)

製作群組文字塊的圖表, 難免碰到必需行距微調的 情形,這種case不見得比 前一頁全部拆散的輕鬆。 假設這是一篇在word整理 好的表格文字需要一段一 段剪下來再貼上去。如紅 色虛線標示的橫向文字, 必需單獨逐一選取,使用 文字浮動面板的「行距微 調。向上或向下移動行間 位置。 (更正後)

022 非常

圖表

Illustrator Graphics

按三角鈕「向上」或「向下」 ,調整 文字上下位置。


認識

(圖一)

工具箱 Illustrator (圖二)

(圖三) (圖一)45家上市公司均分三欄置入表內,假 如以手動方式均分三欄置入表內(圖二),萬 一擴大成四欄或六欄以上,不但容易貼錯順 序,也可惜了「文字工具」在排版上的優異 功能了。 建議讀者先以「文字工具」選取原始文字做 「拷貝」(Ctrl(Command)+C鍵)。 (圖三)再以「文字工具」拖拉矩形框之後「貼 上」文字(圖四)。左下角出現紅溢排文字符 (圖四)

號,表示還有文字未走完。

圖表

023 非常


區域文字選項

024 非常

圖表 文字框保持選取狀態使用文字選單下的「區 域文字選項」 ,主要輸入「欄數」及「跨距」 也就是欄間距,設定若不滿意可以隨時回到 這個浮動面板修改,不過只要設定好上述的 「欄數」之後隨時可以手動拖拉改變長寬尺 寸,也是非常方便的。

Illustrator Graphics

完成的圖表


認識

雙響工具出現浮動控制面板,輸入 基本設定等選項。

(直線)

工具箱 Illustrator

直線/弧線/螺旋/方格/極座標格工具

「直線、弧線或斜線」可以同時配合「填色 (弧線)

工具」 、 「筆畫工具」的顏色設定以及筆畫寬 度使用。

(螺旋)

圖表

(極座標格)

(搭配螺旋線條完成的作品)

025 非常


矩形格點工具

單響「矩形格點工具」輸入長寬尺寸及欄數

⫀Ⳗˁ⊵౹ࠀໞ቏

可以直接製作表格省去畫線的麻煩工作,對 於簡單的填表資料是很方便的工具。 除了浮動控制面板的設定外, 也需要配合「筆 畫工具」的基本設定,例如線條的粗細及顏 色...等等,直接影響表格的呈現。 完成後的表格可以在選取狀態下重新設定包 括欄數、行數、框線的粗細、顏色及大小比 例。

矩形格點工具選項

026 非常

圖表

Illustrator Graphics


認識

矩形工具

的頁面尺寸或插圖表現。 您可以任意拖拉寬(高)矩形或加按「Shift鍵」 成等邊四方形,也可以使用「矩形工具」單 響頁面即會出現浮動面板,輸入寬(高)數字

例如本書頁面大小為寬20.5x高22.5公分,

即可求得精確的尺寸。

選取「矩形工具」單響頁面輸入尺寸之後

工具箱 Illustrator

矩形是幾何製圖的根本之道,例如製作稿件

再到物件選單下的「裁切區域/製作」 。

或是使用濾鏡選單下的「建立/物件裁切線」 。

物件裁切線 建立

製作 裁切區域

圖表

027 非常


另外 ,有一些不規則圖形例如圓形的CD正 面,以本書附贈CD為例,仍然以矩形為基 礎,配合參考線即可。 Illustrator輸出之前一定要記得文字「建立外 框字」 ,目前流行的「局部上光」只要拷貝原 始完稿,上光的部分改填黑色刪除不要上光 的圖件即可,裁切線同時保留。 即便是有底圖也要出血滿版,超出裁切線(參 考線)以外的範圍。

(正常完稿)

(上光版)

028 非常

(底圖出血滿版)

圖表 野外求生教室

Illustrator Graphics


的基本結構。畫過石膏像的朋友就知道,維 納斯、阿古利巴的臉正是由直線或塊面組合 而成的空間概念。 Illustrator的圓形則是通往繪圖的基本工具,

工具箱 Illustrator

圓形、矩形等基本幾何可以說是製圖或插畫

認識

橢圓工具

好比書法的「永」字八法。 使用「橢圓工具」任意拖拉橢圓形或加按 「Shift鍵」成正圓形。 選取「橢圓工具」單響頁面即會出現浮動面 板,輸入寬(高)數字即可獲得精確的尺寸。 拖拉五個正圓形,圓心置於五角形尖角處「聯 集」後成一個梅花圖形,下圖以圓形為基礎的 插畫範例。

圖表

029 非常


圓角矩形工具

單響頁面跳出浮動控制面板,設定圓角矩形 的「圓角半徑」以及長、高尺寸,也可以直 接拖拉矩形範圍。 繪圖的主要結構大致上脫離不了矩形、圓 形、圓角矩形等基本元素。 圓角矩形

030 非常

圖表 (以圓角矩形完成的圖件)

Illustrator Graphics


認識

反光工具

工具箱 Illustrator

雙響「反光工具」跳出 浮動面板,設定光暈大 小及反射角度。

使用手動方式:拖拉第一次位置

圖表 完成後的效果為避免視覺搶過插圖,可以 另外再使用透明工具」淡化光暈強度。 對角線拖拉第二次位置

031 非常


A片大放送,光天化日之下大搞鹹濕,

繪圖筆刷工具

挑戰新聞局尺度。 配合視窗清單下的「筆刷資料庫」叫出樣本 浮動面板在桌面上,樣本圖形可以使用任何 一種工具拖拉到頁面上,但只有是在「繪圖 筆刷工具」的搭配上,隨著滑鼠(筆刷)的移 動決定圖案的大小及連續性。

應用在圈選圖片的範例。

032 非常

圖表

選取「筆刷浮動控制面板」樣式,應用標示重點的 範例。

Illustrator Graphics

雙響「筆刷資料庫」設定筆刷工具偏好。


旋轉工具

般旋轉,另一種法寶就是「旋轉拷貝」 。 (圖一)選取圖件雙響「旋轉工具」輸入旋轉角 度(以圓周360度平均除數)再按「拷貝」鈕。

工具箱 Illustrator

「旋轉工具」的使用方式有兩種;一種是一

認識

(圖一)

旋轉

(圖二)

(圖二~三)完成旋轉拷貝的圖件會是在選取 狀態,假如您要走完一個圓周的話,接著連 續按「Ctrl(Command)+D鍵」會重複執行上 述指令直到貼滿圓周為止。

(圖三)

(完成圖)

圖表

033 非常


(原圖)

旋轉工具

(圖一)圖形保持選取狀態使用「旋轉工具」旋 轉,軸心自然產生在中心位置,以手動滑鼠 方式旋轉圖件。 (圖二)也可以移動(改變)旋轉軸心再做旋轉。

旋轉軸心位於正中心

(圖一)

(圖二)

034 非常

圖表

任意改變旋轉軸心

Illustrator Graphics


認識

(圖一)直尺為例,尺

縮放工具

標刻度為0.25pt,若

工具箱 Illustrator

不勾選「縮放筆畫和

縮放圖形可以直接使用「選

特效」的設定筆畫不

取工具+Shift鍵」等比例縮

會隨整個圖件成等

放,或雙響「縮放工具」輸

比例縮放,也就是放

入縮放比例即可。不過在這

大之後筆畫不會跟

個浮動面板最珍貴的 「眉角」

著 變 粗, 縮 小 筆 畫

則是「縮放筆畫和特效」的

也不會跟著變細(圖

選項。

三)。 (圖二)勾選「縮放筆 畫和特效」的設定,

0.25pt

圖件與筆畫的寬度 會同時縮小或放大 (圖四)。 縮放

縮放筆畫和特效

圖表

(原圖)

(圖一)

(圖二)

(圖三)

(圖四)

放大後保持

放大後線條

縮小後保持

縮小後0.11pt

0.25pt

0.45pt

0.25pt

035 非常


縮放

「縮放工具」另一樣寶貝: 「縮放拷貝」 。 標靶:相同圖件保持選取狀態,輸入縮放比 例後按「拷貝」鍵會在同圓心位置產生複製 圖件。

以「縮放拷貝」完成的範例 第一次縮放70%, 第二次縮放50%

036 非常

圖表

Illustrator Graphics


認識

彎曲工具

改變圖件變形的工具。 雙響「彎曲工具」叫出工具工作浮動面板設 定筆刷尺寸及彎曲程度。

工具箱 Illustrator

(原圖)

按住「Alt(Option)鍵」不放單響「彎曲工具」 可以切換隱藏的工具。 (圖一)

(圖二)

(圖一:彎曲工具)

圖表

(圖三)

(圖二:扭轉工具)

(圖三:縮攏工具)

037 非常


(圖四)

(圖四:膨脹工具)

(圖五)

(圖五:荷葉邊工具)

(圖六)

(圖六:晶體化邊工具)

038 非常

圖表

(圖七)

(圖七:皺摺工具)

Illustrator Graphics


旋轉...」等工具使用,游標會因放置位置不 同改變任務,游標形狀也隨之改變。

工具箱 Illustrator

這個單一工具可以同時做為「移動、縮放、

認識

任意變形工具

(原圖)

(對角縮放)

(水平縮放)

圖表

(垂直縮放)

(旋轉縮放)

039 非常


搭配使用「噴灑/符號資料庫」應用 的範例。 噴灑工具

符號噴灑工具 符號壓縮工具 符號縮放工具 符號旋轉工具 符號著色工具 符號濾色工具 符號樣樣式設定器

「符號噴灑工具」必需配合視窗選單下的 「符號資料庫」叫出「圖表、地圖、物件、自 然...」等浮動控制面板。選定其中任何一個 圖案直接拖至頁面即可產生圖形並可重新編 輯調整。

雙響「符號噴灑工具」設定噴槍壓力大小。

040 非常

圖表 視窗選單下的所有圖案資料庫幾乎都可以使 用「噴灑工具」經由選取後單響頁面出現圖 形,或輕壓滑鼠不放在頁面直接拖拉產生圖 形串連效果。

Illustrator Graphics


認識

(圖一)

圓形統計圖一般叫圓餅或派(PAI),適用總和 100%的條件。 (圖一)雙響「圓餅工具」輸入數據。

工具箱 Illustrator

統計圖/圓餅(PAI)

(圖二)

(圖二)完成的圖形需做「解散群組」才能重新 填色。 (圖三)再將平面的圖形做3D立體特效。 (圖三)

圖表

(圖像創作純屬虛構)

041 非常


解散群組會出現一個警告視窗: 「在解散群組 之後,您將無法處理圖表的樣式、資料或更 改圖表的設計。 」假如數據資料無誤、樣式正 確您就按「確定」鍵之後才能做改變顏色, 做3D特效等處理。 上面的警告視窗按「否」鍵的話,在物件清 單最下列的「圖表」預留了修改的空間,假 如數據需要更正只要選取物件清單最下一欄 圖表

類型

的「圖表/資料」選項重新回到工作浮動面板

資料

即可重新輸入資料。

設計 長條 記號

圓餅類型的圖表若輸入直行數據不會產生正確 的圓餅百分比圖形,可以經由預視或重新回到 物件清單的「圖表/資料」按「調換列/欄」及 「勾」鍵即可更正。

(錯誤欄位的圖形)

042 非常

圖表 (更正後欄位的圖形)

選取「類型」選項可以改變圖表形式。

Illustrator Graphics


認識

30

(圖一)

25

統計圖/曲線

15 10 5

曲線圖適用於年度走勢、趨勢等表現。

0

(圖一)雙響「曲線工具」輸入數據。

-5 -10

(圖二)每一種圖形輸入欄位的直、橫條件稍

-15

有不同,前面介紹的圓餅必需是橫排輸入數

工具箱 Illustrator

20

據,而曲線圖卻是直排輸入否則會產生如圖 例的情形發生。

30

(圖二)

25 20 15 10 5 0 -5 -10 -15

(圖三)

按「調換列/欄」及「勾」鍵 即可改變圖表排列方向。

圖表

(圖像創作純屬虛構)

043 非常


10

10

8

8

6

6

4

4

2

2

相比較。

0

0

(圖一)長條圖內定值寬90X80%。

10

10

8

8

6

6

4

4

2

2

0

0

(圖一)

統計圖/直(橫)式長條圖工具

長條圖又叫做(BAR),適用於數據、項目互

(圖二)若要更改長條圖的寬度可以在浮動工 作面板修改較細或更寬的參數。 (圖二)

(圖三)

(圖三)「解散群組」後使用「直接選取工具」 選取參考線延長(圖四)。 (圖五)設計適當圖形置入圖表給你一百分。

044 非常

圖表 (圖四)

(圖像創作純屬虛構)

Illustrator Graphics


的繪圖表現,製作出層次非常綿密的混色效 果,提升作品的寫實度,這項工具的特色是 格點的顏色會隨著輪廓造型做混色的分布。

工具箱 Illustrator

過去幾年曾專注在 「漸層網格工具」 高度寫實

認識

漸層網格工具

(正常填色)

選取的地方會出現十字形格點,至顏色浮動 面板重新填色,每新增一個格點即增加色彩 混色層次。

(漸層網格填色)

(完成圖)

圖表

045 非常


漸層工具/線性

向量軟體的漸層填色賦予作品的色彩表現更 真實、自然。使用漸層填色若用在有底圖的 表現,有一端的色彩一定要融入底色,顏色 才會自然寫實,在本書的作品中將有一大串

單響任何一

的範例。

個漸層滑桿,

以酒瓶封口為例,黑色底圖使用了然平行線

顏色浮動面 板顯示漸層

性漸層,由黑色漸層至灰藍色,自然融入底

色彩成分,可

色。

以重新調整 色彩比例。

黑色100%

046 非常

黑色29% 藍色25%

圖表

Illustrator Graphics

單響漸層滑桿即可新增一個滑桿, 滑桿越多層次越細緻。


認識

漸層工具/放射狀

層,由於是以圓形範圍內由圓周漸層至圓心 位置,特別適用於球體、圓圖形或背景的表 現。

工具箱 Illustrator

「放射狀漸層」有別於前面介紹過的線性漸

籃球漸層面板

足球漸層面板

棒球漸層面板

暗部顏色較足球深

圖表

047 非常


檢色滴管工具

這項工具好比生化教室裡採集樣品的滴管, 一經採集的顏色立即呈現在選取狀態下的圖 使用「吸管工具」檢取色樣 後,原來白色的圖形填上樣 品顏色。

形,也適用於未建立外框字的字體、級數使 用。 (2)吸取樣本字型

(1)選取字型

(3)完成後與樣本同字體、級數

未選取色樣的原始圖形,左圖T恤上的圖形 為吸取鉛筆色樣後的情形。

048 非常

圖表

Illustrator Graphics


定的圖件傾倒即可完成填色的指令。 雙響「油漆桶填色工具」同時叫出「檢 色滴管取樣」及「套用油漆桶」兩項工

工具箱 Illustrator

就像真的油漆桶一樣,準備好顏料往指

認識

油漆桶填色工具

具,其實是近似孿生兄弟的組合互相搭 配使用,套用的對象包括物件填色及屬 性。

(未完成填色的圖件)

圖表 設定好「填色」色彩只要將「油 漆桶填色工具」往圖件傾倒,色 彩立即呈現。

(已完成填色的圖件)

049 非常


漸變工具/線條漸變

(圖一)

(圖二)

漸變在使用上較長應用在「填色漸變」及「線 條漸變」兩種。 「線條漸變」普遍應用在等寬 (等長)、等距或兩端不同等寬(等長)的線條漸 變。 (圖一)選取上、下兩端平行線錨點完成的圖 件,在檢視清單下的線條預視只會出現原始 線條,實際情形則是完成漸變效果的圖件(圖 二)。

050 非常

圖表

Illustrator Graphics


認識

漸變工具/填色漸變

種顏色的漸變層次。 以右圖圓球為例,雙響「漸變工具」輸入指

選取相同錨點位置

定階數,決定漸變層次即可完成由大至小的 漸變。

工具箱 Illustrator

「漸變工具」游標選取兩端錨點即可做出兩

「漸變工具/指定階數/5」

前後兩台相機為真實圖件,使 用「漸變工具」選取相同錨點 「指定階數/2」 ,產生中間兩台 複製的效果。

圖表

051 非常


改變外框工具

圖件在選取狀態下使用這項工具能新增一個 工作錨點,將直線改變成弧線。

052 非常

圖表

(原圖)

Illustrator Graphics

(改變錨點後)


具箱下面的填色及顏色浮動 面板同樣是藍色。

工具箱 Illustrator

先選取樣品色(橙色),此時工

認識

即時填色

(原圖)

(即時填色)

使用「即時填色工具」往要改 色的圖件靠近,原來紅色的圖 件呈選取狀態(選取錨點固定 為紅色顯示), 按滑鼠左鍵完成 即時填色。

(完成圖)

圖表

053 非常


(原圖)

即時填色選取工具

針對選取範圍的填色工具。 原圖的白色為未填色區域,在 選取狀態下使用「即時填色選 取工具」選取好樣品色或顏色 浮動面板即可完成填色。

(範圍填色)

054 非常

圖表

(完成圖)

Illustrator Graphics


卻是完全不一樣,一個是切割圖件,這一個 可是製作網路連結的刀子。

工具箱 Illustrator

長像和「美工刀工具」幾乎一樣,不過功能

認識

切片工具

在圖件上切割網路連結的範圍

選取圖件某一物件使用「屬 性」浮動控制面板的「影像 地圖/矩形」 輸入連結網址, 此時的電腦必需是連線狀 態,按「瀏覽器」扭即可立 即連線至輸入的網站。

屬性

圖表 瀏覽器

055 非常


切片選取範圍工具

配合前面的「切割工具」可以重新修正先前切片 左右寬度或高低範圍。

切片選項

056 非常

圖表

http://www.kingsinfo.com.tw/

使用「切片工具」或「切片選取範圍 工具」修改的超聯結,再到物件清單 下的「切片/切片選項」在URL欄輸入

切片

連結網址。

切片選項

Illustrator Graphics


認識

配合「切片工具」的這支刀片您也可以了解相關 延伸功能的切片。

製作網頁和印刷稿最大不同的地方是顏色及尺寸 的設定,一般而言印刷稿色彩模式是CMYK,而網 頁是RGB,至於尺寸大小由於使用者螢幕大小不 一從8寸的筆記型電腦到20寸桌上型螢幕都有,建

工具箱 Illustrator

開啟頁面:

議(寬)800x600pixels(其實高是無限制)。

新文件

圖表

057 非常


http://www.illustrator.idv.tw

儲存頁面: 058 非常

完成的網頁作品回到檔案清單下做「儲存供網

圖表

頁使用」 ,雙響檔案夾或將檔案直接拖拉至網 頁瀏覽器即可在螢幕上觀賞成果。

儲存供網頁使用

Illustrator Graphics


認識

製作網頁 必需先確定:

工具箱 Illustrator

取材影像圖檔請先 在Photoshop更 改 RGB模式。 或在Illustrator檔案 清單下的 「文件色彩 模式」修改色彩模 式, 同時顏色浮動視 窗的選項也必需是 RGB模式。

深紅色:切割選取範圍

設計好一張首頁圖稿或直接畫 一塊矩形,使用「切片工具」 拖拉一個超聯結範圍,再到物 件清單下的「切片/切片選項」 在URL欄輸入連結網址。

切片選項

圖表 切片

059 非常

粉紅色: 其餘尚未切割選取範圍

切片選項


切片類型: 無影像: 檔案輸出切割的表格但不含圖 像。 影像: 檔案輸出包含表格及圖像。 HTML Text: 根據文字切割的情況下,原 來的文字轉存HTML文字檔。 目標: blank/空白視窗:在瀏覽器開一 個新檔檢視連結網頁,原本視窗 還存在。 self/視窗本尊:原來的網頁視窗 被連結的網頁所取代。 parent/上 一 頁 框 視 窗:使 用 Frame時連結的網頁會回到上 一層的Frame存在的位置。

(圖二)

top/全視窗:連結的網頁以全視 窗呈現電腦螢幕。 訊息: 輸入文字,在瀏覽器觀賞時將滑 鼠移至切割區域,瀏覽器的狀態 列(最下欄)會出現輸入的文字。

060 非常

圖表

(圖一) 其他文字: 輸入文字,在瀏覽器觀賞時將滑 鼠移至切割區域暫停時, 「其他 文字」的內容會出現在切割區 域。(圖二)

Illustrator Graphics

(圖一)


形框沒有作用。

切片工具

出現大小不等矩形分割畫面,但只有深紅色 範圍可以接受選取、編輯、做網路連結的, 粉紅色是尚未切割的範圍,在選取的狀態下 是不接受「切片選項」的。

工具箱 Illustrator

使用「切片工具」拖拉局部範圍,整個圖件

認識

「切片選項」 對於選取切割以外的矩

儲存供網頁使用

「切片選取範圍工具」可以重新修正先前切 片左右寬度或高低範圍,再新新輸入連結網 址。 回到檔案清單下做「儲存供網頁使用」 ,雙響 儲存的檔案夾或直接拖拉檔案夾至網頁瀏覽 器可以立刻感受到成果。

圖表

061 非常


顯示尺標

(圖一)

062 非常

圖表

使用「切片工具」切割圖件,除了可以徒手拉矩形 的方式,面對有組織的區域也可以利用軟體特性處 理整齊畫一的切割,不致於產生重疊零亂的情形。 (圖一)檢視清單下的「顯示尺標」從左側或上方拉出 參考線範圍。 (圖二)使用物件選單下的「切片/從參考線建立」 ,會 從上一個步驟拉出的參考線自動產生切片。

Illustrator Graphics

(圖二)


(圖一)與前一頁有點類似, 這一次是用矩形框選取參 考線範圍的物件,使用物 件清單下的「切片/從選取

工具箱 Illustrator

從選取範圍建立:

認識

(圖一)

範圍建立」 ,根據矩形完成 切片指令(圖二)。

(圖二)

圖表 從選取範圍建立

063 非常


(圖一)

(圖二)

(圖三)

切片工具: (圖 一)使 用「 切 片 工具」製作超連 結,以拖拉選取範

喝酒不開車,安全有保障

圍直接產生,或是 回到物件清單下 的「製作/釋放」重 新產生切片或釋放

064 非常

(圖二)。

圖表

製作 釋放

喝酒不開車,安全有保障 (圖三)也可以使用「矩形工具」選取範 圍,再到物件清單下的「切片/製作」同 樣可以切割圖件輸入超連結網址。

Illustrator Graphics


認識

工具箱 Illustrator (圖一)

(圖二)

屬性

輸入網址

矩形 屬性

影像地圖:

多邊形

http://www.kingsinfo.com.tw/

切片了老半天,要切到那裡去呢?假如不能 做超連結一切都是白切了。叫出視窗選單下 的「屬性」浮動面板。 (圖一)選取範圍的部分連結到某個網站的功 能,在紅色矩形切片的範圍輸入網址。 (圖二)任意選取圖件某一範圍使用「屬性」浮 動視窗的「影像地圖/矩形」輸入連結網址, 此時電腦必需是連線狀態,按「瀏覽器」扭 即可立即連線至輸入的網站。 「影像地圖」分別有「無、矩形、多邊形」 可依選取圖形實際情形選擇。

圖表

065 非常


重新編輯切片: 使用物件清單下的「切片複製、 結合、 分割、 刪除」 ,可以幫助選取範圍重新調整編輯影像 複製切片

地圖。

結合切片 分割切片

(複製切片前)

刪除全部

(分割切片後)

(複製切片後)

分割切片

縱向切片

066 非常

圖表

橫向切片

原圖只做了一個矩形切片(白色虛線),使用「分割切 片」後根據輸入的欄數分割成四個切片。

Illustrator Graphics


認識

工具箱 Illustrator (左 圖)多 重 切 片 在 選 取狀態下使用「結合 切片」會將原先多重 (結合切片)

切片化整為一 (右圖)。

(左 圖)無 論 你 怎 麼 切 「刪除全部」 ,讓你回 復原始狀態清潔溜溜 (刪除全部)

(右圖)。

圖表

067 非常


(圖一)

將各圖層的方形小色塊移至 同一圖層,為避免圖件前後層 錯置,請先從下層開始移動。

(原圖)

製作動畫: 使用Illustrator製作動畫(SWF)和Photoshop 的Imageready一樣,都是利用圖層一層一層 的播放方式,一個圖層相當一格底片。 我們現在要讓這位小朋友在背景不變的情況 下,從右端飛到左端。

068 非常

圖表

(圖二)

(圖一)底圖與小朋友當初不管用了多少圖層 必須全部合併在同一圖層,最快的方式就是 全選「群組」 。另一個方法就是將各圖層的方 形小色塊移至同一圖層。 (圖二)滑鼠游標按住「圖層1」拖拉至頁面圖 案「製作新圖層」 ,原圖產生拷貝圖件後,將 小朋友的位置按虛線路徑移動,這也就是播 放的第二格畫面。

Illustrator Graphics

製作新圖層


認識

(圖三)

工具箱 Illustrator (圖三)複製二次圖層,也就是播放第三格影 片。 檔案清單下「轉存/動畫檔」(SWF)產生兩個 檔案夾都可以雙響或拖拉至瀏覽器預覽播放 效果。 轉存

(圖四 )

圖表

(圖四)合計五個圖層也就是五格底片,背景不動而小朋友 會從東飛西。

069 非常


原始/最佳化/二欄式/四欄式

儲存供網頁使用

製作網頁不需要列印 也不需要打樣,存檔後 即可瀏覽驗收成果。現 在就使用「儲存供網頁 使用」 ,進入視窗簡單 介紹常用工具。

(圖一)

(圖一)「原始」出現單 一視窗,預視的圖件為 原始檔案的情形,左下 角標示檔案大小。

(圖二)

(圖二)「最佳化」也是 出現單一視窗,預視的 圖件為最佳化以後的

070 非常

情形,左下角標示的檔

圖表

案大小自然和原始圖 明顯不同。

單響瀏覽器圖形立即進入網頁狀態

Illustrator Graphics


認識

(圖一)

工具箱 Illustrator

二欄式

(圖二)

四欄式

圖表

071 非常


儲存視窗工具箱: ●「手形工具」可以移 動圖件預視位置。 ● 「切割工具」 選取影像 地圖時右下角的演色表 會同時顯示混色色表。 ● 「放大鏡工具」 可以局 部放大觀察圖件細部。 ● 「吸管工具」 選取圖件 右下角色表顯示色塊。 ●「檢色色格」選取圖 件會和右下角色表一樣 出顏色色樣。 ●「釋放切割工具」畫 面會隱藏切割情形。

影像品質設定 選擇更多的檔案格式

072 非常

圖表 單響對應色彩會跳出選色器視窗,配合演 色表可以幫助使用者處理網頁編輯理想的 色彩管理,例如增減演色表的數量或改變 色彩等功能。

Illustrator Graphics


認識

工具箱 Illustrator

http://www.illustrator.idv.tw

(圖一)

(圖三)

檔案清單下的「儲存供網頁 使用」畫面會產生設定視窗 (圖 一), 可 以 將 作 品 儲 存 成 GIF、JPEG、PNG三種格式 確定後按「儲存」(圖二)。 產生網頁檔案格式即大功告 (圖二)

成,雙響檔案夾即可進入瀏 覽器驗收成果(圖三)。

圖表

073 非常


傾斜工具

調整圖件傾斜變形工具,與「旋轉工具」一 樣有中間軸心做為傾斜的中心位置。

(原圖)

(傾斜後再壓扁)

(傾斜壓扁後的陰影)

074 非常

圖表

Illustrator Graphics


徑,填色的「面」則不屬於剪刀的使用工具。

工具箱 Illustrator

「剪刀工具」只限於用來剪斷多餘的「線」條路

認識

剪刀工具

圖表

075 非常


美工刀工具 (原圖)

民國73年剛退伍的時候想申請一張信用卡真 的很難,至少代表你真的很「信用」才能申 請下來,不像現在口袋裡放著不是一壘鈔票 而是一壘信用卡,於是產生了卡神與卡奴兩 種人類。既然卡太多就來剪一剪吧! 「美工刀工具」是用來裁切分割圖件的「面」 積,和前面剪「線」是不一樣的,所以線條 必需先做「外框筆畫」 ,文字要先做「建立外 框字」 。

使用「美工刀工具」圖件必需是在選取狀態下,刀

加按「Alt(Option)+Shift」鍵可做垂直、平行、對角

子切割要超出圖件以外的範圍,加按「Caps Lock

線線切割,只加「Alt(Option)」鍵只可做直線切割。

鍵」美工刀變成「十字形」圖案,可以做更精確的

(切割以後的圖件可刪除或搬移)

定位。

076 非常

圖表

圖件在選取狀態下,不加任何輔助鍵以自由曲線方 式切割圖件。

Illustrator Graphics


認識

鏡射工具

水平

八方全神貫注的執行勤務,可是單哨不如雙

垂直

哨再畫一個反方向吧,瘋啦!

角度

工具箱 Illustrator

這名勞苦功高的憲兵弟兄正眼觀六路、耳聽

雙響「鏡射工具」跳出浮動控制面板,可以 選擇「水平、垂直、角度」三種鏡射模式。 按「拷貝鍵」除了做鏡射反轉並可同時保留 原圖件,適合做對稱的圖形。

(垂直鏡射/90度/拷貝) (原圖)

圖表

077 非常


測量工具

就是一把「尺」用來測量圖件的 長、寬、高,配合「資訊浮動面 板」的數字顯示。

測量一下小選手跳多高,就用 「測量工具」從頭拖拉到底部 量一下,就像拉皮尺一樣的使 用。

小選手跳104.155mm高

078 非常

圖表

Illustrator Graphics


認識

頁面工具

過列印大小,輕壓「頁面工具」可以任意移動虛 線範圍,雙響工具回復正常。

工具箱 Illustrator

使用於預視列印範圍,作品尺寸若大於虛線即超

雙響「頁面工具」 居中還原

圖表 虛線以外圖件超過頁面列印範圍

079 非常


掌形工具

「掌形工具」如同人的手掌拿著紙張移動桌面,雙 響「掌形工具」畫面回復至符合視窗原始畫面。

導覽器

080 非常

圖表 直接移動「導覽器浮動面板」內的紅色 矩形,與「掌形工具」同步檢視畫面。

Illustrator Graphics

浮動面板選項自訂導覽器邊框顏色


「放大顯示」等四項選單,可以改變瀏覽頁面大 小。 放大顯示

使用「放大鏡工具」每單響一次滑鼠成等比放

縮小尺寸

大,加按「Alt(Option)鍵」則是縮小比例。

符合視窗

工具箱 Illustrator

使用工具箱的「放大鏡工具」或是檢視清單下的

認識

放大鏡工具

實際尺寸

「放大鏡工具」 每 按 壓 一 次 滑 鼠比即放大一次 畫 面。 反 之 加 按 「Alt(Option)鍵 」

以「放大鏡工具」拖拉矩形範圍 可以快速檢視局部細節

則是逐漸縮小比 例。

圖表

「導覽器浮動面板」 的移動滑桿相當 於「放大鏡工具」的縮放功能。

081 非常


沒有點陣圖「即時描圖」不會出現在工具列

即時描圖

自動描邊

下拉式選單 自訂 預設 6色 16色 照片-低保真度 照片-高保真度 灰階 手繪素描 精細插畫 漫畫 技術繪圖

(原圖)

黑白標誌 油墨繪圖 文字

082 非常

圖表 早在CS的工具箱有一項「自動描邊」 ,隨著 CS2的出現很快的提前退休,取而代之的是 「即時描圖」 ,不過這項工具必需是在有點陣 圖出現的情況下才會出現在視窗選單下面工 具列。

Illustrator Graphics


認識 下拉式選單(參考上一頁)

工具箱 Illustrator

即時描圖

(圖一)圖片保持選取狀態, 先從下拉式選單選 取描圖樣式後(6色)按「即時描圖」鍵,接著 再按一次「Expand」(展開)鍵,即可將點陣 圖轉成向量圖。 (圖二)選取「即時描圖」後的圖件已成為向量 圖,可以當作Illustrator圖件選取、修改或刪 除等動作。 內頁「彈珠汽水篇」第278~280有更詳盡論 述。 (圖一)即時描圖/6色

另外,對於擅長手繪線稿的朋友是一大利 多,您可以將手繪圖稿掃描成點陣圖之後再 以Illustrator打開,使用「即時描圖」即可替 代鋼筆錨線直將轉換成向量線條稿了。

圖表

(圖二)

083 非常


認識

工具箱 Illustrator

圖表

http://www.

.idv.tw

017 非常


認識

Illustrator工具箱 Adobe線上

(V)選取 增加錨點/刪除錨點/轉換錨點

弧線/螺旋/方格/極座標格 鏡射/螺旋

(Y)魔術棒

群組選取

直接選取套索(Q)

套索

(P)鋼筆

文字(T)

區域/自由路徑/垂直路徑/ 區域直行/垂直路徑

(\)直線

矩形(M)

圓角矩形/橢圓/多邊形/ 星形/閃光

(B)畫筆

鉛筆(N)

平滑/擦除

(R)扭轉

縮放(S)

傾斜工具/變外框工具

任意變形(Shift+E)

橫條圖/堆疊橫條圖/散佈圖

(Shift+R)彎曲 (Shift+S)符號噴灑

油漆筒/測量

直接選取(V)

長條圖(J)

(U)漸層網格

漸層(G)

(I)檢色滴管

漸變(W)

(K)即時填色 切割選取

(Shift+K)切割

頁面

(H)掌形

(X)填色

長條圖/堆疊長條圖

(Shift+L)即時填色選擇工具 剪刀(C) 放大鏡(Z) 切換填色/筆畫(Shift+X) 筆畫(X)

018 非常

(>)漸層/顏色(<)

圖表

(F)標準螢幕模式

無(/) 全螢幕模式(F)

(F)全螢幕包令含選單模式

Illustrator Graphics

美工刀

拆線圖/區域圖

圓形圖/雷達圖


認識

工具箱 Illustrator

快速鍵使用: ●按( )中的輔助鍵,PC BMAC一體適用。 ●雙響工具或選取工具同時按Enter(Return)鍵產生選取工具的浮動視窗。 ●輕按工具箱有小三角形符號顯示隱藏工具。 ●Caps Lock鍵亮時,選取工具箱將呈現十字游標。 ●Ctrl(Command)+Shift鍵同時雙響任何工具,工具箱可以回復預設值。

圖表

019 非常


全選工具

有一種品牌的花生是用電腦撿的,但是電腦

對於初學者而言,經常搞不清楚這三種箭頭

要用什麼選呢?

有什麼不一樣,簡單的說就是;黑箭頭碰一

Illustrator基本上提供三種箭頭讓你選,看你

下選全部所以叫「全選工具」 ,而空心箭頭碰

是要選全部還是選局部,統統讓你一次選個

到的地方才會選到所以叫「直接選取工具」 ,

夠。

現在就請你用電腦來撿咖啡豆吧!

「實心箭頭」 游標選取到的圖件,錨 點全部呈現實心錨點。

020 非常

圖表

Illustrator Graphics

台北市南京東路三段巷子


認識

工具箱 Illustrator

直接選取工具

「空心箭頭」 游標選取碰觸到的圖件呈現 單一實心錨點,其餘呈空心錨點,適合做 局部調整(改變)錨點。

圖表

021 非常


群組選取工具

「群組選取工具」非局部亦非全部,按字義 解釋就是選取已經群組的圖件,對於複雜的 圖件或個別群組的圖件可以使用這項工具 選取。 原圖為七零八落的色塊,(左圖)「群組」咖

022 非常

豆內部的圖件。(右圖)「群組」咖豆內部黑

圖表

色的圖件,使用「空心+箭頭」觸碰圖件時 只有「群組」的部分會成為選取狀態。

Illustrator Graphics

台北市館前路


魔術棒工具

是一樣的,設定好「容許度」在圖件上選取 條件相近的物件區塊。 特別以漸層色為例考驗容許度的色階範圍。

工具箱 Illustrator

功能上和Photoshop的「仙女棒工具」幾乎

認識

(原圖)

(圖一)

(圖一)容許度20

(圖二)

(圖二)容許度100

圖表

023 非常


(原圖)

直接選擇套索/套索工具

這組「套索工具」和選取工具有些相似,都 是以實心箭頭或空心箭頭區分自家工具的差 異性。 (圖一)同時提供點陣圖及向量圖, 實心箭頭的 「套索工具」和黑箭頭的「選取工具」十分接 近,只要在物件的範圍選取,所有的錨點都 是在被選取的狀態下。

(圖一)

(圖二)

(圖二)空心箭頭的「直接選擇套索工具」可以 選取自由輪廓圖件內的錨點及線條路徑。

024 非常

圖表

Illustrator Graphics


筆工具」可能只是用來去背景的工具,但是 Illustrator沒有背景可去,反而是專為繪圖設 計的工具,幾何以外的部分一定要用到「鋼 筆、鉛筆」等工具來完成貝茲曲線。

工具箱 Illustrator

對於多數使用過Photoshop的朋友而言, 「鋼

認識

鋼筆工具

(全圖以「鋼筆工具」完成的作品)

圖表

025 非常


鉛筆、平滑、擦除工具

和「鋼筆工具」同屬自由曲線的工具,不同 的是「鉛筆工具」的線條更自由瀟灑,由於 沒有控制 bar 可以改變線條,每一筆都是軟 趴趴的,線條更具靈活的特性用於搭配鋼筆 的貝茲線有相輔相乘的加分效果。 「擦除工具」就像鉛筆頂端的橡皮擦,用於 塗抹不要的線條。 圖例的「大甲媽祖像」大輪廓以鋼筆工具完 成後,細節的刺繡圖案就是使用「鉛筆工具」 一筆一筆添加上去的。

「平滑工具」可以修飾貝茲線轉 折不流暢的平滑度。

026 非常

圖表

Illustrator Graphics

「大甲媽祖像」 :蕭文勇作品友情贊助。


轉換錨點工具

圓潤的弧線、甚至是三角形,經過轉換錨點 可以成為橢圓形,非常適合應用在鋼筆或幾 何銳角錨點上。 (圖一)拖拉一個矩形形,使用「刪除錨點工 (圖二)

工具箱 Illustrator

「轉換錨點工具」可以將生硬的直角修飾成

認識

(圖一)

具」刪除右下角錨點成三角形(圖二)。 (圖三)使用「轉換錨點工具」選取右上角錨點 加按「Shift鍵」向右下角方向移動。 (圖四)繼續使用「轉換錨點工具」選取左上角 錨點加按「Shift鍵」向右上角方向移動。 (圖五)繼續使用「轉換錨點工具」選取左下角 錨點加按「Shift鍵」向左上角方向移動。經 過三個錨點的修飾已成為橢圓形了,旋轉至 適當角度成為拉風的太陽眼鏡。

(圖三)

(圖四)

圖表 (圖五)

027 非常


文字工具

本書在編排上「文字工具」集中在本單元做 重點介紹,後半部則放在繪圖步驟演繹。 「文字工具」在所有軟體中幾乎都是必要的 配備又很容易上手,若要詳述也可以寫上半 本書,我想僅以圖表方面做重點式的工作經 驗與讀者分享。 總結這幾年來常總有有讀者來信問道: 「為什

建立外框字

麼輸出的文字會亂碼?」包括我自己在輸出時 難免忘了要建立「外框字」(也有人叫文字描 邊、文字轉圖形)。

未建立外框字,為

建立外框字以後的文字也就成了有錨點的圖

原始字型。

形,不能再更改錯字、加字、減字、插字...等 動作,因此務必另存一個檔名或備分保留原

已建立外框字,文

始檔。

字轉圖形。

ߧ⠧༬ᶇ‫׺‬ણ⻞ ߧ⠧༬ᶇ‫׺‬ણ⻞

028 非常

圖表

92౺ⅶ‫ץ‬ゝː :92౺ⅶ‫ץ‬ゝː 㓳Ⳮː : 㓳Ⳮː ℶ⤶≛:‫ؖ‬ᄽ⫔Ȯづⱇᤕ ℶ⤶≛:‫ؖ‬ᄽ⫔Ȯづⱇᤕ ঎ ‫⃘߽̦⊓ ׻‬ ঎ ‫⃘߽̦⊓ ׻‬ ԰;ː ‫ש‬ʑఱᄽୀ֒ʁ஡⭰28-4⚦5ᐵ ԰;ː ‫ש‬ʑఱᄽୀ֒ʁ஡⭰28-4⚦5ᐵ ‫ؖ‬ᄽᔌ ‫ש‬ʑఱⲀˆ⭰߈ᕀ21బ10-5⚦8ᐵ ‫ؖ‬ᄽᔌ ‫ש‬ʑఱⲀˆ⭰߈ᕀ21బ10-5⚦8ᐵ ቦ␖セ ␫ዧⅠɿᢕⵯᖁᮝ⠞44⚦ ቦ␖セ ␫ዧⅠɿᢕⵯᖁᮝ⠞44⚦ 㓳ણᔌ ‫ש‬ʑⅠɿ⸅ఱẛᖶ⠞75⚦21ᐵ 㓳ણᔌ ‫ש‬ʑⅠɿ⸅ఱẛᖶ⠞75⚦21ᐵ ኚ;લ ኈᑙఱɿᖁ⭰ʷᕀᔌひబ56⚦ ኚ;લ ኈᑙఱɿᖁ⭰ʷᕀᔌひబ56⚦ づ;ቢ ‫ש‬ռఱռ༼֒ंቺ⭰94బ22⚦ づ;ቢ ‫ש‬ռఱռ༼֒ंቺ⭰94బ22⚦ ተᔌ⊔ ኈᑙఱञ˒⠞109⚦4ᐵ ተᔌ⊔ ኈᑙఱञ˒⠞109⚦4ᐵ ‫ش‬᪬ি ጆߤⅠ㖂ୀⵯᄽോ⭰76⚦33ᐵ ‫ش‬᪬ি ጆߤⅠ㖂ୀⵯᄽോ⭰76⚦33ᐵ づⱇᤕ ‫ש‬ʑఱ⒜ᄪ⭰209⚦66ᐵ づⱇᤕ ‫ש‬ʑఱ⒜ᄪ⭰209⚦66ᐵ ଎⇾ૌ ㋧゛ఱ⻺జ⠞273⚦62ᐵ ଎⇾ૌ ㋧゛ఱ⻺జ⠞273⚦62ᐵ ቦ⊔ፖ ㋧゛Ⅰɿ⸅ఱゝໞ⠞3⚦15ᐵ ቦ⊔ፖ ㋧゛Ⅰɿ⸅ఱゝໞ⠞3⚦15ᐵ ᪗⺐ᝤ ‫ש‬ʑఱҜോ⭰ɿᕀ12బ7ೝ12⚦2ᐵ ᪗⺐ᝤ ‫ש‬ʑఱҜോ⭰ɿᕀ12బ7ೝ12⚦2ᐵ ቦ⇾␐ ʑُఱߥⳇ⭰244 ቦ⇾␐ ʑُఱߥⳇ⭰244 బ17⚦5ᐵ బ17⚦5ᐵ づ⇾᪬ ‫ש‬ʑఱռ༼֒҆ᆙ⭰240 づ⇾᪬ ‫ש‬ʑఱռ༼֒҆ᆙ⭰240 ⚦7ᐵʠ6 ⚦7ᐵʠ6 ቦ㓚⃨ ᖬᔋఱ㕻મ⭰28బ66⚦12ᐵʠ8 ቦ㓚⃨ ᖬᔋఱ㕻મ⭰28బ66⚦12ᐵʠ8 ⶎ⡮લ ‫ש‬ʑఱኇୀ֒㈝ᗯ⠞197⚦4ᐵ ⶎ⡮લ ‫ש‬ʑఱኇୀ֒㈝ᗯ⠞197⚦4ᐵ

(沒有建立外框字輸出時造成亂碼)

Illustrator Graphics

人名、地址純屬虛構

(有建立外框字)


認識

工具箱 Illustrator

(圖一)就像圖表標題文字,先描好路徑使用 「路徑文字工具」沿路徑輸入文字就能得到文 字走路徑活潑的效果。 (圖二)中文直行文字夾帶英文或數字,例如 通訊地址中的數字。選取文字塊使用文字清 單下的「文字方向/垂直」可使文字轉直排, 但文中的數字或英文也會跟著直排,單獨選 取數字到文字浮動控制面板的「直排內橫排」 可使局部文字改變方向適用於中英文(數字) 合併使用的稿件。 (圖一)

(圖二)

文字方向/垂直

圖表 直排內橫排

(人名、地址純屬虛構)

029 非常


(圖一)

經常有些同學及讀者問起: 「某些媒體的標題 文字如何加粗框描邊?」類似表現手法普遍應 用在文字置入背景複雜的圖片。 假如文字直接加粗框的話,字的筆畫會被吃 (文字直接加邊框)

掉(圖一)。

參考做法: (圖二)

(圖二)拷貝正常文字按「Ctrl(Command)+C 鍵」 。

(正常文字)

(圖三)取消文字顏色, 選取「筆畫」的顏色及

(圖三)

寬度(圖例為白色筆畫/寬度3pt)。

拷貝 貼上

(白色筆畫寬度3pt)

貼至上層 貼至下層

030 非常

圖表 (圖四)按「Ctrl(Command)+F鍵」貼回原來的 文字。 (圖四)

Illustrator Graphics


就算是沒有經過圖像修飾的文字表格,也是 經過水平與垂直關係整理過的文字,幫助讀

(圖一)

者更容易閱讀甚至是剪存保留的資料。 製作表格的先決條件就是「文字」 ,文字檔的

工具箱 Illustrator

一張精采的圖表抵得過一張插圖或是圖片,

認識

如何製作一張圖表?

必需是純文字的.txt格式,或是經由「拷貝」 文字之後再「貼上」Illustrator。 (圖一)範例是同學會聯絡資料,經由e-mail發 信傳送,這種資料的取得方式也是目前最普 遍的,若要將e-mail的文字轉貼至文件製作 (圖二)

成印刷品必需先將文字轉存.txt格式。 (圖二)先用「文字工具」拉一個矩形範圍並先 預設定好中文字型,假如字型預設英文字型 (圖三)

的話,讀進來的文字會是亂碼。 (圖三)檔案選單下的「置入」讀入.txt文字檔。

置入 (圖四)

圖表 (圖四)叫進來的文字七零八落一直到完稿還 有好幾個步驟要做。首先確定字型(先設定中 文:中黑體,英文:arial)、級數、行距等基 (人名、地址純屬虛構)

本條件。

031 非常


剪下 貼上

(圖一)使用「文字工具」 「剪 下」標題(編輯選單下的「剪 下」),再將剪下的文字「貼 上」頁面。

(圖一)

(圖二)

(圖二)整個文字塊除 了標題、召集人等資 料是「剪下」來的以 外,內文經由「空白 鍵」推移字間位置, 對齊後按「Enter鍵」 換行,算是比較單純 的範例。

(圖三)中英文搭配不 同字體容易產生不能

齊左定位點

對齊的情形(蛇形),

032 非常

圖表

如(圖二)紅色虛線標 示,這種情形請使用 「定位點尺標/齊左定 位點」拉到設定對齊 的位置,按「Tab鍵」 文字會依定位點對齊 (按「空白鍵」沒有作 用)。 (圖三)

Illustrator Graphics

人名、地址純屬虛構


認識

視窗選單下/文字/定位點尺標

工具箱 Illustrator

文字 製作圖表少不了這把尺: 由左至右依序為:齊左、居中、齊右、 小數點對齊定位點。

定位點尺標

當文字做直行對齊時先選定好定位點項目,例如「齊左定位點」再

雙響此鈕定位點尺標

輕點一下尺面位置,立即產生定位點在段落尺標上。再插入文字游

與文字塊對齊,回復原

標,這個功能必需配合按「Tab鍵」文字才會依定位點對齊,欄與

始設定。

之間的位置按「Delete鍵」可以回復原來的空間。 Adobe家族的PageMaker、InDesign都有相同的這把尺,處理文字 表格少不了它。 設定四個定位點 的表格範例

圖表

033 非常


(對齊前)

(對齊後)

(藍線:橫欄參考線‧紅線:直欄參考線)

在某種情況下,文字塊的平行/垂直欄位關係 若不能群組一整個文字塊,必需一塊一塊的

水平居中

垂直居中

剪下、貼上、剪下、貼上、重複這個動作,

034 非常

圖表

直到完成所有文件為止。 以本表為例,各欄位的文字數量相差很多, 在製作的過程中「拉尺標參考線」以手動目

請逐一選取:

測的方式大致編排好之後,一定會有參差不

●每一橫欄的4欄,使用對齊工具的「垂直居中」 。

齊的情形。

●每一直欄的10欄,使用齊工具的「水平居中」 。

相關範例在後半本部的「康乃馨篇」另有詳 述。

Illustrator Graphics


認識

工具箱 Illustrator

(向下微調-10pt) (更正前)

製作群組文字塊的圖表, 難免碰到必需行距微調的 情形,這種case不見得比 前一頁全部拆散的輕鬆。 假設這是一篇在word整理 好的表格文字需要一段一 段剪下來再貼上去。如紅 色虛線標示的橫向文字, 必需單獨逐一選取,使用 文字浮動面板的「行距微 調。向上或向下移動行間 位置。 (更正後)

圖表

按三角鈕「向上」或「向下」 ,調整 文字上下位置。

035 非常


(圖一)

(圖二)

(圖三) (圖一)45家上市公司均分三欄置入表內,假 如以手動方式均分三欄置入表內(圖二),萬 一擴大成四欄或六欄以上,不但容易貼錯順

036 非常

圖表

序,也可惜了「文字工具」在排版上的優異 功能了。 建議讀者先以「文字工具」選取原始文字做 「拷貝」(Ctrl(Command)+C鍵)。 (圖三)再以「文字工具」拖拉矩形框之後「貼 上」文字(圖四)。左下角出現紅溢排文字符 (圖四)

Illustrator Graphics

號,表示還有文字未走完。


認識

工具箱 Illustrator

區域文字選項

圖表 文字框保持選取狀態使用文字選單下的「區 域文字選項」 ,主要輸入「欄數」及「跨距」 也就是欄間距,設定若不滿意可以隨時回到 這個浮動面板修改,不過只要設定好上述的 「欄數」之後隨時可以手動拖拉改變長寬尺 寸,也是非常方便的。

完成的圖表

037 非常


雙響工具出現浮動控制面板,輸入 基本設定等選項。 直線/弧線/螺旋/方格/極座標格工具

(直線)

「直線、弧線或斜線」可以同時配合「填色 (弧線)

工具」 、 「筆畫工具」的顏色設定以及筆畫寬 度使用。

(螺旋)

038 非常

圖表

(極座標格)

(搭配螺旋線條完成的作品)

Illustrator Graphics


⫀Ⳗˁ⊵౹ࠀໞ቏

可以直接製作表格省去畫線的麻煩工作,對 於簡單的填表資料是很方便的工具。 除了浮動控制面板的設定外, 也需要配合「筆 畫工具」的基本設定,例如線條的粗細及顏

工具箱 Illustrator

單響「矩形格點工具」輸入長寬尺寸及欄數

認識

矩形格點工具

色...等等,直接影響表格的呈現。 完成後的表格可以在選取狀態下重新設定包 括欄數、行數、框線的粗細、顏色及大小比 例。

矩形格點工具選項

圖表

039 非常


矩形工具

矩形是幾何製圖的根本之道,例如製作稿件 的頁面尺寸或插圖表現。 您可以任意拖拉寬(高)矩形或加按「Shift鍵」 成等邊四方形,也可以使用「矩形工具」單 響頁面即會出現浮動面板,輸入寬(高)數字

例如本書頁面大小為寬20.5x高22.5公分,

即可求得精確的尺寸。

選取「矩形工具」單響頁面輸入尺寸之後 再到物件選單下的「裁切區域/製作」 。

或是使用濾鏡選單下的「建立/物件裁切線」 。

物件裁切線 建立

040 非常

圖表

Illustrator Graphics

製作 裁切區域


認識

另外 ,有一些不規則圖形例如圓形的CD正 面,以本書附贈CD為例,仍然以矩形為基 Illustrator輸出之前一定要記得文字「建立外 框字」 ,目前流行的「局部上光」只要拷貝原 始完稿,上光的部分改填黑色刪除不要上光 的圖件即可,裁切線同時保留。

工具箱 Illustrator

礎,配合參考線即可。

即便是有底圖也要出血滿版,超出裁切線(參 考線)以外的範圍。

(正常完稿)

(上光版)

(底圖出血滿版)

圖表 野外求生教室

041 非常


橢圓工具

圓形、矩形等基本幾何可以說是製圖或插畫 的基本結構。畫過石膏像的朋友就知道,維 納斯、阿古利巴的臉正是由直線或塊面組合 而成的空間概念。 Illustrator的圓形則是通往繪圖的基本工具, 好比書法的「永」字八法。 使用「橢圓工具」任意拖拉橢圓形或加按 「Shift鍵」成正圓形。 選取「橢圓工具」單響頁面即會出現浮動面 板,輸入寬(高)數字即可獲得精確的尺寸。 拖拉五個正圓形,圓心置於五角形尖角處「聯 集」後成一個梅花圖形,下圖以圓形為基礎的 插畫範例。

042 非常

圖表

Illustrator Graphics


的「圓角半徑」以及長、高尺寸,也可以直 接拖拉矩形範圍。 繪圖的主要結構大致上脫離不了矩形、圓 形、圓角矩形等基本元素。

工具箱 Illustrator

單響頁面跳出浮動控制面板,設定圓角矩形

認識

圓角矩形工具

圓角矩形

圖表 (以圓角矩形完成的圖件)

043 非常


反光工具

雙響「反光工具」跳出 浮動面板,設定光暈大 小及反射角度。

使用手動方式:拖拉第一次位置

044 非常

圖表 完成後的效果為避免視覺搶過插圖,可以 另外再使用透明工具」淡化光暈強度。 對角線拖拉第二次位置

Illustrator Graphics


繪圖筆刷工具

配合視窗清單下的「筆刷資料庫」叫出樣本 浮動面板在桌面上,樣本圖形可以使用任何 一種工具拖拉到頁面上,但只有是在「繪圖 筆刷工具」的搭配上,隨著滑鼠(筆刷)的移 動決定圖案的大小及連續性。

工具箱 Illustrator

挑戰新聞局尺度。

認識

A片大放送,光天化日之下大搞鹹濕,

應用在圈選圖片的範例。

圖表

選取「筆刷浮動控制面板」樣式,應用標示重點的 範例。

雙響「筆刷資料庫」設定筆刷工具偏好。

045 非常


(圖一)

旋轉工具

「旋轉工具」的使用方式有兩種;一種是一 般旋轉,另一種法寶就是「旋轉拷貝」 。 (圖一)選取圖件雙響「旋轉工具」輸入旋轉角 度(以圓周360度平均除數)再按「拷貝」鈕。

旋轉

(圖二)

(圖二~三)完成旋轉拷貝的圖件會是在選取 狀態,假如您要走完一個圓周的話,接著連 續按「Ctrl(Command)+D鍵」會重複執行上 述指令直到貼滿圓周為止。

(圖三)

046 非常

圖表

Illustrator Graphics

(完成圖)


認識

(原圖)

旋轉工具

轉,軸心自然產生在中心位置,以手動滑鼠 方式旋轉圖件。 (圖二)也可以移動(改變)旋轉軸心再做旋轉。

工具箱 Illustrator

(圖一)圖形保持選取狀態使用「旋轉工具」旋

旋轉軸心位於正中心

(圖一)

(圖二)

圖表

任意改變旋轉軸心

047 非常


(圖一)直尺為例,尺

縮放工具

標刻度為0.25pt,若 不勾選「縮放筆畫和

縮放圖形可以直接使用「選

特效」的設定筆畫不

取工具+Shift鍵」等比例縮

會隨整個圖件成等

放,或雙響「縮放工具」輸

比例縮放,也就是放

入縮放比例即可。不過在這

大之後筆畫不會跟

個浮動面板最珍貴的 「眉角」

著 變 粗, 縮 小 筆 畫

則是「縮放筆畫和特效」的

也不會跟著變細(圖

選項。

三)。 (圖二)勾選「縮放筆 畫和特效」的設定,

0.25pt

圖件與筆畫的寬度 會同時縮小或放大 (圖四)。 縮放

縮放筆畫和特效

048 非常

圖表

(原圖)

Illustrator Graphics

(圖一)

(圖二)

(圖三)

(圖四)

放大後保持

放大後線條

縮小後保持

縮小後0.11pt

0.25pt

0.45pt

0.25pt


認識

縮放

工具箱 Illustrator

「縮放工具」另一樣寶貝: 「縮放拷貝」 。 標靶:相同圖件保持選取狀態,輸入縮放比 例後按「拷貝」鍵會在同圓心位置產生複製 圖件。

以「縮放拷貝」完成的範例 第一次縮放70%, 第二次縮放50%

圖表

049 非常


(原圖)

彎曲工具

改變圖件變形的工具。 雙響「彎曲工具」叫出工具工作浮動面板設 定筆刷尺寸及彎曲程度。 按住「Alt(Option)鍵」不放單響「彎曲工具」 可以切換隱藏的工具。 (圖一)

(圖二)

(圖一:彎曲工具)

050 非常

圖表

(圖三)

(圖二:扭轉工具)

(圖三:縮攏工具)

Illustrator Graphics


認識

(圖四:膨脹工具)

工具箱 Illustrator

(圖四)

(圖五)

(圖五:荷葉邊工具)

(圖六)

(圖六:晶體化邊工具)

圖表

(圖七)

(圖七:皺摺工具)

051 非常


任意變形工具

這個單一工具可以同時做為「移動、縮放、 旋轉...」等工具使用,游標會因放置位置不 同改變任務,游標形狀也隨之改變。

(原圖)

(對角縮放)

(水平縮放)

052 非常

圖表

(垂直縮放)

Illustrator Graphics

(旋轉縮放)


認識

搭配使用「噴灑/符號資料庫」應用 的範例。 符號噴灑工具 符號壓縮工具 符號縮放工具 符號旋轉工具 符號著色工具

工具箱 Illustrator

噴灑工具

符號濾色工具 符號樣樣式設定器

「符號噴灑工具」必需配合視窗選單下的 「符號資料庫」叫出「圖表、地圖、物件、自 然...」等浮動控制面板。選定其中任何一個 圖案直接拖至頁面即可產生圖形並可重新編 輯調整。

雙響「符號噴灑工具」設定噴槍壓力大小。

圖表 視窗選單下的所有圖案資料庫幾乎都可以使 用「噴灑工具」經由選取後單響頁面出現圖 形,或輕壓滑鼠不放在頁面直接拖拉產生圖 形串連效果。

053 非常


(圖一)

統計圖/圓餅(PAI)

圓形統計圖一般叫圓餅或派(PAI),適用總和 100%的條件。 (圖一)雙響「圓餅工具」輸入數據。

(圖二)

(圖二)完成的圖形需做「解散群組」才能重新 填色。 (圖三)再將平面的圖形做3D立體特效。 (圖三)

054 非常

圖表

(圖像創作純屬虛構)

Illustrator Graphics


認識

解散群組會出現一個警告視窗: 「在解散群組 之後,您將無法處理圖表的樣式、資料或更 確您就按「確定」鍵之後才能做改變顏色, 做3D特效等處理。 上面的警告視窗按「否」鍵的話,在物件清 單最下列的「圖表」預留了修改的空間,假

工具箱 Illustrator

改圖表的設計。 」假如數據資料無誤、樣式正

如數據需要更正只要選取物件清單最下一欄 圖表

類型

的「圖表/資料」選項重新回到工作浮動面板

資料

即可重新輸入資料。

設計 長條 記號

圓餅類型的圖表若輸入直行數據不會產生正確 的圓餅百分比圖形,可以經由預視或重新回到 物件清單的「圖表/資料」按「調換列/欄」及 「勾」鍵即可更正。

(錯誤欄位的圖形)

圖表 (更正後欄位的圖形)

選取「類型」選項可以改變圖表形式。

055 非常


30

(圖一)

25 20

統計圖/曲線

15 10 5

曲線圖適用於年度走勢、趨勢等表現。

0

(圖一)雙響「曲線工具」輸入數據。

-5 -10

(圖二)每一種圖形輸入欄位的直、橫條件稍

-15

有不同,前面介紹的圓餅必需是橫排輸入數 據,而曲線圖卻是直排輸入否則會產生如圖 例的情形發生。

30

(圖二)

25 20 15 10 5 0 -5 -10 -15

(圖三)

按「調換列/欄」及「勾」鍵 即可改變圖表排列方向。

056 非常

圖表

(圖像創作純屬虛構)

Illustrator Graphics


認識

10

8

8

6

6

4

4

2

2

相比較。

0

0

(圖一)長條圖內定值寬90X80%。

10

10

8

8

6

6

4

4

2

2

0

0

(圖一)

統計圖/直(橫)式長條圖工具

長條圖又叫做(BAR),適用於數據、項目互

工具箱 Illustrator

10

(圖二)若要更改長條圖的寬度可以在浮動工 作面板修改較細或更寬的參數。 (圖二)

(圖三)

(圖三)「解散群組」後使用「直接選取工具」 選取參考線延長(圖四)。 (圖五)設計適當圖形置入圖表給你一百分。

圖表 (圖四)

(圖像創作純屬虛構)

057 非常


漸層網格工具

過去幾年曾專注在 「漸層網格工具」 高度寫實 的繪圖表現,製作出層次非常綿密的混色效 果,提升作品的寫實度,這項工具的特色是 格點的顏色會隨著輪廓造型做混色的分布。

(正常填色)

選取的地方會出現十字形格點,至顏色浮動 面板重新填色,每新增一個格點即增加色彩 混色層次。

(漸層網格填色)

(完成圖)

058 非常

圖表

Illustrator Graphics


認識

漸層工具/線性

真實、自然。使用漸層填色若用在有底圖的 表現,有一端的色彩一定要融入底色,顏色 才會自然寫實,在本書的作品中將有一大串

單響任何一

的範例。

個漸層滑桿,

以酒瓶封口為例,黑色底圖使用了然平行線

顏色浮動面

工具箱 Illustrator

向量軟體的漸層填色賦予作品的色彩表現更

板顯示漸層

性漸層,由黑色漸層至灰藍色,自然融入底

色彩成分,可

色。

以重新調整 色彩比例。

黑色100%

黑色29% 藍色25%

單響漸層滑桿即可新增一個滑桿, 滑桿越多層次越細緻。

圖表

059 非常


漸層工具/放射狀

「放射狀漸層」有別於前面介紹過的線性漸 層,由於是以圓形範圍內由圓周漸層至圓心 位置,特別適用於球體、圓圖形或背景的表 現。 籃球漸層面板

足球漸層面板

棒球漸層面板

暗部顏色較足球深

060 非常

圖表

Illustrator Graphics


認識

檢色滴管工具

一經採集的顏色立即呈現在選取狀態下的圖 使用「吸管工具」檢取色樣 後,原來白色的圖形填上樣 品顏色。

形,也適用於未建立外框字的字體、級數使 用。 (2)吸取樣本字型

工具箱 Illustrator

這項工具好比生化教室裡採集樣品的滴管,

(1)選取字型

(3)完成後與樣本同字體、級數

未選取色樣的原始圖形,左圖T恤上的圖形 為吸取鉛筆色樣後的情形。

圖表

061 非常


油漆桶填色工具

就像真的油漆桶一樣,準備好顏料往指 定的圖件傾倒即可完成填色的指令。 雙響「油漆桶填色工具」同時叫出「檢 色滴管取樣」及「套用油漆桶」兩項工 具,其實是近似孿生兄弟的組合互相搭 配使用,套用的對象包括物件填色及屬 性。

(未完成填色的圖件)

062 非常

圖表 設定好「填色」色彩只要將「油 漆桶填色工具」往圖件傾倒,色 彩立即呈現。

Illustrator Graphics

(已完成填色的圖件)


認識

漸變工具/線條漸變

工具箱 Illustrator

(圖一)

(圖二)

漸變在使用上較長應用在「填色漸變」及「線 條漸變」兩種。 「線條漸變」普遍應用在等寬 (等長)、等距或兩端不同等寬(等長)的線條漸 變。 (圖一)選取上、下兩端平行線錨點完成的圖 件,在檢視清單下的線條預視只會出現原始 線條,實際情形則是完成漸變效果的圖件(圖 二)。

圖表

063 非常


漸變工具/填色漸變

「漸變工具」游標選取兩端錨點即可做出兩 種顏色的漸變層次。 以右圖圓球為例,雙響「漸變工具」輸入指

選取相同錨點位置

定階數,決定漸變層次即可完成由大至小的 漸變。

「漸變工具/指定階數/5」

前後兩台相機為真實圖件,使 用「漸變工具」選取相同錨點

064 非常

圖表

「指定階數/2」 ,產生中間兩台 複製的效果。

Illustrator Graphics


工作錨點,將直線改變成弧線。

工具箱 Illustrator

圖件在選取狀態下使用這項工具能新增一個

認識

改變外框工具

圖表

(原圖)

(改變錨點後)

065 非常


即時填色

先選取樣品色(橙色),此時工 具箱下面的填色及顏色浮動 面板同樣是藍色。

(原圖)

(即時填色)

使用「即時填色工具」往要改 色的圖件靠近,原來紅色的圖 件呈選取狀態(選取錨點固定 為紅色顯示), 按滑鼠左鍵完成

066 非常

即時填色。

圖表

(完成圖)

Illustrator Graphics


即時填色選取工具

原圖的白色為未填色區域,在 選取狀態下使用「即時填色選 取工具」選取好樣品色或顏色 浮動面板即可完成填色。

工具箱 Illustrator

針對選取範圍的填色工具。

認識

(原圖)

(範圍填色)

圖表

(完成圖)

067 非常


切片工具

長像和「美工刀工具」幾乎一樣,不過功能 卻是完全不一樣,一個是切割圖件,這一個 可是製作網路連結的刀子。

在圖件上切割網路連結的範圍

選取圖件某一物件使用「屬 性」浮動控制面板的「影像 地圖/矩形」 輸入連結網址, 此時的電腦必需是連線狀 態,按「瀏覽器」扭即可立 即連線至輸入的網站。

屬性

068 非常

圖表 瀏覽器

Illustrator Graphics


認識

切片選取範圍工具

左右寬度或高低範圍。

工具箱 Illustrator

配合前面的「切割工具」可以重新修正先前切片

切片選項

http://www.kingsinfo.com.tw/

使用「切片工具」或「切片選取範圍 工具」修改的超聯結,再到物件清單 下的「切片/切片選項」在URL欄輸入 切片

連結網址。

切片選項

圖表

069 非常


配合「切片工具」的這支刀片您也可以了解相關 延伸功能的切片。

開啟頁面: 製作網頁和印刷稿最大不同的地方是顏色及尺寸 的設定,一般而言印刷稿色彩模式是CMYK,而網 頁是RGB,至於尺寸大小由於使用者螢幕大小不 一從8寸的筆記型電腦到20寸桌上型螢幕都有,建 議(寬)800x600pixels(其實高是無限制)。

新文件

070 非常

圖表

Illustrator Graphics


認識

工具箱 Illustrator

http://www.illustrator.idv.tw

儲存頁面: 完成的網頁作品回到檔案清單下做「儲存供網 頁使用」 ,雙響檔案夾或將檔案直接拖拉至網 頁瀏覽器即可在螢幕上觀賞成果。

儲存供網頁使用

圖表

071 非常


製作網頁 必需先確定: 取材影像圖檔請先 在Photoshop更 改 RGB模式。 或在Illustrator檔案 清單下的 「文件色彩 模式」修改色彩模 式, 同時顏色浮動視 窗的選項也必需是 RGB模式。

深紅色:切割選取範圍

設計好一張首頁圖稿或直接畫 一塊矩形,使用「切片工具」 拖拉一個超聯結範圍,再到物 件清單下的「切片/切片選項」 在URL欄輸入連結網址。

切片選項

072 非常

圖表 切片

粉紅色: 其餘尚未切割選取範圍

Illustrator Graphics

切片選項


認識

切片類型:

工具箱 Illustrator

無影像: 檔案輸出切割的表格但不含圖 像。 影像: 檔案輸出包含表格及圖像。 HTML Text: 根據文字切割的情況下,原 來的文字轉存HTML文字檔。 目標: blank/空白視窗:在瀏覽器開一 個新檔檢視連結網頁,原本視窗 還存在。 self/視窗本尊:原來的網頁視窗 被連結的網頁所取代。 parent/上 一 頁 框 視 窗:使 用 Frame時連結的網頁會回到上 一層的Frame存在的位置。

(圖二)

top/全視窗:連結的網頁以全視 窗呈現電腦螢幕。 訊息:

(圖一)

輸入文字,在瀏覽器觀賞時將滑 鼠移至切割區域,瀏覽器的狀態 列(最下欄)會出現輸入的文字。 (圖一) 其他文字: 輸入文字,在瀏覽器觀賞時將滑 鼠移至切割區域暫停時, 「其他 文字」的內容會出現在切割區 域。(圖二)

圖表

073 非常


「切片選項」 對於選取切割以外的矩 形框沒有作用。

切片工具

使用「切片工具」拖拉局部範圍,整個圖件 出現大小不等矩形分割畫面,但只有深紅色 範圍可以接受選取、編輯、做網路連結的, 粉紅色是尚未切割的範圍,在選取的狀態下 是不接受「切片選項」的。

儲存供網頁使用

074 非常

圖表

「切片選取範圍工具」可以重新修正先前切 片左右寬度或高低範圍,再新新輸入連結網 址。 回到檔案清單下做「儲存供網頁使用」 ,雙響 儲存的檔案夾或直接拖拉檔案夾至網頁瀏覽 器可以立刻感受到成果。

Illustrator Graphics


認識

工具箱 Illustrator

顯示尺標

(圖一)

使用「切片工具」切割圖件,除了可以徒手拉矩形 的方式,面對有組織的區域也可以利用軟體特性處 理整齊畫一的切割,不致於產生重疊零亂的情形。 (圖一)檢視清單下的「顯示尺標」從左側或上方拉出 參考線範圍。 (圖二)使用物件選單下的「切片/從參考線建立」 ,會 從上一個步驟拉出的參考線自動產生切片。

(圖二)

圖表

075 非常


(圖一)

從選取範圍建立: (圖一)與前一頁有點類似, 這一次是用矩形框選取參 考線範圍的物件,使用物 件清單下的「切片/從選取 範圍建立」 ,根據矩形完成 切片指令(圖二)。

(圖二)

076 非常

圖表 從選取範圍建立

Illustrator Graphics


認識

工具箱 Illustrator

(圖一)

(圖二)

(圖三)

切片工具: (圖 一)使 用「 切 片 工具」製作超連 結,以拖拉選取範

喝酒不開車,安全有保障

圍直接產生,或是 回到物件清單下 的「製作/釋放」重 新產生切片或釋放 (圖二)。

圖表 製作 釋放

喝酒不開車,安全有保障 (圖三)也可以使用「矩形工具」選取範 圍,再到物件清單下的「切片/製作」同 樣可以切割圖件輸入超連結網址。

077 非常


(圖一)

(圖二)

屬性

無 矩形 屬性

影像地圖: 切片了老半天,要切到那裡去呢?假如不能 做超連結一切都是白切了。叫出視窗選單下 的「屬性」浮動面板。 (圖一)選取範圍的部分連結到某個網站的功

078 非常

圖表

能,在紅色矩形切片的範圍輸入網址。 (圖二)任意選取圖件某一範圍使用「屬性」浮 動視窗的「影像地圖/矩形」輸入連結網址, 此時電腦必需是連線狀態,按「瀏覽器」扭 即可立即連線至輸入的網站。 「影像地圖」分別有「無、矩形、多邊形」 可依選取圖形實際情形選擇。

Illustrator Graphics

輸入網址

多邊形

http://www.kingsinfo.com.tw/


刪除」 ,可以幫助選取範圍重新調整編輯影像 複製切片

地圖。

結合切片 分割切片

(複製切片前)

刪除全部

工具箱 Illustrator

使用物件清單下的「切片複製、 結合、 分割、

認識

重新編輯切片:

(分割切片後)

(複製切片後)

分割切片

縱向切片

圖表 橫向切片

原圖只做了一個矩形切片(白色虛線),使用「分割切 片」後根據輸入的欄數分割成四個切片。

079 非常


(左 圖)多 重 切 片 在 選 取狀態下使用「結合 切片」會將原先多重 (結合切片)

切片化整為一 (右圖)。

(左 圖)無 論 你 怎 麼 切 「刪除全部」 ,讓你回 復原始狀態清潔溜溜 (刪除全部)

080 非常

圖表

Illustrator Graphics

(右圖)。


認識

工具箱 Illustrator

(圖一)

將各圖層的方形小色塊移至 同一圖層,為避免圖件前後層 錯置,請先從下層開始移動。

(原圖)

製作動畫: 使用Illustrator製作動畫(SWF)和Photoshop 的Imageready一樣,都是利用圖層一層一層 的播放方式,一個圖層相當一格底片。 我們現在要讓這位小朋友在背景不變的情況 下,從右端飛到左端。

(圖二)

(圖一)底圖與小朋友當初不管用了多少圖層

圖表

必須全部合併在同一圖層,最快的方式就是 全選「群組」 。另一個方法就是將各圖層的方 形小色塊移至同一圖層。 (圖二)滑鼠游標按住「圖層1」拖拉至頁面圖 案「製作新圖層」 ,原圖產生拷貝圖件後,將 小朋友的位置按虛線路徑移動,這也就是播 放的第二格畫面。

製作新圖層

081 非常


(圖三)

(圖三)複製二次圖層,也就是播放第三格影 片。 檔案清單下「轉存/動畫檔」(SWF)產生兩個 檔案夾都可以雙響或拖拉至瀏覽器預覽播放 效果。 轉存

(圖四 )

082 非常

圖表

(圖四)合計五個圖層也就是五格底片,背景不動而小朋友 會從東飛西。

Illustrator Graphics


認識

工具箱 Illustrator

原始/最佳化/二欄式/四欄式

儲存供網頁使用

製作網頁不需要列印 也不需要打樣,存檔後 即可瀏覽驗收成果。現 在就使用「儲存供網頁 使用」 ,進入視窗簡單 介紹常用工具。

(圖一)

(圖一)「原始」出現單 一視窗,預視的圖件為 原始檔案的情形,左下 角標示檔案大小。

(圖二)

(圖二)「最佳化」也是 出現單一視窗,預視的 圖件為最佳化以後的 情形,左下角標示的檔 案大小自然和原始圖 明顯不同。

單響瀏覽器圖形立即進入網頁狀態

圖表

083 非常


(圖一)

二欄式

(圖二)

四欄式

084 非常

圖表

Illustrator Graphics


認識

儲存視窗工具箱:

工具箱 Illustrator

●「手形工具」可以移 動圖件預視位置。 ● 「切割工具」 選取影像 地圖時右下角的演色表 會同時顯示混色色表。 ● 「放大鏡工具」 可以局 部放大觀察圖件細部。 ● 「吸管工具」 選取圖件 右下角色表顯示色塊。 ●「檢色色格」選取圖 件會和右下角色表一樣 出顏色色樣。 ●「釋放切割工具」畫 面會隱藏切割情形。

影像品質設定 選擇更多的檔案格式

圖表 單響對應色彩會跳出選色器視窗,配合演 色表可以幫助使用者處理網頁編輯理想的 色彩管理,例如增減演色表的數量或改變 色彩等功能。

085 非常


http://www.illustrator.idv.tw

(圖一)

(圖三)

檔案清單下的「儲存供網頁 使用」畫面會產生設定視窗 (圖 一), 可 以 將 作 品 儲 存 成

086 非常

GIF、JPEG、PNG三種格式

圖表

確定後按「儲存」(圖二)。 產生網頁檔案格式即大功告 (圖二)

Illustrator Graphics

成,雙響檔案夾即可進入瀏 覽器驗收成果(圖三)。


認識

傾斜工具

工具箱 Illustrator

調整圖件傾斜變形工具,與「旋轉工具」一 樣有中間軸心做為傾斜的中心位置。

(原圖)

(傾斜後再壓扁)

(傾斜壓扁後的陰影)

圖表

087 非常


剪刀工具

「剪刀工具」只限於用來剪斷多餘的「線」條路 徑,填色的「面」則不屬於剪刀的使用工具。

088 非常

圖表

Illustrator Graphics


的很難,至少代表你真的很「信用」才能申 請下來,不像現在口袋裡放著不是一壘鈔票 而是一壘信用卡,於是產生了卡神與卡奴兩 種人類。既然卡太多就來剪一剪吧!

工具箱 Illustrator

民國73年剛退伍的時候想申請一張信用卡真

認識

美工刀工具 (原圖)

「美工刀工具」是用來裁切分割圖件的「面」 積,和前面剪「線」是不一樣的,所以線條 必需先做「外框筆畫」 ,文字要先做「建立外 框字」 。

使用「美工刀工具」圖件必需是在選取狀態下,刀

加按「Alt(Option)+Shift」鍵可做垂直、平行、對角

子切割要超出圖件以外的範圍,加按「Caps Lock

線線切割,只加「Alt(Option)」鍵只可做直線切割。

鍵」美工刀變成「十字形」圖案,可以做更精確的

(切割以後的圖件可刪除或搬移)

定位。

圖表

圖件在選取狀態下,不加任何輔助鍵以自由曲線方 式切割圖件。

089 非常


鏡射工具

這名勞苦功高的憲兵弟兄正眼觀六路、耳聽

水平

八方全神貫注的執行勤務,可是單哨不如雙

垂直

哨再畫一個反方向吧,瘋啦!

角度

雙響「鏡射工具」跳出浮動控制面板,可以 選擇「水平、垂直、角度」三種鏡射模式。 按「拷貝鍵」除了做鏡射反轉並可同時保留 原圖件,適合做對稱的圖形。

(垂直鏡射/90度/拷貝) (原圖)

090 非常

圖表

Illustrator Graphics


長、寬、高,配合「資訊浮動面 板」的數字顯示。

工具箱 Illustrator

就是一把「尺」用來測量圖件的

認識

測量工具

測量一下小選手跳多高,就用 「測量工具」從頭拖拉到底部 量一下,就像拉皮尺一樣的使 用。

小選手跳104.155mm高

圖表

091 非常


頁面工具

使用於預視列印範圍,作品尺寸若大於虛線即超 過列印大小,輕壓「頁面工具」可以任意移動虛 線範圍,雙響工具回復正常。

雙響「頁面工具」 居中還原

092 非常

圖表 虛線以外圖件超過頁面列印範圍

Illustrator Graphics


認識

掌形工具

響「掌形工具」畫面回復至符合視窗原始畫面。

工具箱 Illustrator

「掌形工具」如同人的手掌拿著紙張移動桌面,雙

導覽器

圖表 直接移動「導覽器浮動面板」內的紅色 矩形,與「掌形工具」同步檢視畫面。

浮動面板選項自訂導覽器邊框顏色

093 非常


放大鏡工具

使用工具箱的「放大鏡工具」或是檢視清單下的 「放大顯示」等四項選單,可以改變瀏覽頁面大 小。 放大顯示

使用「放大鏡工具」每單響一次滑鼠成等比放

縮小尺寸

大,加按「Alt(Option)鍵」則是縮小比例。

符合視窗 實際尺寸

「放大鏡工具」 每 按 壓 一 次 滑 鼠比即放大一次 畫 面。 反 之 加 按 「Alt(Option)鍵 」

以「放大鏡工具」拖拉矩形範圍 可以快速檢視局部細節

則是逐漸縮小比 例。

094 非常

圖表

「導覽器浮動面板」 的移動滑桿相當 Illustrator Graphics 於「放大鏡工具」的縮放功能。


認識

沒有點陣圖「即時描圖」不會出現在工具列

工具箱 Illustrator

即時描圖

自動描邊

下拉式選單 自訂 預設 6色 16色 照片-低保真度 照片-高保真度 灰階 手繪素描 精細插畫 漫畫 技術繪圖

(原圖)

黑白標誌 油墨繪圖 文字

圖表 早在CS的工具箱有一項「自動描邊」 ,隨著 CS2的出現很快的提前退休,取而代之的是 「即時描圖」 ,不過這項工具必需是在有點陣 圖出現的情況下才會出現在視窗選單下面工 具列。

095 非常


即時描圖

下拉式選單(參考上一頁)

(圖一)圖片保持選取狀態, 先從下拉式選單選 取描圖樣式後(6色)按「即時描圖」鍵,接著 再按一次「Expand」(展開)鍵,即可將點陣 圖轉成向量圖。 (圖二)選取「即時描圖」後的圖件已成為向量 圖,可以當作Illustrator圖件選取、修改或刪 除等動作。 內頁「彈珠汽水篇」第278~280有更詳盡論 述。 (圖一)即時描圖/6色

另外,對於擅長手繪線稿的朋友是一大利 多,您可以將手繪圖稿掃描成點陣圖之後再 以Illustrator打開,使用「即時描圖」即可替 代鋼筆錨線直將轉換成向量線條稿了。

096 非常

圖表

(圖二)

Illustrator Graphics


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.