人魚一－livy0714的部落格

STEP 001

當我決定好這次的內容之後，通常我會習慣到 Painter內進行草圖的繪製；在繪製草圖時，我喜歡使用鉛筆筆刷（２Ｂ鉛筆），我們來看一下下圖的比較，（上方為鉛筆筆刷，下方為噴槍筆刷），鉛筆工具是一把在上色擁有疊色功能的特質，當筆畫重複處顏色將會逐漸加深，另外也可以呈現出紙張紋路的表現，這兩點讓我們在冰冷冷的電腦上繪畫更增添一些手繪的感覺。

工具使用重點：

使用鉛筆筆刷在畫圖時，在顏色的選用建議使用接近灰階的色彩以及將筆刷透光度調整為２０－５０％左右，如此在重疊的過程中才會有著漂亮的疊色效果，表現上也更加的逼近真實鉛筆質感。

STEP 002

另外我會習慣在開始作業前，將所有會運用到的筆刷先準備出來放置於自訂面板，這樣可以節省繪圖過程中到筆刷選取器列的來回次數，可以避免手感的中斷。

工具使用重點：

自訂面板可以將常用的筆刷或是紙張或是漸層...等工具集中放置，如果需要修改位置，請按著 SHIFT 然後點擊工具圖示即可移動，如須刪除則拖曳至自訂面板外即可。

STEP 003

當繪製好草稿後，我從 painter 轉到 photoshop 進行下一個步驟，因為這次我打算要使用分圖層的上色方式，也打算使用大量的選取範圍來進行，當然這些在 painter 內也可以直接進行，然而在操作上我是認為 photoshop 會來的更加的方便；一開始我使用了筆形工具（快速鍵請按　Ｐ），將人物身體的外輪廓描繪出來。

工具使用重點：

使用筆形工具進行時，原本預設會在圖層那新增一個形狀圖層，這對於我們描繪輪廓比較不方便，建議直接改為路徑模式

STEP 004

當我們完成路徑的描繪後，至路徑面板內的工作路徑，點擊滑鼠右鍵後出現選單，點選　製作選取範圍，如此就可以將剛才所描繪的路徑轉化為選取範圍，另外也可以按下CTRL然後點擊該路徑圖示也可以直接得到選取範圍。

工具使用重點：

使用筆型工具完成所需要進行的動作後，一定要記得到路徑面板內，快速雙擊工作路徑，如此可以將路徑儲存並起命名，如此下次需要使用到這個路徑才可以繼續使用。

STEP 005

當選取範圍製作好之後，可以開一個新的圖層，再使用漸層工具（快速鍵請按　Ｇ）來進行填色；在photoshop內使用漸層工具是相當便利的，可以控制色彩的漸層方向以及漸層變化程度，再顏色上的調整也相當方便，而painter內的漸層工具因為必須要再開啟漸層面版，而且在顏色上的調整也較為費力，所以有時候我在工作時，只是為了要作一個漂亮的漸層，就會從painter內轉換到photoshop，使用軟體的優勢來進行分工是我認為在ＣＧ中相當重要的一環。

STEP 006

接下來我想利用 photoshop內的圖層樣式來協助這個人物的部分加上基本明暗，首先我選用圖層樣式中的內光暈，首先將結構內的顏色改為膚色，再將成分內的來源改為　居中，尺寸的數值調整到最大，如此就可以讓這個人物的色塊產生一個最基本的明暗。

STEP 007

再來我又加選了圖層樣式內的內陰影，這個內陰影原本是在圖層內的物件產生內部的陰影，但是我修改了結構內的混合模式改為　濾色，因此反而不是產生陰影而是增加亮度，再來這個內陰影是可以控制角度以及間距，所以就可以協助產生最基本的立體感。

工具使用重點：

