Page 1

第三冊 封面說明: ●買好書如同外帶一杯好咖啡,值得品味珍藏。 ●圓的造形結合濾鏡特效表現遠近效果,與讀者分享向量繪圖經驗。


【學習重點】圓角矩形的實戰應用

戲院 相信大家都有上戲院看電 影的經驗,很久以前就想把 戲院搬回家,但一想到這樣 大的場景要如何表現呢?其 實重複連續拷貝幫了我很大 的忙,或許這是我這段時間 最混的一件作品吧 ! 新世代的讀者也許會問螢 幕兩旁那來的「對聯」呢? 告訴您好了,那是我年少時 的記憶。

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

配件與主圖放的位置要靠近,以便從預覽視窗手 移 視點,直到最接近的角度為止 ( 圖三 )。

( 圖三 )

illustrator繪圖演繹第三冊  

本冊包含illustrator 3D立體功能,繪圖演繹第三冊

Read more
Read more
Similar to
Popular now
Just for you