Guy Shield T3 ZHtw
學習
為您的插畫 增添深度 光影效果、色彩調整與最後的修飾 作者：Guy Shield
為您的插畫增添深度 光影效果、色彩調整與最後的修飾
「我差不多是從手會握住蠟筆的那一刻 便開始作畫了，從此以後便欲罷不能。」 - Guy Shield
© 2015 Wacom
02
為您的插畫增添深度 光影效果、色彩調整與最後的修飾
Guy Shield的作品
© 2015 Wacom
03
為您的插畫增添深度 光影效果、色彩調整與最後的修飾
目錄
01
© 2015 Wacom
色彩 調整
02
光影效果與薄霧： 褪色的背景
00
教學課程 介紹
03
光影效果與薄霧： 淺白的效果
04
關於 作者
04
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
創造更多層次
若您一開始就先讀本教學， 請停下來回頭先讀前兩本電 子書。相信我！他們在本教 學中佔了很重要的地位。 作品的修飾過程是漫長的嘗 試與錯誤，而要半途停下腳 步有時是很困難的，因您總 會不斷有繼續調整、修改或 處理的念頭。 在本教學中，我會示範一些 修飾作品的小技巧。我們會 用到一些調整圖層，也會運 用一些巧妙的方式為作品加 上一些薄霧或光影，所以趕 快開始吧。
© 2015 Wacom
本電子書將以趣味的方式一 步步帶著您：調整色彩並設 定插畫的整體色調、為作品 加入光影效果並用褪色的背 景或泛白的效果做最後的點 綴
本電子書中所有數位作品均 使用Wacom Intuos Pro專業繪圖 板，以Adobe© Photoshop製作 而成。請至Wacom網站了解 最新的數位技術如何改善藝 術工作者的工作流程與效 率：我們的數位筆與繪圖板 產品為速度與精準度創造出 新的可能性，更讓您可以自 由體驗更多技巧。
Guy Shield 插畫家 guyshield.com
05
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
色彩調整
若您有看過前兩個教學，那您的作 品從前景到背景應該已有不錯的圖 層排列。每個圖層群組應該都會有 許多填色圖層、一些陰影圖層及專 屬的色調圖層。順利的話，您的色 彩應已有不錯的深度與質感。接下 來的步驟會為您的作品加上整體的 色調，並調整讓所有圖層群組更佳 諧調。
1. 通常我會（從圖層面板底下的 Create New Fill or Adjustment（建立 新填色或調整圖層）功能表）建 立一個色相或飽和度的調整圖 層。 2. 調整Saturation（飽和度）刻度讓 色彩顯得更有魅力。
3. 接下來，試著調整Lightness（亮 度）與Hue（色相）刻度看還可 以做什麼樣的微調。
© 2015 Wacom
06
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
4. 建立一層新的調整圖層。
5. 將底下三個三角形向內調使其顯 得俐落一些，讓作品更鮮明。這 並非必要步驟，但當需要增加對 比時，試試此作法往往會有不錯 的效果。
6. 或者是您也可以試試使用曲線調 色盤，而部分的照片濾鏡選項也 可輕鬆的讓作品顯得較溫暖或冷 感。 請多熟悉調整圖層，他們真的可 以產生不同的效果。
© 2015 Wacom
07
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
光影效果與薄霧：褪色的背景效果 基本上要為作品加上深度與亮度的 方法有很多種，而加上矇矓的陽光 有時可以有不錯的感覺，在此有兩 個我沿用已久的作法。 第一個效果，通常也是最簡單的方 式，便是（從圖層面板底下的Create New Fill or Adjustment（建立新填色或 調整圖層）功能表）在圖層群組間 加入漸層圖層。
1. 建立一個白色（或乳白色）的漸 層圖層，將漸層效果調整成 100%到全透明（想像光線從天 空射下來的效果）。 2. 將漸層較不透明的部分朝向光 源。
© 2015 Wacom
08
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
3. 將圖層的不透明度設定在5-10% 之間。
4. 顯然圖層群組越多且加入的漸層 圖層越多，背景褪色的效果也會 越明顯，所以請小心運用！但相 信我，這個效果真的很不錯。
© 2015 Wacom
09
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
光影效果與薄霧：淺白的效果 另一個光影效果是為您的「插圖」 圖層群組（請見前面的教學）加上 遮色片，再巧妙的將作品淡出。如 此可為作品加上淺白的效果。 1. 要 這 麼 作 ， 我 會 使 用 巨 大 的 （5000px）柔邊噴槍，並將不透 明度設成5-10%。
2. 或是您也可以使用漸層工具，設 定為Radial（放射性漸層）或 Linear（線性漸層）從光源處做 出耀眼光芒的效果。
© 2015 Wacom
10
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
請看如何做最後修飾
© 2015 Wacom
11
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
3. 接著用色階調色版，將左下角黑 點向調色版右邊移動，調整遮色 片對比（調整為很巧妙的淺灰 色）。
© 2015 Wacom
12
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
4. 此處的重點在於自制，因為您不 會希望因為光線而失去作品本身 的美感（除非出來的效果是您想 要的）。
© 2015 Wacom
13
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
© 2015 Wacom
14
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
關於作者 住在墨爾本的插畫家Guy Shield擁有設計背景同時也對 繪圖深深的著迷。澳洲長大 的Guy利用學校書本的內頁自 學如何繪出影像的深度，期 待有朝一日他的才華不僅能 為他帶來名聲與財富，更希 望不善運動的他也能因此獲 得女性的青睞。雖然上述的 夢想均尚未實現，但Guy對於 繪圖的熱愛未曾消減，並且 已在出版與繪圖界小有名 聲，曾為「Kill Your Darlings」 等知名雜誌繪製封面。
© 2015 Wacom
作者大多會先用筆墨創作再 移轉到Wacom工具上，再透 過正規的構圖與調色版應用 仔細營造出想要的懸疑或親 切感。 若想了解更多他的作品，請至： guyshield.com facebook.com/thatguydraws @guyshield
15
瞭解更多 ©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
為您的插畫增添深度 光影效果、色彩調整與最後的修飾
目錄
01
© 2015 Wacom
色彩 調整
02
光影效果與薄霧： 褪色的背景
00
教學課程 介紹
03
光影效果與薄霧： 淺白的效果
04
關於 作者
04
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
創造更多層次
若您一開始就先讀本教學， 請停下來回頭先讀前兩本電 子書。相信我！他們在本教 學中佔了很重要的地位。 作品的修飾過程是漫長的嘗 試與錯誤，而要半途停下腳 步有時是很困難的，因您總 會不斷有繼續調整、修改或 處理的念頭。 在本教學中，我會示範一些 修飾作品的小技巧。我們會 用到一些調整圖層，也會運 用一些巧妙的方式為作品加 上一些薄霧或光影，所以趕 快開始吧。
© 2015 Wacom
本電子書將以趣味的方式一 步步帶著您：調整色彩並設 定插畫的整體色調、為作品 加入光影效果並用褪色的背 景或泛白的效果做最後的點 綴
本電子書中所有數位作品均 使用Wacom Intuos Pro專業繪圖 板，以Adobe© Photoshop製作 而成。請至Wacom網站了解 最新的數位技術如何改善藝 術工作者的工作流程與效 率：我們的數位筆與繪圖板 產品為速度與精準度創造出 新的可能性，更讓您可以自 由體驗更多技巧。
Guy Shield 插畫家 guyshield.com
05
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
色彩調整
若您有看過前兩個教學，那您的作 品從前景到背景應該已有不錯的圖 層排列。每個圖層群組應該都會有 許多填色圖層、一些陰影圖層及專 屬的色調圖層。順利的話，您的色 彩應已有不錯的深度與質感。接下 來的步驟會為您的作品加上整體的 色調，並調整讓所有圖層群組更佳 諧調。
1. 通常我會（從圖層面板底下的 Create New Fill or Adjustment（建立 新填色或調整圖層）功能表）建 立一個色相或飽和度的調整圖 層。 2. 調整Saturation（飽和度）刻度讓 色彩顯得更有魅力。
3. 接下來，試著調整Lightness（亮 度）與Hue（色相）刻度看還可 以做什麼樣的微調。
© 2015 Wacom
06
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
4. 建立一層新的調整圖層。
5. 將底下三個三角形向內調使其顯 得俐落一些，讓作品更鮮明。這 並非必要步驟，但當需要增加對 比時，試試此作法往往會有不錯 的效果。
6. 或者是您也可以試試使用曲線調 色盤，而部分的照片濾鏡選項也 可輕鬆的讓作品顯得較溫暖或冷 感。 請多熟悉調整圖層，他們真的可 以產生不同的效果。
© 2015 Wacom
07
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
光影效果與薄霧：褪色的背景效果 基本上要為作品加上深度與亮度的 方法有很多種，而加上矇矓的陽光 有時可以有不錯的感覺，在此有兩 個我沿用已久的作法。 第一個效果，通常也是最簡單的方 式，便是（從圖層面板底下的Create New Fill or Adjustment（建立新填色或 調整圖層）功能表）在圖層群組間 加入漸層圖層。
1. 建立一個白色（或乳白色）的漸 層圖層，將漸層效果調整成 100%到全透明（想像光線從天 空射下來的效果）。 2. 將漸層較不透明的部分朝向光 源。
© 2015 Wacom
08
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
3. 將圖層的不透明度設定在5-10% 之間。
4. 顯然圖層群組越多且加入的漸層 圖層越多，背景褪色的效果也會 越明顯，所以請小心運用！但相 信我，這個效果真的很不錯。
© 2015 Wacom
09
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
光影效果與薄霧：淺白的效果 另一個光影效果是為您的「插圖」 圖層群組（請見前面的教學）加上 遮色片，再巧妙的將作品淡出。如 此可為作品加上淺白的效果。 1. 要 這 麼 作 ， 我 會 使 用 巨 大 的 （5000px）柔邊噴槍，並將不透 明度設成5-10%。
2. 或是您也可以使用漸層工具，設 定為Radial（放射性漸層）或 Linear（線性漸層）從光源處做 出耀眼光芒的效果。
© 2015 Wacom
10
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
請看如何做最後修飾
© 2015 Wacom
11
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
3. 接著用色階調色版，將左下角黑 點向調色版右邊移動，調整遮色 片對比（調整為很巧妙的淺灰 色）。
© 2015 Wacom
12
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
4. 此處的重點在於自制，因為您不 會希望因為光線而失去作品本身 的美感（除非出來的效果是您想 要的）。
© 2015 Wacom
13
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
© 2015 Wacom
14
為您的插畫增添深度 光影效果、色彩調整與最後的修飾 目錄
關於作者 住在墨爾本的插畫家Guy Shield擁有設計背景同時也對 繪圖深深的著迷。澳洲長大 的Guy利用學校書本的內頁自 學如何繪出影像的深度，期 待有朝一日他的才華不僅能 為他帶來名聲與財富，更希 望不善運動的他也能因此獲 得女性的青睞。雖然上述的 夢想均尚未實現，但Guy對於 繪圖的熱愛未曾消減，並且 已在出版與繪圖界小有名 聲，曾為「Kill Your Darlings」 等知名雜誌繪製封面。
© 2015 Wacom
作者大多會先用筆墨創作再 移轉到Wacom工具上，再透 過正規的構圖與調色版應用 仔細營造出想要的懸疑或親 切感。 若想了解更多他的作品，請至： guyshield.com facebook.com/thatguydraws @guyshield
15
瞭解更多 ©2015 Wacom Co., Ltd. All rights reserved. Wacom與相關標誌均為Wacom Co., Ltd.的註冊商標，其他公司名稱與產品名稱則為所屬企業的商標和／或註冊商標。
本電子書是我們的努力與心血之作。請注意Wacom 保有本電子書及其所有內容的相關版權。您可自由運 用在本書中所學到的技巧，但禁止重製或銷售電子書 及其內容、置於網路供人下載或在社群網路上分享。 © Adobe、Adobe標誌、Creative Cloud與Creative Cloud 標誌均為Adobe Systems Incorporated在美國及其他國 家的註冊商標。
更多資訊請見：www.wacom.com