使用圖層樣式我會建議，只要可以調整的部分都可以隨意的去改變參數，先去了解這些數值所代表的意思，如此再運用上才不會受限，例如外光暈的樣式你也可以讓它變成外陰影的樣式，原本只能加一次影子現在可以變成兩次影子，總之在工具的運用一定要靈活。

STEP 008

當我們完成圖層樣式的操作後，我希望畫面內的人魚似乎是在海底內往上，看我再回到背景圖層內，使用了漸層工具內的放射性漸層來表現出深邃而神秘的海底感覺。

STEP 009

雖然可以透過圖層樣式產生一些最基本的明暗，然而要將細節表現出來還是得靠自己動手畫，所以我又轉回去painter內進行繪製的動作，這個時候我採用的筆刷工具是　壓克力筆刷（擷取鬃毛），這把筆刷他擁有相當良好的混色特質，而且可以去調整筆刷鬃毛的粗細，再上人物的底色相當的好用。

工具使用重點：

由於我們人物的部分是在圖層內進行，所以可以考慮將保持透光度這個選項勾選起來，這樣就可以繼續保持在這個人物顏色範圍內進行作業而不用擔心超出邊緣。

STEP 0010

逐漸的將人物的明暗表現出來

STEP 011

Painter內有一隻相當有好用的筆刷－混色筆，我經常使用這把筆刷協助我在肌肉上的處理或是衣服摺皺的處理，再使用上它是無法上色的，但是它可以將顏色作一個塗抹或是混合，所以先將顏色使用正常工具畫上去，再使用混色筆刷拖曳開來，如下所示：

工具使用重點：

混色筆這把工具使用上筆需要注意一下透光度，透光度會影響到顏色混合的程度，如果希望顏色的混合越自然，透光度可以調的越小，另外要注意到塗抹的方向，儘量讓他和被描繪的物體保持同方向。

STEP 012

由於邊緣太過於銳利，所以我繼續使用混色筆將人物的邊緣稍微的塗抹過，這樣看起來會比較自然，可以看下圖尾巴和皮膚部份的差別，通常太過於銳利的邊緣很容易會讓感覺是合成技術不佳和背景沒有融合進去，這點要稍微避免。

STEP 013

另外繼續使用混色筆協助我們來將尾鰭的部分作一些表現，下筆的時候呈現一個放射狀從魚尾處開始進行，記得將筆刷稍微縮小效果會更好；也可以同時去修飾魚身的部分，這時候反而就要將筆刷調整放大，順著魚身來進行塗抹，這樣可以得到一個很漂亮的融合

STEP 014

當魚身的初步處理後，因為魚尾的顏色相當的鮮豔，我打算讓魚尾的顏色反射到身體周圍，所以我選取了魚尾的顏色然後繪製在人物身體外緣，讓人物和環境的關係更明顯一些，這樣整體感會更細膩。

STEP 015

畫到一個階段，我都會將畫面作一個水平翻轉，這樣可以檢查出平常看不出來的問題，當我翻轉過來後，馬上就發現右邊的手臂實在有點過長，所以要趕緊作一些修改的動作，這也是在電腦上創作的一個絕大的優勢。

STEP 016

由於這張圖人物和背景是分開製作的，所以在進行修改相當的便利不需考慮背景和人物的關係，首先使用了套索工具將人物的手臂框選起來，接著到選取內點選羽化，數值設定為２０，這個動作是為了要讓選取範圍的邊緣變的更加柔和，在合成上會更加自然；接著至編輯進行選取範圍內物件的複製，然後再到編輯　作為置入貼上，這個作為置入貼上的意思就是原地貼上，所以現在我們在圖層的部分多了一層，這層就是所複製出來的手臂部分。

STEP 017

當我們複製好手臂後就可以進行修正的動作了，這時候請換成圖層移動工具（快速建請按　Ｆ），然後點擊滑鼠右鍵可以點選自由變形，會轉換為變形模式，這時候可以按著SHIFT去拖曳四個角落的變形點讓他作等比例的縮放，或是按著ALT去拖曳四個角落的變形點產生旋轉，調整到我們需要的程度，當完成後按下滑鼠右鍵選擇確認變形即可。

