設計筆記本

資料來源：藍色理想 http://www.blueidea.com/tech/graph/2009/7036.asp

原圖與成果

翻譯者的話

輪廓型插圖是一種具有很強視覺效果的設計風格，它將繁瑣的物件最大程度地簡化，只用一些最基本的形狀來表達，但卻仍然能夠傳達出原來對象的重點和特性。其實創作這種風格的設計，最重要的倒並不是什麼 PS 的技巧，而是你對一個物件最基本的元素提取的能力，從這一點來說，這種設計與你的美術基礎的能力更加密切相關，如果你對素描及繪畫有基礎，會更加得心應手。

什麼叫輪廓型效果？

其實對這種藝術效果有很多個定義，然而，大多數的定義都有兩個共同點：第一，輪廓型插圖一般是主要集中在對象的輪廓上。第二，去掉多餘的背景，只留下這些最基本的元素。總而言之，輪廓畫主要是表現物件（包括物體、人物或者建築物）等最重要的視覺元素。

步驟

讓我們開始：在這裡，我們要創作一個高爾夫球運動服的廣告。我們利用下面這張照片開始設計。

面對這張照片時，首先你要決定在你的設計中，你最想表達的是那個區域。我個人認為，對於這張照片來說，我並不需要用到這個人物的所有輪廓，因為我覺得他的襯衣的迎光面及陰影已經能夠傳達一種動感的特性，但我需要進行一些適當的調整。輪廓畫的最主要問題是你對細節的感受。你可以在 PS 裏利用各種調整工具來使你的設計表現更加出眾。利用這張原始圖片，減少它的顏色數量，你會發覺出來的效果會激發你的靈感。

在層面板上選擇該圖片，然後在該面板下打開 新調整圖層按紐的列表，選擇色調分離（ Posterize ），見下圖。

當你選擇這個色調分離工具時，你會留意到圖片起了很大的變化，同時，會彈出一個對話方塊。

色調分離命令讓能夠指定圖片的每一個通道上色階的數量（或色調的光亮值）。我們將對話方塊的數量設為 3 ，這將會減少圖片內色調水準的數量。

應用該命令後，你可以看到原來的圖片變成只有少數幾種顏色的圖片。現在你可以仔細觀察一下這張圖片，選擇你認為一些重點的元素。你可以留意到圖中人物臉上的黑色區域占了大多數，而帽子幾乎全部變成黑色。同時，也有一些特別光亮的區域。我們要用一種明亮的顏色描繪出這些加亮的區域。這樣我們就可以讓圖中的人物的輪廓變得鮮明。

我們可以通過形狀圖層來創建插圖。首選我們選擇鋼筆工具，然後選擇上方工具欄的“形狀圖層”紐。並將前景色設為白色。（ Shape Layers ）按

現在我們開始沿著襯衣到肩的光亮區域描繪。你並不需要描繪得十全十美。事實上，你只要根據一些最基本的幾何形狀，然後憑著一些直覺對某些細微的地方自由發揮就行了。當你描完後，我們將這個圖層命名為 SHIRT 。

如果你在描繪時白色的填充區域阻擋了原圖片，你可以將圖片的不透明度降到 20% ，這樣你在描繪時就不會被擋住。當然，最後完成時要調回 100%。

重複這個步驟，你在描繪的時候在心裏要記住你是在描繪光亮的區域，因為有時候你在描繪時會不知不覺地將過多的區域也描繪進來。你可以看到，在鼻子上並不是所有區域都是光亮的，你要描繪的就是鼻樑上的那一點。做完後我們將這個區域命名為 FACE 。

下一步就要描繪帽子。根據經驗，我發覺如果我照圖片中的光亮區域描繪，最終的效果並不像是一頂帽子。所以我根據想像，自己加多一些區域，使到最後出來的形狀更象帽子。

接下來描繪耳朵。

現在我們要描繪手臂了。在這裏並不需要描繪太多的細節，只要我們描繪出一些最基本的形狀就可以了，出來的效果已經令人滿意了。

最後我們要描繪出球杆。我認為原圖的球杆放得有點低，於是我大膽地將球杆畫得靠上一點，使它高於肩膀。

現在一個高爾夫運動員的形象基本出來了。我們現在隱藏色調分離調整圖層，並新建一個圖層，命名為 BACKGROUND ，這個圖層要放在最原始圖的上面。我們可以將這個圖層填充成綠色，這裏我使用的顏色數值為 R:64 G:181 B:73 。這樣你就可以感受一下這個輪廓圖的整體效果了。

為了使各個圖層有條有序，我們將這種形狀圖層鏈結成一起，並創建一個新圖層組（ new layer set ），我們這個圖層組命名為 GOLFER 。

作為一個平面廣告，當然需要其他一些元素，在這個設計中，我做了一張下圖的廣告背景邊框。

這個背景要放在剛才的圖層組的下方。

出來的效果挺不錯的，但圖中的輪廓人物顯得有點小。問題並不大，因為我們是用形狀圖層創建的，你可以將描繪出來的形狀放大到你所需要用的大小。

只需要選擇圖層組 GOLFER 的圖層，然後應用編輯 > 變換 > 縮放（ Edit > Transform > Scale ），按住 SHIFT 鍵，讓後將拉伸控制點，直到你放大到滿意的大小為止。 SHIFT 鍵使你的放大是按比例的。

加入一個圖層蒙板，使到這個高爾夫運動員的下部能夠與背景產生漸變融合，使到出來後的效果更完美。

總論

做這種輪廓型設計， PS 裏的技巧並不複雜，但這種設計卻需要你有基本的美術功底，特別是你在面對各種各樣的物件時，用最少的形狀描繪哪一個區域就能表達出原圖的特性？有些細節需要增加，而有些則需要刪除，這一點是需要經驗積累的，也特別能夠表現出你對一個物件的重點元素的把握能力。當然，試多幾次，反復調整一下，總會有令人滿意的效果出來的。