譯者的話:輪廓型插圖是一種具有很強視覺效果的設計風格,它將繁瑣的對象最大程度地簡化,只用一些最基本的形狀來表達,但卻仍然能夠傳達出原來對象的重點和特性。其實創作這種風格的設計,最重要的倒並不是Photoshop的技巧,而是你對一個物件最基本的元素提取的能力,從這一點來說,這種設計與你的美術基礎的能力更加密切相關,如果你對素描及繪畫有基礎,會更加得心應手。
輪廓型插圖在今天的設計中越來越受歡迎。這種設計形式是提取物件的一些最基本元素,並將它們變成有藝術效果的設計。無論是在網頁圖片、 FLASH 小電影、雜誌廣告甚至在電視廣告中,我們都可以看到這種設計藝術的身影。輪廓型插圖將物件簡化,但仍能傳達物件的最本質的特性。在本文中,我將向你展示在Photoshop中是如何創作這種效果的,希望這篇文章能對你有所啟發。
輪廓型效果的定義
其實對這種藝術效果有許多定義,然而,大多數的定義都有兩個共同點:第一,輪廓型插圖一般是主要集中在物體的輪廓。第二,去掉多餘的背景,只留下這些最基本的元素。總而言之,輪廓畫主要是表現對象(包括物體、人物或建築物)等最重要的視覺元素。
讓我們開始:在這裡,我們要創作一個高爾夫球運動服的廣告。我們利用下面這張照片開始設計。
原圖完成效果
面對這張照片時,首先你要決定在你的設計中,你最想表達的是那個區域。我個人認為,對於這張照片來說,我並不需要用到這個人物的所有輪廓,因為我覺得他的襯衫的迎光面及陰影已經能夠傳達一種動感的特性,但我需要進行一些適當的調整。輪廓畫的最主要問題是你對細節的感受。你可以在Photoshop裡利用各種調整工具讓你的設計表現更出色。利用這張原始圖片,減少它的顏色數量,你會發覺出來的效果會激發你的靈感。
Photoshop處理流程
在Photoshop層面板上選擇該圖片,然後在該面板下方開啟新調整圖層按鈕的列表,選擇色調分離( Posterize ),請參閱下圖。
當你選擇這個色調分離工具時,你會留意到圖片起了很大的變化,同時,會跳出對話框。
色調分離指令讓能夠指定圖片的每一個通道上色階的數量(或色調的光亮值)。我們將對話方塊的數量設為3 ,這將會減少圖片內色調等級的數量。
應用該指令後,你可以看到原來的圖片變成只有少數幾種顏色的圖片。現在你可以仔細觀察這張圖片,選擇你認為一些重點的元素。你可以留意到圖中人物臉上的黑色區域佔了大多數,而帽子幾乎全部變成黑色。同時,也有一些特別光亮的區域。我們要用一種明亮的顏色來描繪出這些加亮的區域。這樣我們就可以讓圖中的人物的輪廓變得鮮明。
我們可以透過形狀圖層來創建插圖。首選我們選擇鋼筆工具,然後選擇上方工具列的「形狀圖層」( Shape Layers )按紐。並將前景色設為白色。
現在我們開始沿著襯衫到肩膀的光亮區域描繪。你並不需要描繪得十全十美。事實上,你只要根據一些最基本的幾何形狀,然後憑著一些直覺對某些細微的地方自由發揮就行了。當你描完後,我們將這個圖層命名為SHIRT 。如果你在描繪時白色的填充區域阻擋了原圖片,你可以將圖片的不透明度降到20% ,這樣你在描繪時就不會被擋住。當然,最後完成式要調回100% 。