Alberto Montt Tutorial 1 ZHtw
學習
使用 PHOTOSHOP與 ILLUSTRATOR 進行人物設計 網格法運用 作者：Alberto Montt
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用
「繪圖是我認識自己的方式。」 - Alberto Montt
© 2015 Wacom
02
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用
Alberto Montt
© 2015 Wacom
03
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用
目錄
© 2015 Wacom
01
繪圖與 轉換
04
最後 修飾
02
上色與 編輯
00
教學課程 介紹
03
細節與 紋理
05
關於 作者
04
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
創造更多性格
在本次教學中我將示範我運 用Photoshop及搭配使用 Illustrator的方式。我使用 Photoshop的主要原因在於它 的筆刷較為自然而真實，所 以在使用Photoshop時，我繪 畫的筆觸比較像使用非數位 工具進行素描或上色的狀 態。
我會透過一個簡單的角色繪 畫過程讓各位了解我的意 思。通常我在Photoshop中塑 造角色所費的時間約會是使 用Illustrator繪製時的三倍。混 合運用Photoshop與Illustrator可 讓我同時發揮各軟體強大工 具的優點，截長補短。他們 絕對是最好的搭擋。
© 2015 Wacom
本電子書中所有數位作品均 使用Wacom Intuos Pro專業繪圖 板，以Adobe © Photoshop及 Adobe Illustrator製作而成。請 至Wacom網站了解最新的數 位技術如何改善藝術工作者 的工作流程與效率：我們的 數位筆與繪圖板產品為速度 與精準度創造出新的可能 性，更讓您可以自由體驗更 多技巧。
Alberto Montt
漫畫家兼插畫家 dosisdiarias.com
05
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
© 2015 Wacom
06
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
繪圖與轉換
1. 選擇一個Photoshop筆刷：
我通常會使用Photoshop標準的一 種壓力感應筆刷，如Hard Round Pressure Size（實邊圓形壓力尺 寸）、Spatter（潑濺）或是Chalk （粉筆）。 Illustrator中的筆刷對我而言不夠 自然，且我也不需要Illustrator預 設顯示的物件筆劃。
2. 將圖案儲存在Illustrator中並建立 向量圖片： 完成後，我會將圖案儲存在 Photoshop中，於Illustrator中開啟一 個新文件再將Photoshop圖案「置 入」。 File（檔案） > New（新增） （Cmd+N Mac/Ctrl+N Win）
File（檔案） > Place（置入） （Shift+Cmd/Shift+Cmd）+P
© 2015 Wacom
07
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
請看如何在Photoshop中繪圖
© 2015 Wacom
08
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
3. 描圖：
接下來便會用到我最愛的Illustrator 工具之一：Image Trace（影像描 圖）工具。此功能就在您「置 入」圖片後出現的選項列中。
4. 將筆跡展開為向量：
（您也可以透過選擇置入的物件 來找到此功能）。按一下Expand （展開）後圖片會變成向量圖。 就這麼簡單。 這功能很好用，因它可以將所有 筆跡都變成一小張紙，可讓你依 需要個別針對它們進行移動、調 整大小、上色、刪除或設成群 組。
© 2015 Wacom
09
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
請看如何將圖案轉換成向量
© 2015 Wacom
10
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
上色與編輯
1. 加入一個暫時的背景：
若要為圖片加上暫時背景，可畫 一個矩形並改變其填滿色彩，以 本處為例，使用的是灰色。點選 任一向量再按Delete鍵──您便會 看到程式將其刪除，無需任何選 擇的動作。所有的向量均是彼此 獨立的物件。 若在Photoshop對圖案做這樣的處 理，檔案的大小很快會成長10 倍。利用Illustrator我可以有效率 的將所有圖案都儲存成物件與圖 片庫，以便後續需要時運用或修 改，且不會佔我電腦太多的空 間。 作者提示：我使用Illustrator以便輕鬆的修改或為圖片上色、進一 步應用Illustrator專屬的強大功能，以達到其他工具無法、或很難 做到的效果。我也可以在Photoshop中隨時並依需要的大小使用該 圖片。雖然這樣看起來像是一個額外的步驟，但在Illustrator做這 樣的處理會簡單的多，因為如此一來檔案會較小，在儲存與處 理時都有優勢。
© 2015 Wacom
11
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
2. 開始上色：
在開始上色時我喜歡從為大面積 區域填入色彩開始：用選擇工具 （V）選一個區域，接著再點選 色樣中的顏色即可。若您想調整 該色彩，可使用調色板上的滑 桿。 有一個不錯的小技巧可維持原色 板的色調但改變其陰影，就是在 拉動滑桿時按住Shift鍵。
3. 用Knife（美工刀）工具玩些創 意：
將圖片置入Illustrator中作成向量 圖片也表示我可以使用所有我最 愛的Illustrator工具：例如Knife（美 工刀），可以讓我用簡單而趣味 的方式切割圖案，也可以玩玩剪 刀或彩色卡紙。
© 2015 Wacom
12
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
Knife（美工刀）工具就藏在工具 板的Eraser Tool（橡皮擦工具）底 下。按下Eraser Tool（橡皮擦工 具），便可以從彈出式功能表中 選擇Knife（美工刀）。選擇 Knife（美工刀）工具後，您必須 先按住Cmd/Ctrl鍵再選擇您要切 割的區域。接著便可以用美工刀 開始自由切割。切割完成後，可 不離開Knife（美工刀）工具直接 選擇或取消選擇需要的區塊 – 方 法為按住： » Cmd/Ctrl可使用箭號（選取工 具）、 » Cmd+Opt/Ctrl+Alt為Group Select Tool（群組選取工具），或
» Cmd+Shift/Ctrl+Shift再點選您要 從目前選擇範圍中移除的部分。
自此範例中，我會用Knife（美工 刀）工具建立陰影線，再將其與 原本的圖案分開，這樣我便可以 輕鬆的將陰影變暗，只要按住 Shift再將任一色彩滑桿向右拉即 可。
© 2015 Wacom
作者提示：因Knife（美工刀）工具本身沒有快速鍵，建議您可以自己設定一 個比較方便使用。若要編輯鍵盤快速鍵，請至 Edit （編輯）功能表再選擇 Keyboard Shortcuts（鍵盤快速鍵）。開啟此功能表選項的快速鍵為（Cmd+Opt+ Shift）+K或（Ctrl+Alt+Shift）+K。此處的範例是將Knife（美工刀）工具快速鍵 設定為「K」。此時系統會提示您此快速鍵目前是分配給Live Paint Bucket（即 時上色油漆桶）工具使用，且此工具將會沒有快速鍵。我覺得這無所謂，反正 相較於Live Paint Bucket（即時上色油漆桶）工具，我比較愛用Knife（美工刀） 工具。
13
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
細節與紋理
1. 加入更多細結：
待陰影完成後，您便可回頭去用 基本圖形如Ellipse Tool（橢圓形工 具）（L）加入斑點或鬍渣，若 您想反複使用該圖形，只要按住 Cmd+Opt/Ctrl+Alt便可用點選及拖 曳的方式進行複製。如此可讓您 輕鬆的為圖案加上紋理。
© 2015 Wacom
14
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
2. 在Photoshop中使用紋理：
在Photoshop有許多種應用紋理的 方式。請從Illustrator中按Cmd/ Ctrl+C為圖案建立一個向量副 本。
開啟Photoshop並開啟新文件，因 圖案為向量檔案，請使用大型文 件以便您可任意決定圖案的放置 方式及大小。 接著按下Cmd/Ctrl+V將其貼上。 接著會出現特殊的對話視窗讓您 可以轉換成點陣圖並任意設定大 小。 您可按住Shift或Shift+Opt/Alt限制 以原始方向置入。
© 2015 Wacom
15
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
3. 圖層模式：
將圖案放回Photoshop後，您可利 用比Illustrator更豐富的工具加入 更多具真實感的紋理──更重要 的是有「圖層模式」功能。在圖 層選項中，您可在圖層群組上方 將圖層模式設定為Multiply（色彩 增值），讓角色的白色帆布部分 設成透明。
4. 載入選項：
因我僅置入角色的頭部而沒有載 入背景，所以可以按住Cmd/Ctrl 再按一下頭部所在圖層的圖示將 他的頭全選，接下來便可選擇我 設定的紋理再複製到新圖層中。
© 2015 Wacom
16
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
5. 套用筆刷：
在已選取的狀態下，選擇紋理圖 層，再按下Cmd/Ctrl+J便會將選 擇的紋理套用到新的背景圖層 中。現在，若您將紋理圖層隱藏 起來，便可將此紋理僅作為角色 臉部的背景紋理使用。 選擇一個筆刷及一個適合此背景 的紋理，讓它變更真實且自 然。Photoshop中的筆刷效果會比 較貼近自然材質。Spatter（潑 濺）筆刷在此紋理上的效果不 錯，位置約在預設筆刷底下2/3 的位置。
© 2015 Wacom
17
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
6. 加上圖層與選擇遮罩：
當我加入元素及上色時，總是會 用加上新圖層的作法，如此便可 輕鬆改變整張圖層的不透明度取 得我要的效果後再將圖層套用上 去。 在頭部的紋理圖層上按一下Cmd/ Ctrl將頭部以外的區域自動遮罩 起來，以免不小心將不想上色的 地方上色。 同樣的，您也可針對陰影部分嘗 試不同的圖層模式以得到手繪、 自然的感覺。然後再次將圖層模 式設為Multiply（色彩增值）並調 低不透明度，待得到想要的效果 後，再按下Cmd/Ctrl+E將它向下 合併到紋理圖層上。
© 2015 Wacom
18
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
請看如何加上紋理
© 2015 Wacom
19
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
調整與最後修飾
1. 使用Magic Wand Tool（魔術棒工 具）調整各個元素： 要調整角色的各個元素如臉、 眼睛、衣服與頭髮等，可使用 Magic Wand Tool（魔術棒工具） （W）...
2. 運用Hue/saturation（色相／飽和 度）： ...亦或是可以使用Hue/Saturation Adjustment（色相／飽和度）對話 方塊（Cmd/Ctrl+U）。作法為： » 先在圖層群組中選擇匯入的圖 層、黑色與白色的臉部圖層；
» 接著用魔術棒點選您要調整的區 域並遮罩起來（例如臉部）； » 選擇已加入紋理的頭部圖層， 並進行調整（Cmd/Ctrl+U）；
» 接著拉動Hue（色相）滑桿以獲 得正確的底色（-45ish）再將亮 度調到約60左右，如有需要也 可調整飽和度。
© 2015 Wacom
20
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
3. 渲染並重複：
重複針對角色其餘的特色使用以 上步驟： » 選擇匯入的圖層；
» 用魔術棒點選眼球；
» 選擇已加入紋理的頭部圖層， 並進行調整（Cmd/Ctrl+U）；
» 調高亮度滑桿。 4. 調整衣服：
針對衣服的部分可按住Shift鍵同 時點選衣領、袖子及軀幹的部 分，接著再次選擇紋理圖層並將 色調滑桿調成偏紅。
© 2015 Wacom
21
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
5. 讓臉頰泛紅：
要讓角色臉頰泛時，我會加上一 個圖層，再使用Spatter（潑濺） 筆刷並使用左右括號鍵（[）+（]） 或繪圖板上的觸控環將範圍加 大。 畫上去後，再將圖層的不透明度 調低到您想要的程度。您也可以 直接點選筆刷選項列中的Opacity （不透明）按鈕再以您想要的不 透明度進行上色，但我使用圖層 的作法是希望在將其與紋理圖層 合併前能做調整與變更。
© 2015 Wacom
22
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
6. 做最後修飾：
在最後修飾時，我會使用較小的 筆刷以畫臉頰泛紅效果同樣的方 式在衣服畫上淡淡的線條。 在匯入圖層上以魔術棒選擇衣 服，接著用大型的亮紅色Spatter （潑濺）筆刷塗上線條。
7. 合併圖層：
當上色完成後，您可按住Shift鍵 再用筆點選將所有臉部圖層選取 起來，接著按Cmd/Ctrl+E將它們 合併在一起。
© 2015 Wacom
23
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
8. 玩玩看吧！
我的主要概念是運用各程式中最 強大的工具及專屬的媒體（不論 是Photoshop、Illustrator或是紙 張），並享受畫圖時的樂趣。當 我用數位方式繪畫時，我可以使 用在紙上作畫時無法使用的工 具。這些都很棒。
© 2015 Wacom
24
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
關於作者 智利插畫家與漫畫家Alberto Montt已有超過40本童書作品， 也不定期製作廣告與行銷素 材。他知名的部落格「Dosis Diarias」（「Daily Dose」）在 2011年曾獲德國傳媒評為 「西班牙最佳部落格」。他 的漫畫作品已在拉丁美洲及 西班牙等地區發行，並定期 出現在全球的各大報紙與雜 誌之中。「Daily Dose」每天 有超過120,000人次的訪客。
並獲得許多文學獎的肯定。
今年，這位藝術家將與Puma 合作推出一系列的限量鞋。 若想了解更多他的作品，請至：
dosisdiarias.com facebook.com/# @twitter
Alberto Montt已出版了數本不 同主題的著作，包括他的第 一本小說繪本：Achiote，是 一本自傳軼事文集。他的史 詩繪本「La Araucana」曾入選 「國際兒童圖書評議會」 IBBY Honour List的榮譽書單，
© 2015 Wacom
25
瞭解更多 ©2015 Wacom Co., Ltd. All rights reserved. Wacom與相關標誌均為Wacom Co., Ltd.的註冊商標，其他公司名稱與產品名稱則為所屬企業的商標和／或註冊商標。
本電子書是我們的努力與心血之作。請注意Wacom 保有本電子書及其所有內容的相關版權。您可自由運 用在本書中所學到的技巧，但禁止重製或銷售電子書 及其內容、置於網路供人下載或在社群網路上分享。 © Adobe、Adobe標誌、Creative Cloud與Creative Cloud 標誌均為Adobe Systems Incorporated在美國及其他國 家的註冊商標。
更多資訊請見：www.wacom.com
使用 PHOTOSHOP與 ILLUSTRATOR 進行人物設計 網格法運用 作者：Alberto Montt
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用
「繪圖是我認識自己的方式。」 - Alberto Montt
© 2015 Wacom
02
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用
Alberto Montt
© 2015 Wacom
03
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用
目錄
© 2015 Wacom
01
繪圖與 轉換
04
最後 修飾
02
上色與 編輯
00
教學課程 介紹
03
細節與 紋理
05
關於 作者
04
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
創造更多性格
在本次教學中我將示範我運 用Photoshop及搭配使用 Illustrator的方式。我使用 Photoshop的主要原因在於它 的筆刷較為自然而真實，所 以在使用Photoshop時，我繪 畫的筆觸比較像使用非數位 工具進行素描或上色的狀 態。
我會透過一個簡單的角色繪 畫過程讓各位了解我的意 思。通常我在Photoshop中塑 造角色所費的時間約會是使 用Illustrator繪製時的三倍。混 合運用Photoshop與Illustrator可 讓我同時發揮各軟體強大工 具的優點，截長補短。他們 絕對是最好的搭擋。
© 2015 Wacom
本電子書中所有數位作品均 使用Wacom Intuos Pro專業繪圖 板，以Adobe © Photoshop及 Adobe Illustrator製作而成。請 至Wacom網站了解最新的數 位技術如何改善藝術工作者 的工作流程與效率：我們的 數位筆與繪圖板產品為速度 與精準度創造出新的可能 性，更讓您可以自由體驗更 多技巧。
Alberto Montt
漫畫家兼插畫家 dosisdiarias.com
05
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
© 2015 Wacom
06
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
繪圖與轉換
1. 選擇一個Photoshop筆刷：
我通常會使用Photoshop標準的一 種壓力感應筆刷，如Hard Round Pressure Size（實邊圓形壓力尺 寸）、Spatter（潑濺）或是Chalk （粉筆）。 Illustrator中的筆刷對我而言不夠 自然，且我也不需要Illustrator預 設顯示的物件筆劃。
2. 將圖案儲存在Illustrator中並建立 向量圖片： 完成後，我會將圖案儲存在 Photoshop中，於Illustrator中開啟一 個新文件再將Photoshop圖案「置 入」。 File（檔案） > New（新增） （Cmd+N Mac/Ctrl+N Win）
File（檔案） > Place（置入） （Shift+Cmd/Shift+Cmd）+P
© 2015 Wacom
07
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
請看如何在Photoshop中繪圖
© 2015 Wacom
08
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
3. 描圖：
接下來便會用到我最愛的Illustrator 工具之一：Image Trace（影像描 圖）工具。此功能就在您「置 入」圖片後出現的選項列中。
4. 將筆跡展開為向量：
（您也可以透過選擇置入的物件 來找到此功能）。按一下Expand （展開）後圖片會變成向量圖。 就這麼簡單。 這功能很好用，因它可以將所有 筆跡都變成一小張紙，可讓你依 需要個別針對它們進行移動、調 整大小、上色、刪除或設成群 組。
© 2015 Wacom
09
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
請看如何將圖案轉換成向量
© 2015 Wacom
10
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
上色與編輯
1. 加入一個暫時的背景：
若要為圖片加上暫時背景，可畫 一個矩形並改變其填滿色彩，以 本處為例，使用的是灰色。點選 任一向量再按Delete鍵──您便會 看到程式將其刪除，無需任何選 擇的動作。所有的向量均是彼此 獨立的物件。 若在Photoshop對圖案做這樣的處 理，檔案的大小很快會成長10 倍。利用Illustrator我可以有效率 的將所有圖案都儲存成物件與圖 片庫，以便後續需要時運用或修 改，且不會佔我電腦太多的空 間。 作者提示：我使用Illustrator以便輕鬆的修改或為圖片上色、進一 步應用Illustrator專屬的強大功能，以達到其他工具無法、或很難 做到的效果。我也可以在Photoshop中隨時並依需要的大小使用該 圖片。雖然這樣看起來像是一個額外的步驟，但在Illustrator做這 樣的處理會簡單的多，因為如此一來檔案會較小，在儲存與處 理時都有優勢。
© 2015 Wacom
11
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
2. 開始上色：
在開始上色時我喜歡從為大面積 區域填入色彩開始：用選擇工具 （V）選一個區域，接著再點選 色樣中的顏色即可。若您想調整 該色彩，可使用調色板上的滑 桿。 有一個不錯的小技巧可維持原色 板的色調但改變其陰影，就是在 拉動滑桿時按住Shift鍵。
3. 用Knife（美工刀）工具玩些創 意：
將圖片置入Illustrator中作成向量 圖片也表示我可以使用所有我最 愛的Illustrator工具：例如Knife（美 工刀），可以讓我用簡單而趣味 的方式切割圖案，也可以玩玩剪 刀或彩色卡紙。
© 2015 Wacom
12
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
Knife（美工刀）工具就藏在工具 板的Eraser Tool（橡皮擦工具）底 下。按下Eraser Tool（橡皮擦工 具），便可以從彈出式功能表中 選擇Knife（美工刀）。選擇 Knife（美工刀）工具後，您必須 先按住Cmd/Ctrl鍵再選擇您要切 割的區域。接著便可以用美工刀 開始自由切割。切割完成後，可 不離開Knife（美工刀）工具直接 選擇或取消選擇需要的區塊 – 方 法為按住： » Cmd/Ctrl可使用箭號（選取工 具）、 » Cmd+Opt/Ctrl+Alt為Group Select Tool（群組選取工具），或
» Cmd+Shift/Ctrl+Shift再點選您要 從目前選擇範圍中移除的部分。
自此範例中，我會用Knife（美工 刀）工具建立陰影線，再將其與 原本的圖案分開，這樣我便可以 輕鬆的將陰影變暗，只要按住 Shift再將任一色彩滑桿向右拉即 可。
© 2015 Wacom
作者提示：因Knife（美工刀）工具本身沒有快速鍵，建議您可以自己設定一 個比較方便使用。若要編輯鍵盤快速鍵，請至 Edit （編輯）功能表再選擇 Keyboard Shortcuts（鍵盤快速鍵）。開啟此功能表選項的快速鍵為（Cmd+Opt+ Shift）+K或（Ctrl+Alt+Shift）+K。此處的範例是將Knife（美工刀）工具快速鍵 設定為「K」。此時系統會提示您此快速鍵目前是分配給Live Paint Bucket（即 時上色油漆桶）工具使用，且此工具將會沒有快速鍵。我覺得這無所謂，反正 相較於Live Paint Bucket（即時上色油漆桶）工具，我比較愛用Knife（美工刀） 工具。
13
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
細節與紋理
1. 加入更多細結：
待陰影完成後，您便可回頭去用 基本圖形如Ellipse Tool（橢圓形工 具）（L）加入斑點或鬍渣，若 您想反複使用該圖形，只要按住 Cmd+Opt/Ctrl+Alt便可用點選及拖 曳的方式進行複製。如此可讓您 輕鬆的為圖案加上紋理。
© 2015 Wacom
14
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
2. 在Photoshop中使用紋理：
在Photoshop有許多種應用紋理的 方式。請從Illustrator中按Cmd/ Ctrl+C為圖案建立一個向量副 本。
開啟Photoshop並開啟新文件，因 圖案為向量檔案，請使用大型文 件以便您可任意決定圖案的放置 方式及大小。 接著按下Cmd/Ctrl+V將其貼上。 接著會出現特殊的對話視窗讓您 可以轉換成點陣圖並任意設定大 小。 您可按住Shift或Shift+Opt/Alt限制 以原始方向置入。
© 2015 Wacom
15
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
3. 圖層模式：
將圖案放回Photoshop後，您可利 用比Illustrator更豐富的工具加入 更多具真實感的紋理──更重要 的是有「圖層模式」功能。在圖 層選項中，您可在圖層群組上方 將圖層模式設定為Multiply（色彩 增值），讓角色的白色帆布部分 設成透明。
4. 載入選項：
因我僅置入角色的頭部而沒有載 入背景，所以可以按住Cmd/Ctrl 再按一下頭部所在圖層的圖示將 他的頭全選，接下來便可選擇我 設定的紋理再複製到新圖層中。
© 2015 Wacom
16
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
5. 套用筆刷：
在已選取的狀態下，選擇紋理圖 層，再按下Cmd/Ctrl+J便會將選 擇的紋理套用到新的背景圖層 中。現在，若您將紋理圖層隱藏 起來，便可將此紋理僅作為角色 臉部的背景紋理使用。 選擇一個筆刷及一個適合此背景 的紋理，讓它變更真實且自 然。Photoshop中的筆刷效果會比 較貼近自然材質。Spatter（潑 濺）筆刷在此紋理上的效果不 錯，位置約在預設筆刷底下2/3 的位置。
© 2015 Wacom
17
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
6. 加上圖層與選擇遮罩：
當我加入元素及上色時，總是會 用加上新圖層的作法，如此便可 輕鬆改變整張圖層的不透明度取 得我要的效果後再將圖層套用上 去。 在頭部的紋理圖層上按一下Cmd/ Ctrl將頭部以外的區域自動遮罩 起來，以免不小心將不想上色的 地方上色。 同樣的，您也可針對陰影部分嘗 試不同的圖層模式以得到手繪、 自然的感覺。然後再次將圖層模 式設為Multiply（色彩增值）並調 低不透明度，待得到想要的效果 後，再按下Cmd/Ctrl+E將它向下 合併到紋理圖層上。
© 2015 Wacom
18
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
請看如何加上紋理
© 2015 Wacom
19
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
調整與最後修飾
1. 使用Magic Wand Tool（魔術棒工 具）調整各個元素： 要調整角色的各個元素如臉、 眼睛、衣服與頭髮等，可使用 Magic Wand Tool（魔術棒工具） （W）...
2. 運用Hue/saturation（色相／飽和 度）： ...亦或是可以使用Hue/Saturation Adjustment（色相／飽和度）對話 方塊（Cmd/Ctrl+U）。作法為： » 先在圖層群組中選擇匯入的圖 層、黑色與白色的臉部圖層；
» 接著用魔術棒點選您要調整的區 域並遮罩起來（例如臉部）； » 選擇已加入紋理的頭部圖層， 並進行調整（Cmd/Ctrl+U）；
» 接著拉動Hue（色相）滑桿以獲 得正確的底色（-45ish）再將亮 度調到約60左右，如有需要也 可調整飽和度。
© 2015 Wacom
20
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
3. 渲染並重複：
重複針對角色其餘的特色使用以 上步驟： » 選擇匯入的圖層；
» 用魔術棒點選眼球；
» 選擇已加入紋理的頭部圖層， 並進行調整（Cmd/Ctrl+U）；
» 調高亮度滑桿。 4. 調整衣服：
針對衣服的部分可按住Shift鍵同 時點選衣領、袖子及軀幹的部 分，接著再次選擇紋理圖層並將 色調滑桿調成偏紅。
© 2015 Wacom
21
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
5. 讓臉頰泛紅：
要讓角色臉頰泛時，我會加上一 個圖層，再使用Spatter（潑濺） 筆刷並使用左右括號鍵（[）+（]） 或繪圖板上的觸控環將範圍加 大。 畫上去後，再將圖層的不透明度 調低到您想要的程度。您也可以 直接點選筆刷選項列中的Opacity （不透明）按鈕再以您想要的不 透明度進行上色，但我使用圖層 的作法是希望在將其與紋理圖層 合併前能做調整與變更。
© 2015 Wacom
22
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
6. 做最後修飾：
在最後修飾時，我會使用較小的 筆刷以畫臉頰泛紅效果同樣的方 式在衣服畫上淡淡的線條。 在匯入圖層上以魔術棒選擇衣 服，接著用大型的亮紅色Spatter （潑濺）筆刷塗上線條。
7. 合併圖層：
當上色完成後，您可按住Shift鍵 再用筆點選將所有臉部圖層選取 起來，接著按Cmd/Ctrl+E將它們 合併在一起。
© 2015 Wacom
23
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
8. 玩玩看吧！
我的主要概念是運用各程式中最 強大的工具及專屬的媒體（不論 是Photoshop、Illustrator或是紙 張），並享受畫圖時的樂趣。當 我用數位方式繪畫時，我可以使 用在紙上作畫時無法使用的工 具。這些都很棒。
© 2015 Wacom
24
使用PHOTOSHOP與ILLUSTRATOR進行人物設計 網格法運用 目錄
關於作者 智利插畫家與漫畫家Alberto Montt已有超過40本童書作品， 也不定期製作廣告與行銷素 材。他知名的部落格「Dosis Diarias」（「Daily Dose」）在 2011年曾獲德國傳媒評為 「西班牙最佳部落格」。他 的漫畫作品已在拉丁美洲及 西班牙等地區發行，並定期 出現在全球的各大報紙與雜 誌之中。「Daily Dose」每天 有超過120,000人次的訪客。
並獲得許多文學獎的肯定。
今年，這位藝術家將與Puma 合作推出一系列的限量鞋。 若想了解更多他的作品，請至：
dosisdiarias.com facebook.com/# @twitter
Alberto Montt已出版了數本不 同主題的著作，包括他的第 一本小說繪本：Achiote，是 一本自傳軼事文集。他的史 詩繪本「La Araucana」曾入選 「國際兒童圖書評議會」 IBBY Honour List的榮譽書單，
© 2015 Wacom
25
瞭解更多 ©2015 Wacom Co., Ltd. All rights reserved. Wacom與相關標誌均為Wacom Co., Ltd.的註冊商標，其他公司名稱與產品名稱則為所屬企業的商標和／或註冊商標。
本電子書是我們的努力與心血之作。請注意Wacom 保有本電子書及其所有內容的相關版權。您可自由運 用在本書中所學到的技巧，但禁止重製或銷售電子書 及其內容、置於網路供人下載或在社群網路上分享。 © Adobe、Adobe標誌、Creative Cloud與Creative Cloud 標誌均為Adobe Systems Incorporated在美國及其他國 家的註冊商標。
更多資訊請見：www.wacom.com
