illustrator圖表設計完結篇

Page 1

the end 完結篇


002 非常

圖表

Illustrator Graphics


您怎麼挖鼻尿? 「挖鼻尿看個性」是一個有趣的測驗,試想若用攝影 或寫實的插畫會不會惡心不雅呢?用手指圖案意思到了 又達到配合文字的效果。 套用我們平常上網游標顯示的手形圖案是不是可以達 到具像的表現? 這是一個完全以矩形表現出來的圖形效果。

圖表

003 非常


這張圖表決定放棄使用攝影或寫實插 圖之後腦袋曾一度空白,盯著電腦發 呆之際看到網頁上的掌形圖案,不禁 來了這麼一個令人興喜的答案。 由於網頁裡的掌形圖案真的很小,若 要直接取用是完全不可能的,必需擷 取螢幕之後再重新描圖。

Print Screen SysRq

(圖二)

(圖一)擷取螢幕有專用的軟體「SnagIt」 ,不 過最方便的方法就是使用鍵盤上的「Print Screen SysRq鍵」拍下螢幕畫面。 (圖二)打開photoshop「檔案」選單下開一 個新的檔案Ctrl+N鍵,不需更改任何尺寸直 接按「確定」 。 (圖三)使用「編輯」選單下/貼上(Ctrl+V鍵),

004 非常

圖表

置入剛下拍下的螢幕畫面,儲存jpg檔案再 回到Illustrator軟體重描。 假如您是蘋果電腦系統9或10的使用者, 請 按「Command+Shift+#3鍵 」 ,游標 拖拉選取範圍拍下畫面產生「圖畫一」的 (圖三)

Illustrator Graphics

檔案,再使用影像軟體打開檔案即可。


對於任何一位初學者或是老手,拖拉矩形一 如上網點選指令一般容易,現在只是要利用 矩形堆砌成一個有形有物的東西,別忘了液 晶看板的數字也是經由點方塊組合而成的。 (圖一)根據拍下來的圖案為基準,使用「矩 形工具」拖拉大小不等的矩形,每一個矩形 必需要有重疊。 全選所有物件使用「路徑管理員/聯集」 ,使 零星的矩形成單一圖形。

聯集

使用「路徑管理員/聯集」時圖形必需在「解 散群組」 狀態下,才可以按 「Expand/展開」 , 反之則不接受指令。

群組 解散群組

圖表

005 非常


從預視功能可以清楚看到整隻手掌不外乎 「矩形」及「聯集」的使用範圍。這種矩形 拼貼的方式有點像樂高組合玩具,由點成線 再成面的觀念。

聯集

同時加按Alt(Option)鍵,不必再按 展開鍵(Expand)。

下次挖鼻尿的時候你會問自己: 「用那隻手 指挖鼻尿?」

006 非常

圖表

Illustrator Graphics


學童衣物與馬桶 日常生活的食、衣、住、行、吃、 喝、拉、撒都要住意安全衛生。從這 張圖表來看;照顧一個孩子可真不容 易,做媽媽的又要多洗衣服了。

圖表

007 非常


玩Illustrator自5.0至 今 一 直 懷 疑 可 以 畫 矩 形、圓角矩形、星形以至多邊形為什麼不能 畫圓角三角形呢?一直到畫衣架都曾試過用 (圖一)

最原始的製圖方式一件一件的完成,現在就 將這幾種方式和各位朋友一起分享研究。

圓端點 圓角工具

(圖二)

