第三冊 封面說明： ●買好書如同外帶一杯好咖啡，值得品味珍藏。 ●圓的造形結合濾鏡特效表現遠近效果，與讀者分享向量繪圖經驗。
【學習重點】圓角矩形的實戰應用
戲院 相信大家都有上戲院看電 影的經驗，很久以前就想把 戲院搬回家，但一想到這樣 大的場景要如何表現呢？其 實重複連續拷貝幫了我很大 的忙，或許這是我這段時間 最混的一件作品吧 ! 新世代的讀者也許會問螢 幕兩旁那來的「對聯」呢？ 告訴您好了，那是我年少時 的記憶。
98
【線條篇】
99
( 圖一 )
( 圖一 ) 選取「圓角矩形工具」單響頁面，產生浮 視窗輸入圓角半徑及長寬參數，或直接拖拉一個圓 角矩形。
( 圖二 )
保持選取狀態按「選取工具 +Alt(Option)+Shift 鍵」 向下垂直拷貝一分，分別填上不同層次的漸層填色。 決定厚度「群組」兩件圓角矩形成單一物件。 ( 圖 二 ) 選 取 第 一 張「 椅 背 」 按「 選 取 工 具 + Alt(Option)+Shift 鍵」向右平行拷貝一分，接著
( 圖三 )
再按「Ctrl(Command)+D 鍵」重複拷貝上一次指令， 按得越多拷貝越多，直到需要的數量為止 ( 圖三 ~ 四 )。
( 圖四 )
100
( 圖五 )
( 圖五 ) 拷貝 10 張椅子為一排，做「群組」指令再 按「選取工具 +Alt(Option)+Shift 鍵」再向下垂直拷 貝「一排」，根據透視的因素新增的這一排椅子必 需縮放 103% 大於前排，每拷貝「上一排椅子」做 一次等比例縮放，才能保持適當的透視角度，此時 並不適合使用手 縮放的方式。( 縮放比例越大透視 角度越大，讀者練習時可自行斟酌 )
大於前排 103% 再大於前排 103%
【線條篇】
使用「矩形工具」逐一調整錨點成梯形，處 理戲院空間及銀幕等物件。
101
102
還沒有置入椅子的戲院 只是空空蕩蕩的空間而 已。
【線條篇】
長形的紅布可以當做一個物件一次完成 但作者選擇畫其中一小段再利用拷貝方 式複製。
( 圖一 )
( 圖二 )
( 圖三 )
( 圖一 )「鋼筆工具」畫兩個等寬不規則 物件，結合兩塊紅布，因為漸層填色造 成的明暗效果很自然的區隔前後層關係 ( 圖二 )。 ( 圖三 )「鋼筆工具」很隨 的畫一些不 規則物件置入紅布上。
( 圖四 )
( 圖五 )
( 圖六 )
( 圖四 )「群組」( 圖三 ) 成單一物件， 按「選取工具 +Alt(Option)+Shift 鍵」連 續向右平行拷貝三次。
( 圖五 ) 經過連續拷貝的結果成為一條 與銀幕等寬長度的紅布。 ( 圖六 ) 拷貝 ( 圖五 ) 做「聯集」指令成 一個物件轉填淺灰色再到物件清單下做 「點陣化」，因為要做模糊效果背景會 稍微擴散選取「圍繞四周」增加 0.2 公分， 「背景 / 透明」。
( 圖七 )
( 圖七 ) 選取灰色物件使用濾鏡清單下 的「模糊 / 高斯模糊 /6」，成為紅布的 陰影。
103
( 圖一 ) 有的戲院最後一排會有一面矮牆或是一對欄 杆，可以參考前面幾篇做過的 neon 畫法。 ( 圖一 )
首先畫一個圓角半徑 0.1~0.2 公分的圓角矩形，直接 填漸層色，筆畫寬度 5pt 顏色 Y100%+M30% 表現銅 色材質。
( 圖二 )
保持選取狀態使用「剪刀工具」選取紅色標示位置， 刪除左半部。
( 圖三 )
( 圖二 ) 保持選取狀態按「Ctrl(Command)+C 鍵」， 拷貝筆畫線條，再按「ctrl(Command)+F 鍵」拷貝框 線會原位置貼在上層，並維持在選取狀態，改變拷 貝的線條寬度為 0.25pt/ 白色筆畫，填色「無」。 ( 圖三 ) 目前有兩條不同寬度、不同顏色的線條在同 一位置上，全選使用物件清單下的「路徑 / 外框筆 畫」將兩條線條全改成填色狀態。
104 ( 圖四 )
( 圖四 ) 雙響「漸變工具」設定「指定階數 /8」，漸 變工具游標選取內外兩個錨點做出部黃色到白色漸 變。
( 圖五 )
( 圖五 ) 拷貝 ( 圖二 ) 未經漸變原始圖件改填淺灰色 使用「透明工具 / 色彩增值 50%」置於欄杆下層做 為陰影物件，整個戲院的空間將更有景深。
【線條篇】
椅子經過連續拷 貝原本只是平行 的陣容為什麼會 有 圓 弧 形 效 果 呢？ 這 是 使 用 特 效 清 單 下 的「 彎 曲變形」調整的 結果。
最後要將椅子多出範圍的部 分 隱 藏 起 來。 您 可 以 在 選 取 狀 態 下 使 用「 美 工 刀 工 具 」 直 接 切 除， 也 可 以 選 取 椅 子 部分 ( 椅子最好在單獨圖層 ) 拖拉矩形範圍涵蓋保留的部 分，超過矩形以外的物件經過 物件清單下的「剪裁遮色片 / 製作」會被遮色片隱藏，若要 回復只要再回到物件清單下 的「剪裁遮色片 / 釋放」即可。
105
106
【學習重點】直線的實戰應用
鮮奶 許多騎機車的朋友都有被 人放置垃圾的經驗，有的時 候垃圾也有他的附加價值， 假如真的要捏出相同的皺折 可能還有點困難，您不覺得 這就是隨手得到的靈感嗎 ? 原來只是垃圾的東西，也 可以麻雀變鳳凰。
【線條篇】
107
( 圖件一 ) ( 圖件二 ) ( 圖件三 )
( 圖件七 ) ( 圖件八 ) ( 圖件九 )
萬丈高樓平地起，非常 適用在「鋼筆工具」的 使用上，一個 閉空間 為一個物件，一筆一畫 的完成下去吧。
( 圖件四 )
( 圖件十 ) ( 圖件十一 ) ( 圖件十二 )
( 圖件五 )
( 圖件六 )
( 圖件十三 )
( 圖件一 )
( 圖件二 )
( 圖件三 )
108
( 圖件六 ) ( 圖件四 ) ( 圖件五 )
【線條篇】
( 圖件七 )
( 圖件九 )
( 圖件八 )
( 圖件十 )
109
( 圖件十一 )
( 圖件十二 )
( 圖件十三 )
( 完成圖 )
鋼筆線條幾乎可以 完成您的想像世界， 只 要 圖 層 分 清 楚， 當然要有相當的耐 及對作品的完成有 高 度 的 興 趣， 在 接 下去的幾個章節將 為各位朋友繼續介 紹各種線條的可行 ， 很好用喔。
110
【線條篇】
( 圖一 )
另外兩瓶牛奶除了左圖 選 取 區 域 以 外， 使 用 「矩形工具」以調整錨 點的方式搭配鋼筆曲線 共同完成。
( 圖二 ) ( 圖三 )
( 圖一 ~ 三 ) 先拖拉一個 矩形，再使用「直接選 取工具」個別選取四個 錨點調整至適當位置。
( 圖一 )
111
( 圖二 )
( 圖三 )
112 完成長形牛奶盒只要使用 「直接選取工具」選取下 面三個錨點按「Shift 鍵」 向上 ( 或向下 ) 移 就可 以改變包裝大小。
選取牛奶盒雙響「鏡射工具」產生浮 視窗勾選「垂 直 / 90 度 / 拷貝」複製第二個不同角度物件，也算 是辛苦創作的附加價值。
【線條篇】
113
Proint of View 本書學習重點
以圖會友，不飆不相識 古代文人以文會友，俠者以武會友不打不相識。現代人的 緣份空間大得多了，至少多了網際網路這個東西。國際知 名的數位藝術作品可以經由網路交流學習，隔「網」較勁。 「飆稿」是一種高尚優雅的遊戲，透過網路互相角力砌磋 我叫它「網路擂台」，互相漏氣求進步豈不痛快 ?!
114
歡迎張貼使用。
【線條篇】
香菸
【學習重點】1. 直線與矩形的實戰應用 2. 美工刀切割填色
與前面的「牛奶篇」同為矩形結構的產品，本書對於相 同的技法提供更多的「舉證」，讀者在實戰應用上可以激 起更多的聯想空間。
115
吸菸有損健康，請勿吸菸，「繪圖演繹」關心您。
( 圖一 )
( 圖一 ) 使用「鋼筆工具」描繪九個 閉區域、填色， 完成菸盒造型。
( 圖二 )
準備切割的物件保持選取狀態，按 「Alt(Option) 鍵 + 美工刀工具」以 直線超越選取物件範圍即可切割成 分裂情形。以 ( 圖二 ) 為例已被分 割成兩個物件，再個別選取即可重 新填紅色及白色。
116
( 圖三 )
以相同的手法切割厚度 ( 圖三 ) 及 蓋子 ( 圖四 ) 的部分，重新填色。 ● 使 用「 美 工 刀 工 具 」 在 不 加 按 「Alt(Option) 鍵」會呈自由曲線， 可以應用在插畫表現上，在接下來 的幾個章節會有大量的作品出現。 當然切割之前我會建議拷貝原始圖 件做為備分。
( 圖四 )
【線條篇】
鋼筆線條隨意幾筆強化菸屁股 效果。
( 圖一 ~ 圖二 ) 就如前面所說的；不加按「Alt(Option) 鍵 」 使 用「 美 工 刀 工 具 」 任 意 切 割 所 產 生 自 由 曲 線 螺庰岌硫偵棺 P 自然，適用非幾何造型的圖 件表現。 ( 圖三 ) 香菸置入盒內在單一圖層必需使用遮色片或 是切除香菸與盒子重疊的部分，但這不是最好的方 法，使用圖層分層才是理想的方式。
( 圖一 )
從描圖到填色若是在單一圖層完成，滑鼠游標移至 「新增圖層」產生「圖層 2」，重新整理將配置上層 圖件保持選取狀態時再將滑鼠游標移至「顯示選取 線條圖」( 紅色小方塊 ) 推至「圖層 2」即可重新配 置圖層位置，香菸與盒子的放置不會有重疊的問題。
( 圖二 )
117
( 圖三 ) 單一圖層的菸盒。
即將置入的香菸。 ( 新增圖層 )
( 圖層 1)
( 圖層 2)
【學習重點】1. 自由曲線與美工刀切割填色 2. 直線鉅齒化
憲兵 憲兵？沒有搞錯？可能想都沒想到要畫這種題材吧 ! 或許下次的群眾運 您也可以拿帶有長鏡頭的相機從遠 處拍攝，但可別說是我說的。 擷取幾項 作若放在舞台上其實有點像跳迪斯可的樣 子，嚴肅的主題透過藝術的表現也可以巔覆一下 !
118
【線條篇】
119
( 憲兵三 )
人物可以豐富作品的內涵，在作品的表現上更是不 可 少的元素，但自由曲線除了鋼筆錨線可能找不到 更理想的替代工具，因此數位相機或影像資料做為 底圖是少不了的輔助方法，當然也有不少高手是可 以直接用滑鼠在螢幕上創作的。 ( 圖一 ) 使用「鋼筆工具」描繪不同姿勢的人物線條， 從頭到腳每一個色塊為一個 閉區域。
( 憲兵一 )
( 圖二 ) 先為每一個 閉區域填色。
( 憲兵二 )
( 圖三 ~ 六 ) 個別選取色塊，在保持選取狀態下使用 「美工刀工具」以徒手方式、不加任何輔助鍵隨意 切割色塊。
頭盔
臉部
( 圖一 )
( 圖二 )
( 圖三 )
120
衣服
( 圖四 )
褲子
( 圖五 )
鞋子、槍 ( 圖六 )
【線條篇】
頭盔、臉部 衣服、手
褲子、 水壺、 鞋子
畫人物除了以切割重新填色的方法，也可以使用色 塊層層重疊的方式，端看個人對於工具的熟練度了。
頭盔、臉部
121
衣服、手
褲子、 水壺、 鞋子
局部物件使用「鋼筆工具」描繪，例如 ( 左三 ) 衣領 暗部、臂章、口袋等圖形。 整件作品是四分五裂的結構，完成時必需做「群組」。 選取切割分裂的圖件使用「聯集」即可回復。
122
( 冠狀病毒插圖由蕭文勇先生友情提供 )
【線條篇】
2003.1~5 月前後 SARS 肆虐，本書以 圖像表達對於個病毒的心情 ; 阻絕隔 離不要騷擾我們。 這張作品是做為一位數位藝術工作者 對於時代的記錄，用圖像寫日記，也 是集合本書現成的作品記錄歷史。 釘子是根據照片實際拍攝的資料將鐵 絲釘幾何、簡單化描繪再重複拷貝。 ( 圖一 ) 畫一條平行 3pt 寬度 線。 ( 圖二 ) 使用濾鏡清單下的「扭曲 / 鋸 齒化」調整直線成 S 形線條。 ( 圖一 )
( 圖二 )
123
( 圖三 )
( 圖三 ) 先拷貝線條再做「外框筆畫」， 按「Ctrl(Command)+F 鍵」貼回剛才 拷 貝 的 線 條， 同 時 改 變 線 條 寬 度 為 0.5-1pt，顏色由黑色改成灰色這條細 線也要做「外框筆畫」。
( 圖四 )
( 圖四 )「群組」Ctrl(Command)+G 鍵， 細兩條線，保持選取狀態雙響「旋轉 工具 / 角度 180/ 拷貝」，上下兩條 線有纏繞的效果。
( 圖一 )
( 圖一 ) 假如拷貝先面完成的鐵絲以交叉狀纏繞的方 式貼在圓柱體上，顯得有點生硬而且 少圓形透視效 果。因此決定使用鋼筆曲線自由自在的特 ，從圓柱 體的後面繞出來，但直線的單一線條如何固定鐵釘 呢，這麼做只能算起手式而已。
( 圖二 )
( 圖二 ) 上圖總共畫了七條弧線，現在要每一條線分 別使用濾鏡清單下的「扭曲 / 鋸齒化」調整直線成 S 形線條，但是每一條線扭曲的參數都不一樣必需 經過預視稍做調整。 製作扭曲變形之前請先拷貝一次原始線條，變形完 成後再按「Ctrl(Command)+B 鍵」原來拷貝的線條 貼至下層，並調整灰階深淺，兩條線為一組產生纏 繞的效果。( 圖三 )
124 扭曲後的線條置於上層。
( 圖三 )
再畫一小段、一小段灰線在直線上做為受光面，使 直線做出立體圓柱感覺。 ( 左圖 ) 即是原始弧線與扭曲的線條分上下層組合的 結果。 原始線條置於下層。
【線條篇】
( 圖一 )
( 圖一 ) 纏繞罐子表面的鐵絲再分別置入已完成的鐵 釘。 所有線條先做「外框筆畫」，全選鐵絲網及鐵釘做 「聯集」成一個圖件，「拷貝」置於新增下層圖層 ( 陰 影層 )，經過點陣化的圖件才可以製作「高斯模糊」 效果 ( 圖二 )。
( 圖二 )
有了這層透明陰影才能增加鐵絲網及罐子之間的立 體層次。
「濾鏡 / 模糊 / 高斯模糊 /7」
( 圖三 )
125
126
【線條篇】
【學習重點】1. 自由曲線與美工刀切割填色 2. 漸層與漸層網格漸變的比較
罐子 這是來自各界朋友放置在機車上的「禮物」， 多年來的收藏品，從沒有變形到扭曲擠壓讓我 們從頭到腳用「錨線」為它阿娜多姿的身段留 下記錄。
127
完成的輪廓先以「美工刀工具」切割色塊，再以正常填色表現明暗變化。
使用「鋼筆工具」完成輪廓線條， 每一個色塊為一個 閉區域。
128
完成的輪廓先以「美工刀工具」切割明暗面，再以漸層填色銜接色塊，使 色彩的變化平滑自然。本章節要探討經過切割的圖件可以經由漸層或更細 膩的填色方式表現更真實自然的質感。
【線條篇】
( 圖一 )
( 圖一 ) 首先設定光源來自右上方，描好輪廓之後依 序填上深淺不同的黃色系，原來的黑色框線取消。
無框線
( 圖二 ) 拷貝最上層的橢圓兩分重疊做「依前置物件 剪裁」，月眉形物件填深黃色置回橢圓上層，即可 做出罐子凹陷的層次效果。
( 圖二 )
( 圖三 )
( 圖四 )
再 拷 貝 一 次 橢 圓 貼 至 上 層 「Ctrl(Command)+F 鍵」，填色設「無」、 黃色框線表現罐子 圓周厚度。
( 圖三 ~ 四 ) 分別選 取兩塊物件使用「美 工 刀 工 具 」， 不 加 任何輔助鍵任意切 割成三分再重新填 色， 由 上 至 下 填 深 淺不同的黃色系。
129
Y3%
( 圖一 ) Y100%+M32%
Y100%+M15%
( 圖一 ) 選取斜面 的這個物件做局 部 漸 層。 讀 者 或 許會問這裡為什 麼不做切面或正 常 填 色？ 因 為 每 一個切面表示一 個 皺 折 層 次， 而 根據實際情形只 是一個斜角平面 而已。
最亮 :Y3%
最暗 :Y100%+M32%
( 圖二 ~ 圖三 ) 轉折處是圓弧曲面造形，利用上層色 塊底色繼續延伸暗面至第二塊，在取消選取狀態後 雖然是切割分裂的圖件，但是因為色彩漸層的效果 不會出現切割的痕跡。
Y100%+M15%+K100% ( 圖二 )
130
取自上層色塊 : Y100%+M32%
( 圖三 )
( 圖四 )
暗面 : Y100%+M15%+K100%
( 圖四 ) 沒有拉環怎麼可以叫做罐頭？順便再加個條 碼增加作品的完整 。 置入白色物件強 化反光效果。
【線條篇】
( 圖一 )
( 圖一 ) 完整的罐子搭配一群扭曲的罐子？可能有點 不搭調，所以先畫一個圓柱子再使用濾鏡清單下的 「扭曲 / 隨意扭曲」調整四個錨點略做變形。
( 圖二 )
( 圖二 ) 選取高度部分使用「美工刀工具」任意切割 三塊或置入事先完成的圖案，但不影涉任何知名品 牌。 ( 圖三 ) 置入拉環，當然必需是調整與罐子相同傾斜 角度。 ( 圖四 )「線 漸層」運用在平面的色彩變化上幾乎可 比美 3D 做出來的作品，尤其是 360 度單純圓柱體的 物體上。
( 圖三 )
131
再新增一個相同底色的長形橢圓置於中間紅色位置， 中間縮放 30% 填白色，做紅色到白色的漸變做為反 光物件。
( 圖四 )
M100%+Y100% 到白色的漸變。
M100% Y100% K50%
M100% Y100%
M100% Y100% K40%
( 圖一 )
( 圖一 )「鋼筆工具」分六個 閉區域描邊、填色。
( 圖二 )
( 圖二 ) 由上至下選取第一次色塊，使用「美工刀工 具」任意切割三個區塊 ( 或更多 )，再重新填深淺不 同的黃色系。
( 圖三 )
( 圖三 ) 選取第二次色塊，使用「美工刀工具」任意 切割三個區塊，此時要特別注意搭配第一次的光源， 整體的明暗才會協調一致。
132 ( 圖四 ) 小局部凹陷處做線 漸層。 ( 圖四 )
( 圖五 ) 同前面做過的練習，選取切割面利用相同色 彩的延伸再漸層至暗面，表現更綿密的明暗層次。
完成的作品是被切割成碎片的物件組合。 ( 圖五 )
【線條篇】
前面提到罐頭要有拉環，沒有拉環就 不叫罐頭了。我們用一頁的篇幅就可 以講清楚說明白了，這不就又回到前 面「圓形」的遊戲嗎？
從線條稿可以更清楚的看到是由大小不等的圓形所 組成的圖件，相信讀者已經可以利用「橢圓工具」 一一完成。 ( 圖一 ) 其中有局部物件是需要使用到濾鏡清單下的 「扭曲 / 隨意扭曲」調整兩端錨點成不對稱圓角。 ( 圖一 )
( 圖二 )「直接選取工具」選取圓形中 間錨點位置按「Shift」鍵垂直向上移 ，這個圖形也可以應用在水滴的表現 上。 ( 圖三 )「剪刀工具」剪去兩端錨點並 刪除上半截半圓，選取筆畫視窗「圓 端點」使兩端線條成圓角。 ( 圖二 )
( 圖三 )
完成的罐蓋拉環若是要配 合罐子透視角度，同樣使 用 濾 鏡 清 單 下 的「 扭 曲 / 隨意扭曲」任意調整四個 錨點。
133
134
【線條篇】
喝茶
【學習重點】1. 路徑合併 2. 鏡射拷貝
對於自由曲線完成的對稱物件， 鏡射拷貝加路徑合併是向量繪圖 入門的基本功法。
Tea
135
( 圖一 )
( 圖二 )
( 圖一 ) 選取「矩形工具」在頁面點一下，產生浮 視窗輸入寬、高比例或直接拖拉一個矩形。 ( 圖二 ) 矩形保持選取狀態使用「增加錨點工具」平 行位置增加兩個錨點。 ( 圖三 ) 使用「直接選取工具 + Shift 鍵」選取上方左 右兩個錨點向中間位置平行移 。
( 圖三 )
( 圖四 ) 拷貝 ( 圖三 ) 物件使用「直接選取工具 +Shift 鍵」個別選取每一個錨點調整成有透視角度，這一 個是茶包前面物件。再拷貝 ( 圖三 ) 物件同樣調整每 一個錨點置於下層做為後面的物件。前後層組合成 一個茶包的圖形 ( 圖五 )。
136 ( 圖四 )
( 前面 )
( 背面 )
或是直接使用 「鋼筆工具」 完成輪廓的部 分。 ( 圖五 )
【線條篇】
( 圖一 )
( 圖二 )
( 圖三 )
( 圖一 ) 雖然只是小小的茶包，共使用了三個圖層配 置。新增圖層置於兩個物件之間，使用「鋼筆工具」 沿著底部畫兩個物件，表現底部對折層次效果。
( 圖二 ) 再使用「鋼筆工具」畫五個灰色三角形物件， 即可襯托白紙摺疊層次。
( 圖三 ) 上層物件保持選取狀態，使用「美工刀工具」 任意切割並重新填色，表現茶包飽滿效果。
137
( 圖四 )
( 圖四 ) 相同的做法再應用到其它角度，再加一張小 標籤可以讓這包茶更甘甜美麗喔。
( 圖一 )
( 圖二 )
( 圖三 )
( 圖四 )
( 圖一 ) 茶杯，首先拖拉一個橢圓再使用「鋼筆工具」 沿邊畫半邊弧線，線條保持選取狀態雙響「鏡射工 具 / 垂直 90 度 / 拷貝」產生右半邊弧線 ( 圖二 )。
138
( 圖五 )
( 圖三 ) 按「Shift 鍵」平行移 右半邊弧線，使左、 右兩端線條靠近，「直接選取工具」分別選取兩端 線條錨點銜接處，使用物件清單下的「路徑 / 合併」 (Ctrl(Command)+J 鍵 ) 使兩條線條聯接成一條線， 這種線條合併的方式非常適合用在左右 ( 或上下 ) 對 稱的物件。 ( 圖四 ) 完成茶杯的造型接下來仍然使用切割的方式 為圓形物件處理明暗層次。 ( 圖五 ) 拷貝 ( 圖一 ) 橢圓稍微調整大小比例，中間 位置置入葫蘆形物件，組合後即為杯蓋。 ( 圖六 ) 相同的橢圓再拷貝一次增加厚度 ( 做「圓餅」 的方式 ) 在這裡也就是杯墊了。
( 圖六 )
【線條篇】
Proint of View 本書學習重點
以生活為題材，用繪圖寫日記 創作最讓我頭痛的是「要畫什麼值得和讀者一起分享， 同時留給自己什麼？」 這一段時間 (2002-2004) 發生在我們生活周遭的有；乾 旱 不 雨、SARS、 圾 垃 環 保、 咖 啡 文 化 流 行 於 都 市 叢 林 . . . 等等，或許這些事情並不值得花太多的精神去注 意，因為有些事情可能太平凡、太瑣碎了。 用我們生活上的議題成為題材或作品，或許有一天回過 頭來翻這一本書，某些圖像可以喚起一些我們曾經走過 的記憶。
139
【學習重點】1. 平行矩形的實戰應用 2. 多層次的漸層表現
140
【線條篇】
刮鬍刀 假如女人的臉是一塊畫布用 來塗抹胭脂口紅，那麼男人的 臉就用這把刀刷出一道 獷的 筆觸吧 !
141
( 圖二 ) ( 圖一 )
( 圖一 ) 首先拖拉一個矩形物件，「直接選取工具」 選取下面兩個錨點按「Shift 鍵」平行向左移 成斜角 矩形。
( 圖三 )
( 圖二 ) 填灰階線 漸層，置入一排平行等距離小圓點。 ( 圖三 ) 保持選取狀態按「Shift+Alt(Option) 鍵」向 下垂直拷貝兩分。
( 圖四 )
( 左邊 )
( 右邊 )
( 圖四 ) 平行組合三個圓角矩形，做為刀片左右物件。 右邊物件因透視角度保留兩個圓角物件即可。
( 圖五 ) 拖拉一個圓角矩形，拷貝保留原始備分平行 切割保留上半部，再取回原始橢圓物件上下對
( 圖五 )
( 置入 )
142
齊與 ( 圖四 ) 的物件組合成 為一個框架，再置入三片平 行矩形即是完整的刮鬍刀片。
( 圖六 )
( 圖六 ) 隨意拖拉一個橢圓物件保持選取狀態，按 「Shift+Alt(Option) 鍵 + 美工刀工具」平行切割並刪 除上半截物件。
( 圖七 )
( 圖七 ) 對齊橢圓中間部位置入矩形做「依前置物件 剪裁」挖剪 口。再利用物件本身重疊剪裁反光物件 ( 圖八 )。
( 圖八 )
【線條篇】
( 圖一 ) 參考前面「奶嘴」章節葫蘆畫法。再使用「美 工刀工具 +Shift+Alt(Option) 鍵」切除上面局部面積。 ( 圖二 ) 拖拉與 ( 圖一 ) 相同寬度的矩形與橢圓置於 底部，全選三個物件做「聯集」指令 ( 圖三 )。 ( 圖一 )
()
( 圖四 )
( 圖五 )
()
( 圖六 )
( 圖七 )
( 圖四 ) 把手正面與反面稍有不同，正面在金屬的表 面貼有黑色橡膠材質，我們現在要在同一物件上分 割成兩個部分。 對齊中間位置拖拉一個橢圓物件 ( 保留拷貝原始物 件 )，保持選取狀態做「分割」指令，刪除把手以外 橢圓物件 ( 圖五 )。 ( 圖六 ) 重新「聯集」選取的部分並重新填取黑色 ( 圖 七 )。
( 圖八 )
( 圖九 )
( 圖八 ) 取回 ( 圖四 ) 橢圓物件，兩分垂直重疊做「依 前置物件剪裁」得到的月眉形物件再向下垂直拷貝 多分置於把手 ( 圖九 )。 目前完成的是背面的部分。
143
相同的紋飾以灰階置入黑色橡膠材質部分。再新增 一組銜接刀片的物件，與分離式刀片即為完整的刮 鬍刀組。 因置入黑色底圖，調整黑色漸層左右兩端的漸層滑 桿必需調至白色，相對於商業攝影產品的打光方式， 在相近底色才能呈現主題。
白色
( 正面 )
144
( 反面 )
滑鼠輕壓附近便能產生 新的漸層滑桿，滑桿越 多色彩層次越細密。
【線條篇】
【學習重點】自由曲線與漸層填色
飛行 自由曲線表現地圖與交通工具 等圖像，簡單的漸層填色處理質 感。
145
( 圖一 )
( 圖二 )
( 圖一 ) 畫地圖為求得真實比例位置必需取得正確 資料掃描，同時在影像軟體調整好變形角度再進入 Illustrator 描圖。 ( 圖二 ) 填色。
( 圖三 ) 繪製地圖較常 見的有將材質貼入陸 塊 及 海 洋， 在 這 裡 作 者只是把地圖當做底 圖 使 用， 僅 做 簡 單 的 切割處理層次。
146
( 圖三 )
【線條篇】
( 物件九 )
( 物件一 )
( 圖一 )
( 圖一 ) 使用「鋼筆工具」描繪飛機九個 閉區域。
( 物件八 ) ( 物件二 )
( 圖二 ) 設定光源來自上方，逐一選取 閉區 域填漸層色，使用手 移 游標的方式決定 漸層角度，要注意明暗的一致 以及造型本 身的協調 ( 九個物件的漸層角度都不一樣 )。
( 物件七 ) ( 物件四 ) ( 物件五 )
( 物件六 )
( 物件三 )
( 圖二 )
147 ( 圖三 ~ 四 ) 置入引擎、窗戶、陰影等物件。 ( 圖三 )
( 圖四 )
148
【線條篇】
【學習重點】1. 圓形與自由曲線的最佳拍檔 2. 美工刀切割填色
瓶蓋 自由曲線與橢圓處理規則與不規則的圖 形，營造一絲懷古氣氛。
149
( 圖一 )
( 圖一 ) 使用「橢圓工具」拉一個橢圓物件。 ( 圖二 ) 沿橢圓左右寬度使用「鋼筆工具」畫出「裙 擺」部分。 ( 圖二 )
( 圖三 ) 再畫出凹槽暗面的部分。 ( 圖三 )
( 圖四 )
( 圖四 ) 三組物件合併後的情形。
150
( 圖五 )
( 圖五 ) 設定光源來自上方，填上深淺不同的灰階層 次。
【線條篇】
「裙擺」是蓋子最精彩的部分，前面大致上已完成 平面、厚度、暗面，接下來就是凸出受光的亮面。 厚度保持選取狀態使用「美工刀工具」直接切出亮 面的部分，並且調亮至白色或同色系明度較高的顏 色。 做到這個步驟作者嘗試兩種不同填色的方式 : 左列：直接在切割的物件上調亮顏色，簡單明白可 以表現蓋子有的立體效果。 右列：底色漸層至白色，層次較細膩柔和，大量複 製會使用較多的記憶體。
151
表現開瓶器打開蓋子以後折疊彎曲的效果。 選取橢圓平面部分使用「美工刀工具」任意切割幾刀， 使橢圓圖形成破碎分割的狀態並重新填色處理明暗 層次。 關閉橢圓以外物件圖層，被切割過的橢圓很像統計 圖表 分比分布情形，但因明暗層次搭配造型產生開 瓶折疊彎曲的視覺效果。
152
【線條篇】
當我們厭倦了數位作品，難免又讓人懷念起手繪藝 術特有的筆觸，那種活潑有感情的如水彩、油畫之 類的作品，也難怪要在濾鏡功能下新增一些特效， CS 就新增了畫筆特效，而且是同時適用向量圖及點 陣圖。 配合這家古早味的老店，也來一點不一樣的味道。 選取圖形使用特效清單下的「風格化 / 塗鴉」產生 手繪的筆觸效果。
153
( 原圖 / 做特效前先去除黑框線 )
「塗鴉特效」又細分 11 種筆觸，在這裡列舉幾種 與讀者分享 ? (Default)
154
(Childlike)
(Moir)
(Dense)
(Sketch)
(Loose)
(Snarl)
【2D 總體檢】
2D 總體檢 CD 唱片的古早味，Illustrator 的老撇步 這張 CD 的裡裡外外包含了 : 文字、遮色片、漸變、路徑管理、 漸層、置入圖檔、3D... 等等。 假如本書的章節大都已經做過確實 的演練，您可以深切體認一套軟體實 際應用在商業美術的功能，以及圖像 創作的樂趣，是一次務實的體檢之旅。
155
矩形工具 / 設定尺寸 : 根據實際 CD 做為寫生的依據，選取矩形工具單響 頁面設定長寬尺寸。
漸變工具 / 平行複製直線 : 在矩形範圍內拉等高矩形填黑色，左右各畫兩 條等高直線，雙響漸變工具設定「指定階數 / 10」，同時選取兩條直線錨點隨即產生一排 平行等距等高直線。
156
製作 釋放
剪裁遮色片 : 取材直式圖片，您可以直接在影像 軟體裁切好或在 Illustratot 的環境下 根據完稿尺寸設定裁切位置，拖拉 矩形範圍在圖片上，全選圖片及矩 形使用物件清單下的「剪裁遮色片 / 製作」，矩形以外的部分會被隱藏， 若要回復選擇釋放「即可」。
( 矩形為無色無框，以虛線示意說明。)
【2D 總體檢】
3D 模型 : 吊燈因裁切不見了，氣氛好像少了一點什麼，在後 面的「3D 篇」做了一組燈泡正好可以拿來應用。
文字工具 / 輸入文字 : 「文字工具」和其他軟體不會有太多的差異，但又 是設計人員不可或 的工具，善用文字變形及字體的 搭配更能為作品達到加分的效果。
( 字寬 45%，高度不變縮放寬度變形 )
( 與副題搭配寬度落差太 )
( 拉開字距與副題等寬 )
( 文字轉直排之後英文字或 數 字 也 同 時 轉 直 式， 選 取 數 字 使 用「 直 行 內 橫 排 」 即可回復 )
改變字寬
( 字寬 100%)
( 直行內橫排 )
( 字距 / 箭頭符號會因文 字直排或橫排而改變。)
特效 / 製作陰影 : 拖拉與 CD 等高稍寬的矩形填白色置於下層，比圖 片多餘白色的部分為 CD 壓克力外殼，同時還要利 用這塊矩形使用特效清單下的「風格化 / 製作陰影」， 表現物件的立體效果。
157
路徑管理員 / 分割 : ( 圖一 ) 置放 CD 內盒是由矩形的外框及圓形所組合 而成的，圓形超出的部分必需裁切刪除並重新填色 才能製作凹槽的明暗層次。 ( 圖二 ) 全選兩個物件使用路徑管理員的「分割」， 此時物件已被分割成五個物件。 ( 圖三 ) 刪除上下兩個多餘的半圓形物件，中間最大 面積的圖形填深灰色。 ( 圖一 )
158
( 圖二 )
( 圖三 ) 按「Alt(Option)+ 選取工具」 拷貝使用。
( 圖四 ) 拷貝中間深灰色圖形兩分平行位移重疊，使 用路徑管理員的「分割」成三個物件，刪除中間保 留左右兩個月眉形圖件填色置入左右兩邊，放置 CD 唱片的凹槽效果就出來了，最後再加一組立體圓形 做為固定唱片的物件 ( 圖五 )。
( 圖四 ) ( 圖五 )
【2D 總體檢】
( 縮 放 95%/ 拷 貝，產生第二圈圓 形。) ( 圖一 )
( 圖二 )
( 圖三 )
( 圖四 )
( 再縮放 40%/ 拷貝，產生第三圈圓形，依序類推。)
橢圓工具 / 圓形圖件 : 一張 CD 唱片仔細看，從圓心位置擴散形成一圈又 一圈的圓形物件，以及鏡面產生的反光質感。 縮放工具 / 縮放拷貝 : ( 圖一 ~ 四 ) 按「Shift+ 橢圓工具」拖拉一個正圓形， 保持選取狀態雙響「縮放工具」輸入 95~30 不等的 比例「拷貝」產生自圓心位置縮放等比的圓形物件。
外框筆畫 : ( 圖五 ) 約 6pt 寬度的正圓形框線，保持選取狀態使 用「剪刀工具」選取兩個錨點 ( 紅框標示位置 ) 並刪 除右下角以外的圓邊，筆畫改「圓端點」再將這一 小段圓弧形圖件轉為外框筆畫，填漸層色。 ( 圓端點 )
( 圖五 )
漸層工具 : ( 圖六 ) 自圓心方向 切割一個約六分之 一 圓 的 物 件 填 漸 層， 配合小段圓弧形圖 件即可表現鏡面反 光效果。
( 圖六 )
( 左右兩端必需是漸層至物件的底色，效果才會真實自然。)
159
( 濾鏡 / 迴轉模糊 /16)
( 特效 / 迴轉模糊 /16)
濾鏡和特效有何不同 ? 內容看起來幾乎一樣啊 ! 左 邊的「濾鏡」是用於點陣圖，而又邊的「特效」可 以直接用在向量圖，中間省去轉點陣圖的步驟，那 麼整本書作者提供的範例都要先轉點陣再做濾鏡豈 不是多此一舉了 ?
160
( 濾鏡 / 迴轉模糊 /20)
( 特效 / 迴轉模糊 /20)
( 濾鏡 / 高斯模糊 /6)
( 特效 / 高斯模糊 /6)
左圖是轉成 360dpi 點陣圖再做濾鏡模糊處理，右邊 一列則是向量圖直接做特效模糊處理，根據實際比 較的結果，右列圖件邊緣產生馬賽克情形，甚至形 成嚴重鋸齒狀，因此作者建議經比較後選擇品質較 高的處理方式。
【2D 總體檢】
( 圖一 : 原圖 )
( 圖二 : 濾鏡 / 陰影 )
同樣是製作陰影，「濾 鏡 」、「 特 效 」 下 的 陰影又有何不同 ?
( 圖三 : 特效 / 陰影 )
兩者同時可以應用在向量量圖及點陣圖，Illustrator 畫的圖不必先轉點陣就可以用上去了，但效果可就 不一樣了。 ( 圖二 ) 全選圖件使用濾鏡清單下的「製作陰影」， 每一個物件都產生了陰影，除非您就是要這樣的效 果否則只要選取最外緣的物件。( 圖三 ) 全選圖件使 用特效清單下的「製作陰影」只有外緣的物件產生 陰影。最重要的；若要清除陰影只有特效的「製作 陰影」才可以接受清除指令，濾鏡下的是不能清除的。
( 圖四 : 點陣化 / 高模模糊 ) 是作者個人偏愛的方法； 拷貝圖件先轉點陣圖再到 濾 鏡 清 單 下 的「 高 斯 模 糊」製作陰影，或許您會 訥悶為什麼要這麼麻煩 ? 我的理由是方便移 位置、 改變大小。
視 窗 清 單 下 的「 外 觀 」 浮 視窗。
161
162
【3D 立體模型】
買好書看好書 綜合應用 Extrude & Bevel and Rotate。
163
( 原圖 : 書頁為白色無框線 )
164
同樣是利用側面延長厚度的做法，列舉書本的兩種 範例。 本書前面繪圖篇介紹過的圖例會在這個單元講清楚 說明白。以至於在利用前面的圖例的題材重新思考， 在 3D 的環境下要如何表現，充分利用即有的資源。
【3D 立體模型】
( 圖一 : 原圖，英文字為 點陣圖 )
( 圖二 Off-Axis Front)
165 ( 圖三 :Off-Axis Top)
( 圖四 :Custom Rotation)
「3D/ Rotate」則是將圖件做透視傾斜的變形，不會 拉出厚度等立體功能，按下「Fewer Options」仍可 叫出光源控制視窗，對於向量圖或點陣圖都有實際 變形的效果。 但經作者實際操作的結果，對於漸層填色的部分會 有鋸齒狀的情形則當避免 ( 圖五 )。 ( 圖五 )
166
【3D 立體模型】
引爆 力 Spark Plug 167
火星塞
火星塞雖然也是 360 度旋轉物體，但由於主要是由 兩個顏色：黑色、白色所組成。這兩個顏色一起打 光是難度很高的做法，當黑色螺紋層次清楚的時候， 白色會亮成一片，另外六角形螺絲環不能使用 360
( 圖件一 )
( 圖件二 )
度旋轉方式，火星塞這個章節會綜合應用前面學過 的兩種方法。
( 白色 )
選取 ( 圖件一 ) 使用特效清單下的「3D/Revolve」， 黑色物件要請各位朋友花了一點心思在打光上請留 意光源的小視窗。 ( 六角形圖件 )
( 圖件三 )
( 圖件四 )
( 白色 )
168
【3D 立體模型】
( 圖一 ) 依序選取圖件製作環狀立體，
( 圖一 )
為保持透視的一致 視點全部控制 在「Off-Axis Front」。 ( 圖 二 ) 選 取 六 角 形 物 件「3D/ Extrude & Bevel」拉開厚度，最重 要的經過預覽調整至與上圖完成的 圖形完全相同的透視角度。
( 圖二 )
169 ( 圖三 ) 完成後的圖 ( 圖三 )
件組合時仍可利用 圖層重新排列，並 將畫面轉至檢視清 單下的「外框」拉 一條參考線重新對 齊。
2D+3D 的 插畫表現 Part 1 作者對 3D 而言也是新人，可以用力責 怪在下在這一方面學藝不精，表現出來的 都是生冷沒有生命的靜物，事實上有很多 3D 軟體畫出的虛擬美女令真人自嘆不如。 但我相信 Illustrator 內建 3D 則有利結合 2D 兩者的優勢於一身，擷長補短相輔相 乘，現在趕緊畫一張您的阿那答更能擦出 創作的火花。
170
【3D 立體模型】
仍舊以側面圖做 360 度旋轉範例，這次的練習著重 不同視點的比較以及打光的技巧，由於受光不致於 亮到幾乎是白色，必需調整光源控制滑桿的阻光度。 除打光之外不妨新增反光物件、陰影等配件 ( 圖一 )， 補償 3D 有限的功能，此外 Off-Axis Top(Bottom) 的 視點是平行透視 ( 圖二 )，正常應該是斜角透視，關 於這點是使用者要留意的情形。
171
( 圖一 ) 應有的消失線 ( 圖二 )
( 圖一 )
兩個物件重疊經檢視清單下的 「外框」預視只有線稿的部分， 完成後因再置入吸管，重新選取 水滴形物件改填黑色。
172 ( 圖二 )
( 圖一 ) 蓋子拉環取材自前面第 261 頁的圖件，原先 漸層色要改成單色否則變形後漸層色的部分會呈現 糙的鋸齒狀。 兩個物件以上組合 3D 一定要利用圖層分層的配置。 ( 圖二 ) 直接將拉環置入完成 3D 的罐子上層，使用 「3D/Rotate Options」經視窗預覽手 調整至與下圖 的透視到最接近的傾斜度為止。
【3D 立體模型】
2D+3D 的 插畫表現 Part 2
173
( 圖一 ) 經過一連串的練習相信讀者知道路障是經由 Revolve 環繞 360 度完成的，但作者最苦惱的是圓角 矩形的底座在「Extrude&Bevel」的運算下產生平行 透視的問題，如 ( 圖二 ) 的範例，在現實的環境下不 應該產生這種角度。 ( 圖三 ~ 圖四 ) 在這裡作者嘗試將製作底座的圓角矩 形先調整為梯形，並稍微壓扁高度後再使用「3D/ Extrude&Bevel」，所得到的就是 ( 圖五 ) 的結果。
( 圖一 )
( 圖二 )
( 製作底座的原圖 )
174 ( 圖四 ) ( 圖三 ): 製作底座的 原圖，先調整成梯形。
( 圖五 ): 新增一條漸層的 圓 角 矩 形 強 化 反 光 效 果， 同樣是彌補先天不良的 部分。
【3D 立體模型】
咖啡杯組 在相同的「Revolve」 環境下做出的立體模 型，再搭配不同的物件 輸入不同 Angle 環繞角 度、以及 Offset 長度， 所得到不同的效果。
175
相 信 各 位 讀 者 都 知 道 如 何 完 左 邊 的 杯 子， 但 是 半 圓形的把手呢 ? 把手的結構是由圓形延伸形成的 所 以 先 拉 一 個 圓 形 做 為 基 礎 物 件 ( 圖 一 )， 使 用 「Revolve」，稍有不同的是 Angle 不是環繞 360 度， 控制在半圓周 180 度試試看，Offset 長度 29 左右， 這要從預覽視窗配合杯子的大小而定，在預設的視 點下是橫躺的情形 ( 圖二 )。
( 圖一 )
( 圖二 )
176
配件與主圖放的位置要靠近，以便從預覽視窗手 移 視點，直到最接近的角度為止 ( 圖三 )。
( 圖三 )