工具使用重點：

事實上通常在操作變形功能，我也經常會轉換到photoshop內操作，因為在photoshop內的變形工具擁有更多的變形選項可以使用，例如透視變形，或是單邊拖曳放大等功能。

STEP 018

當身體的部分畫到一個段落，要記得先存檔案，我習慣會存一個ＰＳＤ格式，以及一張ＪＰＧ的格式，當存好檔案之後，就換到 Illustrator內繼續進行，因為我打算要用Illustrator的功能來協助我畫頭髮；開啟Illustrator後，先把剛剛畫的圖先匯入順便將圖片鎖定。

STEP 01９

接著使用鋼筆工具先簡略的畫出幾條線條，這幾條線段是代表頭髮的方向，所以在繪製的時候要儘量平滑柔順，接著點選　物件＼漸變＼製作，就可以產生出一大片的頭髮的線條，這是相當快速可以產生流暢且具有方向性線條的一個方式。

STEP 020

完成漸變這個動作時，其實還可以去針對這幾條線條的節點作一些微調的工作，讓這些髮絲更加的自然，調整完畢後，請點選物件＼展開，如此就可以把這些線條全部變成獨立的路徑。

STEP 021

當我們擁有了這些獨立的路徑後，還可以針對這些路徑作一些修改，因為剛剛所作的漸變雖然效果，然而還是有需要局部修改的必要，所以我們可以利用Illustrator中特殊的變形功能來進行，請點選　物件＼封套扭曲＼以網格製作，如此會變會出現一個變形框架，接著就可以去調整這些變形框架，如此就可以將剛剛所製作出來的髮絲調整到我們所希望的程度。

STEP 022

接著就準備回到photoshop繼續進行，不過在那之前我們必須先全選這些路徑，然後將之進行拷貝的動作（快速鍵請按　CTRL+C），再到photoshop內貼上（快速鍵請按　CTRL+V），再貼上面板請記得改為路徑，如此就會在photoshop的路徑面板內加入剛剛所製作的線條。

STEP 023

再來將這個路徑面板內的工作路徑按下右鍵選筆劃路徑，就可以依照我們所選用的筆刷以及顏色進行繪製，如此將會如圖所示般的效果，這個步驟需要多作幾次去調整效果，另外要記得筆劃路徑之前，請先回圖層面版內新增一層放至於人物之下，這樣才不會擋住人物。

STEP 024

如果效果良好，我們可以再返回Illustrator內，重複以上的步驟，將前面的頭髮繼續表現出來。

STEP 025

當完成頭髮的處理後，突然覺得右側的手臂似乎也需要修改，趕緊使用套索工具將右邊的手圈選出來，然後點擊　選取＼羽化，再使用變形進行修改，這和在painter內是一樣的方式。

STEP 026

將手部修改完畢後，覺的頭髮的髮絲表現似乎太明顯太銳利一些，所以我直接將頭髮的圖層複製一層起來，進行　濾鏡＼模糊＼高斯模糊，產生一個比較柔和的邊緣而且是擴張出去的，再來也針對頭髮圖層進行一次濾鏡＼模糊＼高斯模糊，不過必須在數值上調整的較小一些。

STEP 027

頭髮的效果處理好之後，接著來處理尾鰭的部分，一樣也是回到Illustrator來進行，總之只要是需要大量的線條，都可以考慮到Illustrator內進行，雖然photoshop也是有辦法可以達到，然而在效果上和速度上的考量，我會認為有這種轉換軟體的必要。

STEP 028

完成了尾鰭上的條紋處理後，發現有部分超出去尾鰭的邊緣，不過由於我們是分圖層來進行，所以可以很輕鬆的解決這個問題，首先點選這個人物的圖層按下右鍵選取　選取範圍，接著回去點尾鰭的圖層，然後新增遮色片，就可以將超出去的部分隱藏起來。