(圖一)拖拉長矩形,筆畫寬度設5~7pt,點 選「圓角工具」(若選取「圓端點工具」仍 為一般矩形, 「直接選取工具」選取上面兩 個 錨 點 再 使 用 物 件 選 單 下「 路 徑/平 均/兩 者」成三角形(圖二)。 (圖三)

008 非常

圖表 (圖四)

(圖三)選取中間錨點按「Shift鍵」垂直向下 壓扁(圖四)。

Illustrator Graphics


(圖一)

前面學習到由矩形轉變成三角形的畫法,以 及圓角的使用方式。同樣是筆畫浮動面板下 的工具選項「圓角」及「圓端點」是有不同 的畫法。 (圖一)由左至右直接使用「鋼筆工具」畫出 三角形的路徑,選取「圓角」或「圓端點」 同樣可以做到圓角三角的圖形。

(圖二)「橢圓形工具+Shift鍵」拖拉一個正 圓圖形,筆畫寬度衣架必需等寬(5pt)。 (圖三)圓形在選取狀態下使用「剪刀工具」 分別在6、9點鐘位置選取一下,再使用直 接選取工具選取左下角四分之一圓弧部分刪 除這段路徑(圖四)。 (圖五)「鋼筆工具+Shift鍵」連接下端錨點 (圖二)

畫一條垂直路徑。 (圖六)選取圖形勾選「圓角」或「圓端點」 , 最後將筆畫轉換為「外框筆畫」 。

(圖四)

(圖五)

(圖六)

圖表

009 非常


(圖一)

我對於前面畫的圓角半徑並不是很滿意,因 此決定使用另一種方式來完成我要的衣架。 (圖一)首先請先畫出一個三角形,並在左右 兩端畫兩個小正圓,為方便識別請用不同顏 色區隔。 (圖二)紅色三角形保持選取狀態使用「剪刀 工具」剪掉與圓形重疊以外的部分。

(圖二)

(圖三)黑色圓形保持選取狀態,同樣使用「剪 刀工具」剪掉與三角形重疊以外的部分。 (圖四)全選圖件使用物件選單下的「路徑/外 框筆畫」 。 虛線代表與三角形 重疊以外的部分

(圖三)

路徑 外框筆畫

(圖四)

(圖五)全選圖件做「聯集」指令成為一個圖 件,再置入先前的問號圖形成為一個完整的

010 非常

衣架。

圖表 (圖五)

聯集

Illustrator Graphics


(圖一)

在教學過程中總要出些題目讓學員相互比稿 研究,這個衣架也是我常提出的題目,林林 總總的畫法不勝枚舉,也因些激盪更多的火 花,也有可能延伸出其他作品的可能性,這 就是熟能生巧,也是本書學習的核心價值。

(圖二)

水平居中

(圖一)拖拉一個圓角矩形,圓角半徑4mm, 與三角形必需是水平居中對齊,讀者可以選 取圖件使用「對齊」浮動面板的「水平居中」 工具。

(圖二)對於細部銜接或做微調的步驟除了使 用「放大鏡工具」以外,建議多多利用檢視 清單下的「外框」檢視細部,再重新回到「預 視」即可回復正常「預視」 。

外框/預視

圖表

011 非常


(圖一)使用「鋼筆工具」畫出T恤左半邊輪 (圖一)

(圖二)

廓,保持選取狀態雙響「鏡射工具」勾選「垂 直90度/拷貝」 。 (圖 二)選 取 複 製 圖 件 按「Shift鍵」平行向 右移動。當左右兩端 錨點相近時全選使用 物件選單下的「路徑/ 合併」 ,連結成單一路 徑(圖三)。

(圖三)

(圖四)領口位置拖拉一組個橢圓圖件置於中 心位置,全選使用「依前置物件剪裁」 。

(圖四)

012 非常

圖表

Illustrator Graphics


有錢途的職業 什麼是全美最高或 最 低 的 職 業?以 列 表 的方式直接置入上班 族配戴的識別證淺顯 易懂。 本章節將進入立 體 領 域, 做 好3D模 型 的先決條件就是有一 張結構正確的線條草 圖,一如素描是畫好 油畫、水彩、雕塑的 基礎。 識別證的金屬夾分 兩個物件著手進行。

圖表

013 非常


(圖一)

(圖一)分別使用「圓形工具、圓角矩形、鋼 筆工具」畫出三個小配件,其中圓角矩形必 需再使用「美工刀工具+Alt(Option)+Shift 鍵」平行切割保留上半部即可。 (圖二~三)組合三個小件並做「聯集」指令 成單一物件。

(圖二) 依前置物件剪裁

分割

(圖三)

(圖四)拖拉一個正矩形再重疊置入正圓形, 如圖例圓心對準矩形右上角錨點位置,左、 下直徑則對準矩形另外兩端錨點,全選兩個 (圖四)

物件做「依前置物件剪裁」或「分割」指令 取下左下角剩下物件,置入主圖左右兩端角 落位置。 (圖五)完成後的圖件填淺灰色為方便識別作 者習慣墊一層黑底色,全選(圖五)雙響鏡射 工具勾選 「水平/0度/拷貝」 複製另一半圖件。

水平

014 非常

圖表

(圖五)

垂直 角度

(圖六)

(圖六)使用「直接選取工具」選取 左端錨點 按「Shift鍵」平行向外拉長。

Illustrator Graphics


(圖 一)組 合 後 的 夾 子 任 選 一 邊 調 整 旋 轉 角 度,上層圖件保持選取狀態使用「旋轉工 具」 ,旋轉軸心移動至中心位置再以順時針 (圖一)

方向稍做旋轉。 (圖二)全選所有圖件使用「旋轉工具+Shift

(圖二)

鍵」做90度旋轉,您也可以複製一分備分 做「垂直/90度」鏡射,分別嘗試不同側面 的3D效果。

突出與斜角

使用特效選單下的「3D/突出 與斜角」勾選「預覽鈕」 ,游 標自由移動方塊模型即可調 整立體角度。

初次調整立模型建議「表面」 (Surface)選單請先選第一項/ 塑膠(Wireframe)顯示黑白線 條,再進階至有陰影層次的 項目。

圖表

015 非常


(圖一)

說實在的,CS內建的3D和以前外掛的KPT 或是真正的3D軟體相比用起來並不是得心 應手,尤其是運算速度實在是很慢,我個人 情願先用數位相機拍好多種角度之後再重新

(圖二)

描圖。 (圖一)使用「鋼筆工具」描出夾子的7個塊 面結構。 (圖二)填漸層色,幾個主要塊面只用了一種 相同的漸層色,只有在暗部的地方加強黑色 的比例。 (圖三)畫一個橢圓圖件置入上層位置即為圓 孔效果。 (圖三)

另外值得一提的,色彩明度高的圖件除非 墊一層深的底色否則很難判讀,或為圖件 描黑框線也是常見的手法。 ●圖件做「拷貝」(Ctrl(Command)+C鍵)。

016 非常

圖表

●新增圖層將拷貝的圖件「貼至上層」 (Ctrl(Command)+F鍵)。 ●將此一圖件「解散群組」之後做「聯集」 成單一圖件,填色為空(None)/筆畫為黑 色0.5pt框線(左圖一)。

Illustrator Graphics


(圖一)拖拉圓角矩形保持選取狀態雙響「縮 放工具/80%/拷貝」 ,再將複製的圖形改填 白色。

(圖一) (圖二)

(圖 二)拷 貝 白 色 圓 角 矩 形, 兩 分 位 移 重 疊 使 用「 依 前 置 物 件 剪 裁 」 , 保 留 的 倒L型 圖 件 保 持 選 取 狀 態, 使 用「 美 工 刀 工 具 +Alt(Option)+Shift鍵」分別切割兩端面積。 (圖三)

依前置物件剪裁

(圖三)使用 「刪除錨點工具」 減去單一錨點成銳角。這一 塊灰色做為陰影圖件,處理 皮套與證件之間的立體層 (圖四)

次。 (圖四)相同的步驟重複應用 在咖啡色的圓角矩形,製作 皮套的立體厚度。

圖表

017 非常


(圖一)

寫了五本書之後也很想為自己設計一個 logo,就從簡單的造型著手吧。 (圖一)按「Shift鍵」拖拉一個正圓形,保持 選取狀態使用「縮放工具/80%/拷貝」複製 第二個圖件。

(圖二)再複製一個縮小圓形保持選取狀態使 用「路徑文字工具」沿著路徑打上文字。 (圖二)

(圖三)「文字工具」單獨選取文 (圖三)

字改變級數及顏色。

(圖四)接下來文字 要做挖剪效果或輸 出印刷稿請使用文

018 非常

圖表

字選單下的「建立 外框字」 ,也就是 說文字轉成圖形, 不能再改變字體或 級數了。 建立外框字

Illustrator Graphics


(圖一)

(圖一~三)拖拉小圓點重疊置入圖形上層使 用「路徑管理員/依前置物件裁」 ,不可以一 次剪裁所有圖形,如圖分成紅線、灰線、文 字,分三個步驟剪裁。

(圖二)

扭曲 蜿蜒效果 蜿蜒效果

(圖三)

(圖四)

(圖四)除了挖剪增加圖形的古典味道我還想 要有一點點懷舊的效果。 全選圖件使用濾鏡選單下的「扭曲/蜿蜒效 果」增加一點變形。

圖表

019 非常


利用明暗反差表現凹凸層次普遍應用在立體 文字,又以房地產廣告最為常見,過去在沒 有電腦的時代,石頭上的刻字或是名片上的 凹凸字都是經由實體拍攝下來的。

凹 字 效 果: 暗 部 位 於 上 方, 白 色 反 光 置 於 下 方, 圖 件 本 身的顏色暗於底色。

凸 字 效 果: 有 別 於 凹 字; 暗 部 位 於 下 方, 白 色 反 光 置 於 上 方, 圖 件 本 身 的 顏色亮於底色。

020 非常

圖表

打上鋼模的識別證效果

Illustrator Graphics


母親節促銷活動 一年當中有多少促銷活 動?情人節少不了應景的玫 瑰花、母親節的康乃馨、聖 誕節的聖誕紅...等等。 花除了應景更可以柔化商 化行為美化視覺效果。

圖表

021 非常


「剪下」局部文字(Ctrl(Command)+X鍵)

文字資料用word打好的表格並不能直接拿 來使用,即便可以也不是、更不符合計人員 的要求。 (圖一)轉存txt(純文字)檔之後的文字資料置 入Illustrator會出現文字及線條編排零亂的 情形,不用懷疑這是正常現象,也是苦命設 計人員必修學分。 (圖二)設定文件尺寸,底色寬度大致拖拉一 個長形矩形,新增放置文字專用圖層(置於 上層)。 使用「文字工具」逐一選取「剪下」局部 文 字(Ctrl(Command)+X鍵), 再「 貼 上 」 (Ctrl(Command)+V鍵)。

(圖一) 剪下 貼上

022 非常

圖表

「貼上」剪下來的文字 (Ctrl(Command)+V鍵)

(圖二)

Illustrator Graphics


(圖一)

(圖二)

圖表

(圖一)橫式編排的圖表習慣上以橫欄關係先 發展,逐一將文字段落一欄一欄的貼上再換 「行」 ,是由左至右,再由上至下的完稿順 序(圖二)。 (圖三)貼字的過程中可以拉參考線做為上下 對齊的標準,但絕對不是最正確的方法。 (圖三)

023 非常


垂直居中

(圖一)

(圖二)

(圖 一)待 全 部 完 成 後 請 先 選 取 橫 欄 文 字 做

024 非常

圖表

「垂直居中」對齊並「群組」 。 (圖二)選取再直欄文字做「水平(齊左)居中」 對齊同樣做「群組」 。 這時候的文字表格才是真正的對齊標正。

水平居中

Illustrator Graphics

垂直居中


文字前後對正左右標齊之後,欄與欄之間的 行距不是平均的,請選取全部文字(不含標 題)使用對齊工具的「垂直均分距離」 ,這項 工具能幫我們將直式的圖件平均分配距離, 另一項「水平均分距離」則是處理橫式圖件 距離用的指令。 (圖五)最後為單調乏味的文字圖表做適當的 裝飾,例如將這塊矩形底色畫成購物袋的造 垂直均分距離

水平均分距離

型,再畫一株康乃馨是絕對必要的。

圖表

025 非常


本書出現一系列花卉植物,唯獨康乃馨是極 具挑戰性的,不管是化繁為簡還是化簡為繁 都得試試。 我嘗試結合兩張圖片成就一支康乃馨,同時 也試著使用「即時描圖」 。

026 非常

圖表 照片-低保真度

Illustrator Graphics


紅色花朵以外的圖件全部使用「鋼筆工具」 逐一描好路徑後填色,再結合「即時描圖」 的康乃馨,不過下一頁要挑戰自我極限。

圖表

(完成圖)

027 非常


(圖一)

(圖二)

(圖三)

(圖四)

前面提到的化繁為簡,就像小 朋友的摺紙花是由多片的鋸齒 色紙一片一片的黏貼上去。 民 國95年51勞 動 節 當 天 天 氣 晴朗,一早到市場挑了幾支康 乃馨香,順便借大好陽光拍了 幾張照片打算擇日再畫。 翼日大雨,剛好賦閒在家索性 畫圖反正閒著也是閒著。全部 使用「鋼筆工具」將複雜的花 瓣簡化成鋸齒狀,逐一描好路 徑後填色完成了與前一頁風格 迴異的康乃馨。

028 非常

圖表

(圖五)

Illustrator Graphics

(完成圖)


圖表

台北縣九份

029 非常


030 非常

圖表

Illustrator Graphics

往清靜農場路上


已婚 未婚 如何表現婚姻或愛情?我相信用最簡 單的心形及玫瑰花來表達應該是直接的 陳述。 這項調查結果

僅有兩項,因此用

正確的百分比套入不規的心形圖案就可 以讓題目一目了然。

圖表

031 非常


(圖一)

畫心形圖案介紹兩種方法: (圖一)鋼筆工具畫一段弧線,保持選取狀態 雙響「鏡射工具/垂直/90度/拷貝」 ,產生複 製圖件按「Shift鍵」向右平行移動至兩邊 錨點接觸為止。 鏡射

(圖二)

路徑

合併

(圖二) 選取兩端錨點使用物件選單下的「路 (圖三)

徑/合併」連結成一條路徑。 第二種畫法: (圖三)畫兩個相同大小的正圓形,全選使用

032 非常

路徑管理員/聯集」成單一圖件。

圖表

聯集

Illustrator Graphics


(圖一)

(圖一)按「Shift鍵+直接選取工具」選取中 間底部錨點向下垂直拉一段。

(圖二)

(圖二)「刪除錨點工具」刪除左、右錨點, 即為心形圖案。

(圖三)

(圖三)再使用「轉換錨點工具+Shift鍵」選 取底部向上突出的錨點向右(左)平行移動, 體會一下其中奧妙。

(圖四)

(圖四)最後再使用「直接選取工具」向下垂 直移動拉高圖形比例。

圖表

033 非常


(圖一)

突出與斜角

(圖一)使用特效選單下的「3D/突出與斜角」 製作簡單立體效果。 (圖二)

(圖二)本書陸陸續續出現許多植物花卉例如 海芋、竹筍、香菇...都是以「鋼筆工具」一 筆一畫完成玫瑰花每一個花瓣之後再一片一 片的填色。 讀者或許會問「不是可以自動描圖嗎(Live Trace)?」在後面的「彈珠汽水篇」本書會 和讀者一起探討,我還是喜歡自己描啦!

034 非常

圖表 花瓣雖多但不複雜,每一片都是從紅色漸層 至深紅色,由於光線的一致性,漸層方向都 是由亮(外)至暗(內)。

Illustrator Graphics


女大當家

這張圖表在政治題材是比較軟性的題目,面 對政治試著不要太政治, 。 政治話題對於從事媒體工作的美編而言司空 見慣也是必修學分,而且傳遞給讀者的訊息即 不能偏藍也不能偏綠,更不能偏紅。 要給讀者五彩繽紛的萬象世界,否則圖表的 生命一定是黑白的。

圖表

035 非常


(圖一)

簡易人形畫法: (圖一)按「Shift鍵+橢圓工具」畫一正圓形。

(圖二)

(圖三)

(圖四)

(圖二~三)「鋼筆工具」畫人形左半身,保 持選取狀態雙響鏡射工具「垂直/90度/拷 貝」複製右半身。 鏡射

(圖四)選取複圖件按「Shift鍵」平行向右拖 移至兩端錨點靠近為止。再選取兩端錨點作 「合併」(Ctrl(Command)+J鍵)指令,使原 本兩組路徑成為一條單一路徑。 路徑

(圖五)

036 非常

合併

(圖六)

圖表 (圖五~六)為使女性的腰身更加阿娜多姿, 使用「直接選取工具」選取左、右單一錨點 向內移動。

Illustrator Graphics


本表共有三組圓餅呈現女性閣員比例,利用 帽子結合女性意念及統計數字。 (圖一)使用「圖表工具/圓形圖」輸入三組數 字資料。

(圖一)

(圖二)解散群組、重新填色,為突顯女性主

(圖二)

題,除了用粉紅色標示以外再稍微移出。 (圖三)使用特效選單下的「突出與斜角」 ,作 成圓餅效果。

(圖三) 突出與斜角 突出與斜角

圖表

037 非常


(圖一)

(圖一)根據圓餅的透視角度拉兩組傾斜度相 同的橢圓形。上層紅色橢圓將做為圓餅襯底 用的底圖。(一如蛋糕底部也會墊一片綿紙)

(圖二)

(圖二 )使用「鋼筆工具」畫兩片領結。 (圖三 )組合目前完成的三樣圖件。 (圖四)最後,再置入統計好的圓餅圖形及放 置三位閣揆的小旗幟圖形即告完成。

(圖三)

038 非常

圖表

(圖四)

Illustrator Graphics


滴滴香醇 餘猶未盡 1980年 第 一 次 到 美 國 旅 遊 時, 在 各 大 飯 店 看 到「Save Water」節約用水的桌卡,令人愛不釋手。時至2003年台灣 發生一次久旱不雨的水荒,不禁佩服先進國家珍惜天然資 源的態度。 陽光、空氣、水,上天賜予人類三大寶物,經歷一次沒 有水的日子才知水的珍貴。

圖表

039 非常


(圖一)

(圖一)拖拉一個橢圓,保持選取狀態使用「剪 刀工具」剪去左下角約八點鐘位置(圖二)。

(圖二)

(圖三)

(圖三)使用「鋼筆工具」連接缺口畫三角形 路徑。

(圖四)

(圖四)再拖拉一個與上圖(略小)相同比例的 橢圓。

(圖五)使用「剪刀工具」剪去左右錨點,並 (圖五)

刪除上半圓。

(圖六)

(圖六)使用「鋼筆工具+Shift鍵」連結左右 錨點向上延伸各畫一段直線。

040 非常

圖表

Illustrator Graphics


(圖一)

(圖一)做兩個步驟: 1.在完成的路徑填上漸層色。2.使用「鋼筆 工具」在缺口下方畫三角形。

分割

(圖二)

(圖二)拷貝一分燒杯作備分,置放兩個矩形 全選作「路徑管理員/分割」 ,所有重疊圖件 將會被切割成獨立圖件。 (圖三)取用切割圖件填白色及漸層色作「透 明工具/正常50 ~ 70%」置入燒杯。

(圖三)

再加入一些小 氣泡,讓水更有 活力。

圖表

041 非常


(圖一)

(圖一~三)逐一使用「鋼筆工具」將雨傘區 分四個封閉區塊。

(圖二)

(圖四)雨傘是由六塊布組合而成的物件,實 際撐開來每一塊布的光線都會產生不同的變 化,非常值得變換不同「漸層工具」的角度, 得到不同的明暗層次。 (圖三)

(圖五)雨水是本次圖表的主題但也是背景, 畫一條筆畫寬度2pt的虛線,保持選取狀態 按「Shift鍵+選取工具」向右平行複製第二 條,接著再連續多次按「Ctrl(Command)+D 鍵」重複拷貝。 (圖四)

(圖五)

042 非常

圖表 虛線

Illustrator Graphics


多喝水 喝好水 一般的概念,我們喝的水大多來自水庫,再經過層層的 淨化處理最後經過水龍頭到人的嘴裡。 因此,這張圖表除了問卷的三個答案將比例溶入瓶子的 水位高度,水庫及水龍頭自然成為配角,直接將水龍頭貼 在水庫最明顯的位置,訴求清楚易懂。 「水庫」 :吳萬程作品,友情贊助。

圖表

043 非常


(圖一)

圓餅或圓柱,老掉牙了吧?來一點新鮮的 吧!不不不,許多創意及圖像就是靠這玩意 兒變出來的,辣椒不用大一顆籽就夠嗆死人 人。玩了四本書仍有讀者來信問道: 「如何 讓圓形和矩形等寬?」我的答案始終是用手 畫,用眼睛看(手工啦),要不然就請單響頁 面叫出圓形/矩形的浮動面板,輸入相同的 直徑寬度。 圓形/矩形

(圖二)

輸入相同的 直徑寬度

這個水龍頭就是寒舍用的,造型簡單價格便 宜。 (圖一~二)不管是扁扁的圓餅或是長長的圓 (圖三)

柱體都請拖拉兩個完全相同的橢圓形,水平 (垂直)居中對齊。對齊左右橢圓直徑位置拖 拉等寬矩形。選取單邊橢圓與矩形作「路徑 管理員/聯集」分成兩個圖件,經填色後即 可。 (圖三)使用「鋼筆工具」直接畫出四分之一 圓形弧路徑,經填色後即可。 (圖四)「橢圓形工具+Shift鍵」拖拉一個正

(圖四)

044 非常

圖表

Illustrator Graphics

圓形,填「放射狀」漸層再重複拷貝使用。


本座水庫全部使用「鋼筆工具」一筆一畫完 成,主要結構大致區分:水、水泥建築物的 攔沙霸、山...等物件。 (圖一)使用「鋼筆工具」畫出上述物件的輪 廓,每一個物件為一個封閉空間。 (圖二~四)依序填色。 (圖一)

(圖二)

(圖四)

圖表

(圖三)

(圖五)

045 非常


製作明暗層次,我個人的使用習慣還是一把 「刀」 、一支「筆」為主。 (圖一)水平面保持選取狀態使用「美工刀工 具」隨意切割兩個「S」型曲線,經切割的 圖件(中間部分)調較淺藍色。

游標加按「Shift 鍵」可平均增減 顏色比例。

(圖一)

(圖二)水泥部分與山壁之間也是自由切割一 刀之後,加重黑色比例即為兩者之間的陰 影。接著使用「鋼筆工具」在洩洪的瀑布上 加白色圖件製造水花效果。 (圖三~四)使用「鋼筆工具」陸陸續續在土黃 色的圖件上增加不規則筆觸,以底色為基礎 調深或調淺顏色製作山脈明暗層次。

(圖二)

046 非常

圖表

(圖三)

Illustrator Graphics

(圖四)


請做好防颱準備 因為颱風帶來強大 的雨量,把我的雨傘 打到開花變形。不過 我 要 說: 「 謝 謝 你, 我的傘」 。

圖表

047 非常


(圖一)

(圖一)使用「鋼筆工具」描繪地圖輪廓,23 個縣市是單獨的封閉空間逐一完成的,重疊 的部分可能會產生筆畫較粗的情形。 (圖二)各縣市根據預測雨量分布情形填色, 邊界作白色筆畫0.5pt,全圖確定群組使用 特效選單下的「3D/突出與斜角」 ,以手動 方式移動「位置」調整地圖視點。 突出與斜角 位置

縣市邊界作

(圖二)

048 非常

白色筆畫/寬度0.5pt

圖表

Illustrator Graphics

突出深度


(圖一)

(圖二)

(圖一)拷貝相同圖件全選作「路徑管理員/聯 集」指令,全圖改填黑色65%重複與地圖 相同立體參數。再到特效選單下使用「模糊 /高斯模糊」 。假如遇有底圖的情況下一併作 透明效果。 (圖二)上一個步驟提到「重複與地圖相同立 體參數」 ,是怎麼一回事? 上一次使用 過工作面板

在「濾鏡/特效」兩個選單下執行過的指令 會出現「套用上一個指令」 ,下一個則是重 複出現上一次使用過的浮動面板,保留所有 數據、參數,可以直接使用或在現有的架構

套用上一個指令

下重新改變參數。

圖表

049 非常


050 非常

圖表

本單元有兩位主角:一是;立體化的台灣地

本書此番請來了幾位同業提供作品助陣,面

圖,二是; 「傘」 。好傘在前面單元已經介紹

對一等一的高手存心踢館出手毫不留情,也

過,而強颱來襲破傘才能表現大雨帶來的張

讓我不得不加緊腳步一路狂追,即便是自己

力。

的作品也提出兩張互相比較飆稿一番。

(左圖)延用上一把好傘,底圖是攝自東北角 海岸的天空(暴風雨前取景),結合圖像的表 現方式。 (右 圖)破 傘 畫 法 煩 請 參 考「 漲 跌 之 間 」 第 129~133頁,不再贅述。

Illustrator Graphics


搖一搖 愰一愰 股市震盪、社會不安定、內閣走馬換將...等等,小美編 不予置喙只想來一杯冰涼的泡沫紅荼加一點珍珠。 經過一陣強烈的Shake,安定下來的冰塊沈澱、泡沫逐漸 散去就是好喝的珍珠奶茶啦。 其實這個Shake杯目前已經是第三次出現在讀者的面前。 近年來我一直努力的建立屬於自己的圖庫,在工作上遇到適 合的題目可以隨時自由搭配,尤其是單一圖件可以用不同的 風貌重複使用,甚至成為系列專輯。

圖表

051 非常


(圖一) 四道光源

C5%+K40%

(圖一)「鋼筆工具」畫出Shake杯半側面輪 廓,先拷貝三分線條稿再使用特效選單下 的「3D/旋轉」分別做出不同角度的立體模

052 非常

型。

圖表

(圖二) 選取3D的Shake杯使用特效選單下 的「模糊/放射狀模糊」製作動態效果。

(圖二)

Illustrator Graphics


電池有夠力! 以圓柱體為基礎造型延伸出 來的電池,對於初學者容易著 手練習,另外已經使用一段時 間的設計者可以深入局部裁切 及使用更多階調的漸層填色。

圖表

053 非常


在我過去四本的著作中一直強調圓餅圖形的 重要性,對於新讀者而言則是必修課程。 (圖一)

(圖二)

(圖三)

(圖一)拖拉兩個相同大小比例的橢圓形,上 下垂直對齊,以橢圓直徑寬度為準拖拉矩 形。

(圖四)

(圖二)選取中間矩形及底部橢圓做「路徑管 理員/聯集」成單一圖件。 (圖三)橢圓移至上層、填色。

(圖五)

(圖四)依上圖已完成的圓餅為準,拖拉兩個 兩個相同透視角度的橢圓圖件,填與圓餅相 同層次的灰色漸層。 (圖五)拷貝上層橢圓,兩分位移重疊做「路 徑管理員/依前置物件剪裁」 ,切割下來的月 (圖六)

眉形圖件填深灰色貼回上層橢圓,表現兩層 橢圓形的凹凸層次。 鋸齒化

054 非常

扭曲

圖表

鋸齒化

(圖六)按「Shift鍵+鋼筆工具」畫一小段直 使用 「鋼筆工具」 沿 「S」 形路徑延伸兩條直線。

線,保持選取狀態使用濾鏡選單下的「扭曲 /鋸齒化」 ,改變線條成「S」形,如圖例剪 掉多餘的路徑。

Illustrator Graphics


(圖一)以實際電池比例為準,延續上一個步 驟,拉長垂直線的部分畫電池半側面路徑。 (圖二)保持選取狀態雙響「鏡射工具/垂直 (圖一)

(圖二)

(圖三)

/90度/拷貝」複製另一半路徑。 鏡射

(圖三)選取複製圖件按 「Shift鍵+選取工具」 平行向右移動,至兩端錨點接近為止。選取 左右兩端錨點使用物件選單下的「路徑/合 併」 ,連接兩端錨點成一條路徑。

(圖四)

(圖五)

路徑

合併

圖表 (圖四)再以底部寬度為基準拖拉相同直徑橢 圓。 (圖五)全選圖件做「路徑管理員/聯集」成單 一圖件。

055 非常


(圖一)

(圖二)

(圖一)底部位置拖拉一橢圓,直徑重疊於底

依前置物件剪裁

部,再將前面做過的圖件置於最上層完成組

056 非常

合(圖二)。

圖表

(圖三)拷貝兩分電池身體圖件,兩分垂直重 疊做「依前置物件剪裁」 ,餘留的物件填色

(圖四)

將置入底部位置。 (圖四)再拷貝兩分電池身體圖件,兩分垂直 重疊做「分割」 ,餘留的物件填色將置入頭 部位置。

Illustrator Graphics

分割


(圖一)「鋼筆工具」沿橢圓腰身畫陰影輪廓 做「透明效果/色彩增值/50%」 。 +

+

(圖二)前一頁步驟剪裁圖件填漸層色,漸層 每增加一個滑桿明暗漸層越豐富。

(圖一)

紅65% 黃100% 紅22%+黃100% -

-

(圖二)

(圖三)再使用「鋼筆工具」沿橢圓畫一段「圓 端點」孤線,線條必需先轉「外框筆畫」才 能做漸層。 這一小段路徑為電池局部反光圖件,填漸層 +

色。 (圖四)畫一直形圓角矩形同樣填漸層色,從 白色融入底色。 請注意:漸層局部色域不能用「檢色滴管工

左右兩端顏色必需 調至與底色相同, 才能自然融入。

具」查色,因此局部圖件左右兩端點的顏色 差不多在這個範圍內調整。

-

(圖四)

圖表

057 非常


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.