Guy Shield T2 ZHtw
學習
上色與 控制構圖
運用可調整的色彩控制板表達情感與深度 作者：Guy Shield
上色與控制構圖
運用可調整的色彩控制板表達情感與深度
「在創作時，我需要不斷的讓自己 保持冷靜。這是一種沉澱。」 - Guy Shield
© 2015 Wacom
02
上色與控制構圖
運用可調整的色彩控制板表達情感與深度
Guy Shield的工作室
© 2015 Wacom
03
上色與控制構圖
運用可調整的色彩控制板表達情感與深度
目錄
© 2015 Wacom
01
選擇 底色
04
調整 色調
02
運用填色圖層 為元素上色
00
教學課程 介紹
03
添加 陰影
05
關於 作者
04
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
讓色彩更佳豐富 上色是插畫家的工作之一。 它同時掌握了作品的深度與 整體色調，是傳達對作品情 感與投入的重要方式。色彩 也影響作品的構圖，以及觀 賞者欣賞作品的角度。運用 可調整的色彩控制板，您可 輕易的改變與調整作品的重 點。相信我，這真的是很有 趣的一件事！ 本教學是延續前一個教學的 內容，並沿用之前從前景到 背景所做的圖層排列。內容 基於前一個教學中的遮罩圖 層群組。
© 2015 Wacom
本電子書將以趣味的方式一 步步帶著您：揀選並加上底 色、用填色圖層為圖片中的 元素上色以及調整作品的光 影與色調
本電子書中所有數位作品均 使用Wacom Intuos Pro專業繪圖 板，以Adobe© Photoshop製作而 成。請至Wacom網站了解最 新的數位技術如何改善藝術 工作者的工作流程與效率： 我們的數位筆與繪圖板產品 為速度與精準度創造出新的 可能性，更讓您可以自由體 驗更多技巧。
Guy Shield 插畫家 guyshield.com
05
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
選擇底色
為作品加上底色是控制作品溫度的 好方法。我一般會採用乳白色與灰 白色，讓後續加上的所有顏色有些 偏黃的感覺。如此可統一色調，做 出令人賞心悅目的作品。
1. 開始時按住Shift，再於圖層面板 中所有的圖層群組上按一下，組 成另一個圖層群組。並將其命名 為「插圖」。
2. 在此圖層群組底下，建立一個純 色圖層。 3. 選擇一個非常淡的色相（如之前 所述，我同常會用乳色系）。
© 2015 Wacom
06
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
4. 將此純色圖層命名為「底色」。
5. 現在按一下圖層面板的「插圖」 圖層群組。 將透明度（位於圖層面板的左上 角）設定為Multiply（色彩增值）。
6. 您應該會發現所有的圖層都會受 到下方底色的影響。
© 2015 Wacom
07
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
運用填色圖層為元素上色 1. 從第一個圖層群組，前景開始。
利用圖層面板底下Create New Fill or Adjustment（建立新填色或調整圖 層）功能表中的Color Fill Layer（色 彩填色圖層），我們可透過為各 圖層中之元素上色，為您的作品 加上色彩。我必須提醒您請將所 有的填色圖層放在為該圖層群組 建立之線稿智慧型物件底下。
2. 想像一下入門畫家的數字填圖工 具或兒童的著色本。在此要做的 十分類似。例如，針對圖層群組 中我希望加上膚色的所有元素／ 人物，我會建立一個新的「填 色」圖層，再從檢色器中選擇膚 色。
© 2015 Wacom
08
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
3. 最初，這會將整個圖層群組都填 滿該顏色，所以您必須按下圖層 面板中的遮色片再將其反向選擇 （Command/Ctrl+I）使其變成空 白。
4. 從您希望加入膚色的部分開始小 心的上色。在此過程中，我通常 使用「Inker: Nib」筆刷設定作為 我的預設色版。 5. 待我將想塗上該顏色的部分塗好 後，我會在新的填色圖層上重複 這些步驟，將該圖層中的所有顏 色遮住。
© 2015 Wacom
09
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
6. 在此階段無需顧慮色調／陰影的 問題，我們後續會做處理，目前 重要的是將整件作品依圖層群組 逐一上色，再調整色彩的分配。 此作法最棒的是可以輕鬆的調整 各個顏色使其彼此相互調和。
© 2015 Wacom
10
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
添加陰影
現在，當各圖層群組均塗上選擇的 色彩後，該開始為各個元素加上陰 影了。
1. 使用陰影時我會建立一個新的填 色圖層，一般會採用淺灰色。 2. 將遮罩反向將其清空。
3. 改變圖層面板上的透明度，將混 合模式改為Multiply（色彩增值）。 如此可加深圖層，使底下的色彩 圖層群組顯得更暗一些。
© 2015 Wacom
11
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
4. 開始為作品畫上影子與細節，請 注意光源的位置以及影子的形 狀。
5. 我喜歡運用多個陰影圖層，彼此 交疊，讓陰影產生漸層的效果。
© 2015 Wacom
12
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
請看如何加上陰影
© 2015 Wacom
13
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
6. 在此階段您的作品可能因為灰色 的陰影而顯得有些暗沉，故可考 慮針對不同的色彩群組使用不同 的陰影圖層（均設定為Multiply （色彩增值））。例如，在膚色 的部分，可使用帶粉色或偏紅的 陰影圖層，或針對綠色的部分使 用稍微偏綠的陰影圖層。如此可 維持作品中顏色的完整度並使其 更有生命力。不過，針對較深或 暗沉的顏色，簡單的使用灰色的 陰影應該就已足夠了。
© 2015 Wacom
14
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
7. 從前景到背景繼續處理各個圖層 群組，利用加上設定為Multiply （色彩增值）之圖層群組的方式 為填色圖層加上陰影。現在您的 作品看起來感覺應該不錯了，而 只要您持續依光源的位置加上陰 影，將可以讓構圖顯得更強烈！
© 2015 Wacom
15
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
調整色調
調整色調可以讓色彩彼此之間更佳 和諧，而依場景亮度的不同，也更 能呈現出深度與亮度的效果。與陰 影圖層類似，色調圖層也是設定為 Multiply（色彩增值），並放在各圖 層的線稿智慧型物件上面。與陰影 圖層不同的是，我們會使用許多圖 層來調整作品色調。
1. 一開始先建立一個純色圖層，將 其設定為您要調整色調的顏色 （例如若您想讓色調更佳陰沉可 設為淺淺的藍色，或是希望讓色 調溫暖一些可設為黃色）。
© 2015 Wacom
16
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
2. 現在，您可以依需要在色調圖層 上畫出亮調的部分，為您的作品 增添不同的氛圍。在此範例中， 我在物體與人的周圍加上亮調使 其呈現出些許背光的效果。若您 想要這麼做的話，這是為作品加 入額外細節的好方法，還能增加 一些現實主義的感覺。
© 2015 Wacom
17
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
請看如何加上色調
© 2015 Wacom
18
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
3. 繼續為您作品的各圖層群組加上 色調圖層。
4. 在各圖層群組中嘗試使用不同的 色調，例如可試著在前景加入較 深色調的圖層，或在背景加上較 淺色調的圖層。各色調圖層的效 果會明顯提升整件作品的質感， 更有助於讓您希望低調的部分變 得較暗或不那麼顯著。若物體在 陰影底下，可考慮使用較暗的色 調圖層。
© 2015 Wacom
19
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
到目前為止，順利的話您的作品應 已開始有自己的味道，接下來可以 進入最後修飾的階段了！
© 2015 Wacom
20
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
關於作者 住在墨爾本的插畫家Guy Shield擁有設計背景同時也對 繪圖深深的著迷。澳洲長大 的Guy利用學校書本的內頁自 學如何繪出影像的深度，期 待有朝一日他的才華不僅能 為他帶來名聲與財富，更希 望不善運動的他也能因此獲 得女性的青睞。雖然上述的 夢想均尚未實現，但Guy對於 繪圖的熱愛未曾消減，並且 已在出版與繪圖界小有名 聲，曾為「Kill Your Darlings」 等知名雜誌繪製封面。
© 2015 Wacom
作者大多會先用筆墨創作再 移轉到Wacom工具上，再透 過正規的構圖與調色版應用 仔細營造出想要的懸疑或親 切感。 若想了解更多他的作品，請至： guyshield.com facebook.com/thatguydraws @guyshield
21
瞭解更多 ©2015 Wacom Co., Ltd. All rights reserved. Wacom與相關標誌均為Wacom Co., Ltd.的註冊商標，其他公司名稱與產品名稱則為所屬企業的商標和／或註冊商標。
本電子書是我們的努力與心血之作。請注意Wacom 保有本電子書及其所有內容的相關版權。您可自由運 用在本書中所學到的技巧，但禁止重製或銷售電子書 及其內容、置於網路供人下載或在社群網路上分享。 © Adobe、Adobe標誌、Creative Cloud與Creative Cloud 標誌均為Adobe Systems Incorporated在美國及其他國 家的註冊商標。
更多資訊請見：www.wacom.com
上色與 控制構圖
運用可調整的色彩控制板表達情感與深度 作者：Guy Shield
上色與控制構圖
運用可調整的色彩控制板表達情感與深度
「在創作時，我需要不斷的讓自己 保持冷靜。這是一種沉澱。」 - Guy Shield
© 2015 Wacom
02
上色與控制構圖
運用可調整的色彩控制板表達情感與深度
Guy Shield的工作室
© 2015 Wacom
03
上色與控制構圖
運用可調整的色彩控制板表達情感與深度
目錄
© 2015 Wacom
01
選擇 底色
04
調整 色調
02
運用填色圖層 為元素上色
00
教學課程 介紹
03
添加 陰影
05
關於 作者
04
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
讓色彩更佳豐富 上色是插畫家的工作之一。 它同時掌握了作品的深度與 整體色調，是傳達對作品情 感與投入的重要方式。色彩 也影響作品的構圖，以及觀 賞者欣賞作品的角度。運用 可調整的色彩控制板，您可 輕易的改變與調整作品的重 點。相信我，這真的是很有 趣的一件事！ 本教學是延續前一個教學的 內容，並沿用之前從前景到 背景所做的圖層排列。內容 基於前一個教學中的遮罩圖 層群組。
© 2015 Wacom
本電子書將以趣味的方式一 步步帶著您：揀選並加上底 色、用填色圖層為圖片中的 元素上色以及調整作品的光 影與色調
本電子書中所有數位作品均 使用Wacom Intuos Pro專業繪圖 板，以Adobe© Photoshop製作而 成。請至Wacom網站了解最 新的數位技術如何改善藝術 工作者的工作流程與效率： 我們的數位筆與繪圖板產品 為速度與精準度創造出新的 可能性，更讓您可以自由體 驗更多技巧。
Guy Shield 插畫家 guyshield.com
05
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
選擇底色
為作品加上底色是控制作品溫度的 好方法。我一般會採用乳白色與灰 白色，讓後續加上的所有顏色有些 偏黃的感覺。如此可統一色調，做 出令人賞心悅目的作品。
1. 開始時按住Shift，再於圖層面板 中所有的圖層群組上按一下，組 成另一個圖層群組。並將其命名 為「插圖」。
2. 在此圖層群組底下，建立一個純 色圖層。 3. 選擇一個非常淡的色相（如之前 所述，我同常會用乳色系）。
© 2015 Wacom
06
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
4. 將此純色圖層命名為「底色」。
5. 現在按一下圖層面板的「插圖」 圖層群組。 將透明度（位於圖層面板的左上 角）設定為Multiply（色彩增值）。
6. 您應該會發現所有的圖層都會受 到下方底色的影響。
© 2015 Wacom
07
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
運用填色圖層為元素上色 1. 從第一個圖層群組，前景開始。
利用圖層面板底下Create New Fill or Adjustment（建立新填色或調整圖 層）功能表中的Color Fill Layer（色 彩填色圖層），我們可透過為各 圖層中之元素上色，為您的作品 加上色彩。我必須提醒您請將所 有的填色圖層放在為該圖層群組 建立之線稿智慧型物件底下。
2. 想像一下入門畫家的數字填圖工 具或兒童的著色本。在此要做的 十分類似。例如，針對圖層群組 中我希望加上膚色的所有元素／ 人物，我會建立一個新的「填 色」圖層，再從檢色器中選擇膚 色。
© 2015 Wacom
08
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
3. 最初，這會將整個圖層群組都填 滿該顏色，所以您必須按下圖層 面板中的遮色片再將其反向選擇 （Command/Ctrl+I）使其變成空 白。
4. 從您希望加入膚色的部分開始小 心的上色。在此過程中，我通常 使用「Inker: Nib」筆刷設定作為 我的預設色版。 5. 待我將想塗上該顏色的部分塗好 後，我會在新的填色圖層上重複 這些步驟，將該圖層中的所有顏 色遮住。
© 2015 Wacom
09
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
6. 在此階段無需顧慮色調／陰影的 問題，我們後續會做處理，目前 重要的是將整件作品依圖層群組 逐一上色，再調整色彩的分配。 此作法最棒的是可以輕鬆的調整 各個顏色使其彼此相互調和。
© 2015 Wacom
10
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
添加陰影
現在，當各圖層群組均塗上選擇的 色彩後，該開始為各個元素加上陰 影了。
1. 使用陰影時我會建立一個新的填 色圖層，一般會採用淺灰色。 2. 將遮罩反向將其清空。
3. 改變圖層面板上的透明度，將混 合模式改為Multiply（色彩增值）。 如此可加深圖層，使底下的色彩 圖層群組顯得更暗一些。
© 2015 Wacom
11
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
4. 開始為作品畫上影子與細節，請 注意光源的位置以及影子的形 狀。
5. 我喜歡運用多個陰影圖層，彼此 交疊，讓陰影產生漸層的效果。
© 2015 Wacom
12
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
請看如何加上陰影
© 2015 Wacom
13
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
6. 在此階段您的作品可能因為灰色 的陰影而顯得有些暗沉，故可考 慮針對不同的色彩群組使用不同 的陰影圖層（均設定為Multiply （色彩增值））。例如，在膚色 的部分，可使用帶粉色或偏紅的 陰影圖層，或針對綠色的部分使 用稍微偏綠的陰影圖層。如此可 維持作品中顏色的完整度並使其 更有生命力。不過，針對較深或 暗沉的顏色，簡單的使用灰色的 陰影應該就已足夠了。
© 2015 Wacom
14
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
7. 從前景到背景繼續處理各個圖層 群組，利用加上設定為Multiply （色彩增值）之圖層群組的方式 為填色圖層加上陰影。現在您的 作品看起來感覺應該不錯了，而 只要您持續依光源的位置加上陰 影，將可以讓構圖顯得更強烈！
© 2015 Wacom
15
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
調整色調
調整色調可以讓色彩彼此之間更佳 和諧，而依場景亮度的不同，也更 能呈現出深度與亮度的效果。與陰 影圖層類似，色調圖層也是設定為 Multiply（色彩增值），並放在各圖 層的線稿智慧型物件上面。與陰影 圖層不同的是，我們會使用許多圖 層來調整作品色調。
1. 一開始先建立一個純色圖層，將 其設定為您要調整色調的顏色 （例如若您想讓色調更佳陰沉可 設為淺淺的藍色，或是希望讓色 調溫暖一些可設為黃色）。
© 2015 Wacom
16
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
2. 現在，您可以依需要在色調圖層 上畫出亮調的部分，為您的作品 增添不同的氛圍。在此範例中， 我在物體與人的周圍加上亮調使 其呈現出些許背光的效果。若您 想要這麼做的話，這是為作品加 入額外細節的好方法，還能增加 一些現實主義的感覺。
© 2015 Wacom
17
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
請看如何加上色調
© 2015 Wacom
18
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
3. 繼續為您作品的各圖層群組加上 色調圖層。
4. 在各圖層群組中嘗試使用不同的 色調，例如可試著在前景加入較 深色調的圖層，或在背景加上較 淺色調的圖層。各色調圖層的效 果會明顯提升整件作品的質感， 更有助於讓您希望低調的部分變 得較暗或不那麼顯著。若物體在 陰影底下，可考慮使用較暗的色 調圖層。
© 2015 Wacom
19
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
到目前為止，順利的話您的作品應 已開始有自己的味道，接下來可以 進入最後修飾的階段了！
© 2015 Wacom
20
上色與控制構圖
運用可調整的色彩控制板表達情感與深度 目錄
關於作者 住在墨爾本的插畫家Guy Shield擁有設計背景同時也對 繪圖深深的著迷。澳洲長大 的Guy利用學校書本的內頁自 學如何繪出影像的深度，期 待有朝一日他的才華不僅能 為他帶來名聲與財富，更希 望不善運動的他也能因此獲 得女性的青睞。雖然上述的 夢想均尚未實現，但Guy對於 繪圖的熱愛未曾消減，並且 已在出版與繪圖界小有名 聲，曾為「Kill Your Darlings」 等知名雜誌繪製封面。
© 2015 Wacom
作者大多會先用筆墨創作再 移轉到Wacom工具上，再透 過正規的構圖與調色版應用 仔細營造出想要的懸疑或親 切感。 若想了解更多他的作品，請至： guyshield.com facebook.com/thatguydraws @guyshield
21
瞭解更多 ©2015 Wacom Co., Ltd. All rights reserved. Wacom與相關標誌均為Wacom Co., Ltd.的註冊商標，其他公司名稱與產品名稱則為所屬企業的商標和／或註冊商標。
本電子書是我們的努力與心血之作。請注意Wacom 保有本電子書及其所有內容的相關版權。您可自由運 用在本書中所學到的技巧，但禁止重製或銷售電子書 及其內容、置於網路供人下載或在社群網路上分享。 © Adobe、Adobe標誌、Creative Cloud與Creative Cloud 標誌均為Adobe Systems Incorporated在美國及其他國 家的註冊商標。
更多資訊請見：www.wacom.com