STEP 029

當線條的部分處理完畢後，可以先把Illustrator關閉，接下來我們要來製作魚身的鱗片，首先我們另開新檔來製作魚鱗，檔案可以開小一點（示範中為500*500*72dpi），接著新增一個圖層，使用　圓形選取畫面工具畫出一個橢圓出來，接著使用遮色片來將這個圓的上半部分遮起來。

STEP 030

接著再來利用圖層樣式來幫這個鱗片加上一些基本的立體感，首先我使用了　陰影，調整了間距還有尺寸的部分讓這個鱗片產生影子拉出距離感，接著再操作立體和浮雕讓他產生基本的立體感，再調整這些圖層樣式一定要記得多多的嘗試，因為這些數值並不是通用于每一種的情況。

STEP 031

接著我們直接複製一個圖層，然後點選　濾境＼其他＼畫面錯位，這個功能是在於如果物件超過右邊的範圍將會從左邊跑出來，這在作四方連續是相當好用的工具，我們先調整水平的部分讓它可以左右銜接，等水平部分作好後將這些圖層合併，在複製一層起來繼續利用　濾境＼其他＼畫面錯位，製作垂直的部分，當垂直部分完成將所有圖層合併後，全選畫面（快速鍵請按CTRL+A），接著至　編輯＼定義圖樣。

STEP032

完成鱗片的部分，就可以繼續回到剛剛那張圖繼續進行了，先選取油漆桶工具（快速鍵請按　Ｇ），再將填色區域的來源設定為－圖樣，再到圖樣樣式內選取剛剛所製作鱗片，新增圖層後將之填滿，然後再將這個圖層使用變形工具將他縮小到約同人物適當大小。

STEP 033

接著要讓這個鱗片產生類似桶狀的立體效果，請點選　濾境＼扭曲＼魚眼效果，然在後模式要選擇為　僅限水平，這樣這些鱗片就會左右兩側會比較小而中間比較大，如此就有一個弧度的感覺。

STEP 034

再來我們要將這個鱗片和人魚兩者合而為一了，請先將這個鱗片圖層轉到變形模式，再按下右鍵選擇　換行，會出現網狀的節點，這和之前在Illustrator內的封套變形是類似的處理，調整這些節點讓他符合人物的取曲線後，這些鱗片就會順著身體的方向延伸，如此就可以輕鬆的將鱗片和人物合在一起，另外可以如STEP 028使用遮色片將超出去的邊緣遮掩起來，以及將鱗片圖層模式設定為加深顏色，如此鱗片效果會更加的自然，當然也可以在鱗片的部分多作一些細節，到此人物的部分先告一段落，準備往背景和氣氛著手。

STEP 035

接著來處理背景的效果，首先我新增了一個圖層，將之先使用黑色填滿，再點選　　　　　濾鏡＼演算上色＼雲彩效果，接著將這個圖層作一個透視的變形，圖層的混合模式也更改為柔光的表現，如此就可以將水面上波紋的效果表現出來。

STEP 036

雖然將水面的感覺表現出來，但是人物和背景之間似乎是沒有關係的，所以現在要作的動作是整體性的調整，首先我直接複製了背景圖層移動到圖層最上端，然後將圖層混合模式改為　色彩增值的模式，利用這層加深的顏色去作色調上的統一，同時也運用了遮色片讓這個圖層加深的效果弱化一些。

STEP 037

當完成了以上的步驟，我打算再加上光芒的效果，這個時候我又新增了一個圖層使用黑色填滿，再使用　濾鏡＼演算上色＼雲彩效果，接著又運用了　濾鏡＼模糊＼放射狀模糊，接著我們再將這個做好放射狀模糊的圖層混合模式改為濾光的模式，就可以呈現出光芒由上而下灑落的效果，這個步驟和上一個步驟可以重複的作幾次，找出一個比較好的效果，也可以作多幾層去疊效果也會更好。