譯者的話:輪廓型插圖是一種具有很強視覺效果的設計風格,它將繁瑣的對象最大程度地簡化,隻用一些最基本的形狀來表達,但卻仍然能夠傳達出原來對象的重點和特性。其實創作這種風格的設計,最重要的倒並不是Photoshop的技巧,而是你對一個對象最基本的元素提取的能力,從這一點來說,這種設計與你的美術基礎的能力更加密切相關,如果你對素描及繪畫有基礎,會更加得心應手。
輪廓型插圖在今天的設計中越來越受歡迎。這種設計形式是提取對象的一些最基本元素,並將它們變成有藝術效果的設計。無論是在網頁圖片、 FLASH 小電影、雜誌廣告中甚至在電視廣告中,我們都可以看到這種設計藝術的身影。輪廓型插圖將對象簡化,但仍然能傳達對象的最本質的特性。在本文中,我將向你展示在Photoshop中是如何創作這種效果的,希望本文能對你有所啟發。
輪廓型效果的定義
其實對這種藝術效果有很多個定義,然而,大多數的定義都有兩個共同點:第一,輪廓型插圖一般是主要集中在對象的輪廓上。第二,去掉多餘的背景,隻留下這些最基本的元素。總而言之,輪廓畫主要是表現對象(包括物體、人物或者建築物)等最重要的視覺元素。
讓我們開始:在這裏,我們要創作一個高爾夫球運動服的廣告。我們利用下麵這張照片開始設計。
原圖 完成效果
麵對這張照片時,首先你要決定在你的設計中,你最想表達的是那個區域。我個人認為,對於這張照片來說,我並不需要用到這個人物的所有輪廓,因為我覺得他的襯衣的迎光麵及陰影已經能夠傳達一種動感的特性,但我需要進行一些適當的調整。輪廓畫的最主要問題是你對細節的感受。你可以在Photoshop裏利用各種調整工具來使你的設計表現更加出眾。利用這張原始圖片,減少它的顏色數量,你會發覺出來的效果會激發你的靈感。
Photoshop處理過程
在Photoshop層麵板上選擇該圖片,然後在該麵板下打開新調整圖層按鈕的列表,選擇色調分離( Posterize ),見下圖。
當你選擇這個色調分離工具時,你會留意到圖片起了很大的變化,同時,會彈出一個對話框。
色調分離命令讓能夠指定圖片的每一個通道上色階的數量(或色調的光亮值)。我們將對話框的數量設為 3 ,這將會減少圖片內色調水平的數量。
應用該命令後,你可以看到原來的圖片變成隻有少數幾種顏色的圖片。現在你可以仔細觀察一下這張圖片,選擇你認為一些重點的元素。你可以留意到圖中人物臉上的黑色區域占了大多數,而帽子幾乎全部變成黑色。同時,也有一些特別光亮的區域。我們要用一種明亮的顏色描繪出這些加亮的區域。這樣我們就可以讓圖中的人物的輪廓變得鮮明。
我們可以通過形狀圖層來創建插圖。首選我們選擇鋼筆工具,然後選擇上方工具欄的“形狀圖層”( Shape Layers )按紐。並將前景色設為白色。
[page]
如果你在描繪時白色的填充區域阻擋了原圖片,你可以將圖片的不透明度降到 20% ,這樣你在描繪時就不會被擋住。當然,最後完成時要調回 100% 。
重複這個步驟,你在描繪的時候在心裏要記住你是在描繪光亮的區域,因為有時候你在描繪時會不知不覺地將過多的區域也描繪進來。你可以看到,在鼻子上並不是所有區域都是光亮的,你要描繪的就是鼻梁上的那一點。做完後我們將這個區域命名為 FACE 。
下一步就要描繪帽子。根據經驗,我發覺如果我照圖片中的光亮區域描繪,最終的效果並不象是一頂帽子。所以我根據想象,自己加多一些區域,使到最後出來的形狀更象帽子。
接下來描繪耳朵。
現在我們要描繪手臂了。在這裏並不需要描繪太多的細節,隻要我們描繪出一些最基本的形狀就可以了,出來的效果已經令人滿意了。
最後我們要描繪出球杆。我認為原圖的球杆放得有點低,於是我大膽地將球杆畫得靠上一點,使它高於肩膀。
現在一個高爾夫運動員的形象基本出來了。我們現在隱藏色調分離調整圖層,並新建一個圖層,命名為 BACKGROUND ,這個圖層要放在最原始圖的上麵。我們可以將這個圖層填充成綠色,這裏我使用的顏色數值為 R:64 G:181 B:73 。這樣你就可以感受一下這個輪廓圖的整體效果了。
請點擊“下一頁”。我們接著做優化和平麵設計合成的工作。
[page]
作為一個平麵廣告,當然需要其它一些元素,在這個設計中,我做了一張下圖的廣告背景邊框。
這個背景要放在剛才的圖層組的下方。
出來的效果挺不錯的,但圖中的輪廓人物顯得有點小。問題並不大,因為我們是用形狀圖層創建的,你可以將描繪出來的形狀放大到你所需要用的大小。
隻需要選擇圖層組 GOLFER 的圖層,然後應用編輯 > 變換 > 縮放( Edit > Transform > Scale ),按住 SHIFT 鍵,讓後將拉伸控製點,直到你放大到滿意的大小為止。 SHIFT 鍵使你的放大是按比例的。
加入一個圖層蒙板,使到這個高爾夫運動員的下部能夠與背景產生漸變融合,使到出來後的效果更完美。
總結:做這種輪廓型設計, PS 裏的技巧並不複雜,但這種設計卻需要你有基本的美術功底,特別是你在麵對各種各樣的對象時,用最少的形狀描繪哪一個區域就能表達出原圖的特性?有些細節需要增加,而有些則需要刪除,這一點是需要經驗積累的,也特別能夠表現出你對一個對象的重點元素的把握能力。當然,試多幾次,反複調整一下,總會有令人滿意的效果出來的。
原文: Matt Kloskowski 翻譯:陳漢聰
Photoshop照片處理教程 將人物照片處理成熒光線條輪廓