photoshop制作輪廓插圖效果(3)

原圖：


成品效果：



[b]譯者的話：[/b]輪廓型插圖是一種具有很強(qiáng)視覺效果的設(shè)計(jì)風(fēng)格，它將繁瑣的對象最大程度地簡化，只用一些最基本的形狀來表達(dá)，但卻仍然能夠傳達(dá)出原來對象的重點(diǎn)和特性。其實(shí)創(chuàng)作這種風(fēng)格的設(shè)計(jì)，最重要的倒并不是什么 PS的技巧，而是你對一個(gè)對象最基本的元素提取的能力，從這一點(diǎn)來說，這種設(shè)計(jì)與你的美術(shù)基礎(chǔ)的能力更加密切相關(guān)，如果你對素描及繪畫有基礎(chǔ)，會(huì)更加得心應(yīng)手。
輪廓型插圖在今天的設(shè)計(jì)中越來越受歡迎。這種設(shè)計(jì)形式是提取對象的一些最基本元素，并將它們變成有藝術(shù)效果的設(shè)計(jì)。無論是在網(wǎng)頁圖片、FLASH小電影、雜志廣告中甚至在電視廣告中，我們都可以看到這種設(shè)計(jì)藝術(shù)的身影。輪廓型插圖將對象簡化，但仍然能傳達(dá)對象的最本質(zhì)的特性。在本文中，我將向你展示在 PS 中是如何創(chuàng)作這種效果的，希望本文能對你有所啟發(fā)。
[b]什么叫輪廓型效果？[/b]
其實(shí)對這種藝術(shù)效果有很多個(gè)定義，然而，大多數(shù)的定義都有兩個(gè)共同點(diǎn)：第一，輪廓型插圖一般是主要集中在對象的輪廓上。第二，去掉多余的背景，只留下這些最基本的元素�？偠灾�，輪廓畫主要是表現(xiàn)對象（包括物體、人物或者建筑物）等最重要的視覺元素。
讓我們開始：在這里，我們要?jiǎng)?chuàng)作一個(gè)高爾夫球運(yùn)動(dòng)服的廣告。我們利用下面這張照片開始設(shè)計(jì)。



面對這張照片時(shí)，首先你要決定在你的設(shè)計(jì)中，你最想表達(dá)的是那個(gè)區(qū)域。我個(gè)人認(rèn)為，對于這張照片來說，我并不需要用到這個(gè)人物的所有輪廓，因?yàn)槲矣X得他的襯衣的迎光面及陰影已經(jīng)能夠傳達(dá)一種動(dòng)感的特性，但我需要進(jìn)行一些適當(dāng)?shù)恼{(diào)整。輪廓畫的最主要問題是你對細(xì)節(jié)的感受。你可以在 PS里利用各種調(diào)整工具來使你的設(shè)計(jì)表現(xiàn)更加出眾。利用這張?jiān)紙D片，減少它的顏色數(shù)量，你會(huì)發(fā)覺出來的效果會(huì)激發(fā)你的靈感。
在層面板上選擇該圖片，然后在該面板下打開 新調(diào)整圖層按紐的列表，選擇色調(diào)分離（ Posterize ），見下圖。



當(dāng)你選擇這個(gè)色調(diào)分離工具時(shí)，你會(huì)留意到圖片起了很大的變化，同時(shí)，會(huì)彈出一個(gè)對話框。



色調(diào)分離命令讓能夠指定圖片的每一個(gè)通道上色階的數(shù)量（或色調(diào)的光亮值）。我們將對話框的數(shù)量設(shè)為 3 ，這將會(huì)減少圖片內(nèi)色調(diào)水平的數(shù)量。



應(yīng)用該命令后，你可以看到原來的圖片變成只有少數(shù)幾種顏色的圖片�，F(xiàn)在你可以仔細(xì)觀察一下這張圖片，選擇你認(rèn)為一些重點(diǎn)的元素。你可以留意到圖中人物臉上的黑色區(qū)域占了大多數(shù)，而帽子幾乎全部變成黑色。同時(shí)，也有一些特別光亮的區(qū)域。我們要用一種明亮的顏色描繪出這些加亮的區(qū)域。這樣我們就可以讓圖中的人物的輪廓變得鮮明。



我們可以通過形狀圖層來創(chuàng)建插圖。首選我們選擇鋼筆工具，然后選擇上方工具欄的“形狀圖層”（ Shape Layers ）按紐。并將前景色設(shè)為白色。
現(xiàn)在我們開始沿著襯衣到肩的光亮區(qū)域描繪。你并不需要描繪得十全十美。事實(shí)上，你只要根據(jù)一些最基本的幾何形狀，然后憑著一些直覺對某些細(xì)微的地方自由發(fā)揮就行了。當(dāng)你描完后，我們將這個(gè)圖層命名為 SHIRT 。
如果你在描繪時(shí)白色的填充區(qū)域阻擋了原圖片，你可以將圖片的不透明度降到 20% ，這樣你在描繪時(shí)就不會(huì)被擋住。當(dāng)然，最后完成時(shí)要調(diào)回 100% 。



重復(fù)這個(gè)步驟，你在描繪的時(shí)候在心里要記住你是在描繪光亮的區(qū)域，因?yàn)橛袝r(shí)候你在描繪時(shí)會(huì)不知不覺地將過多的區(qū)域也描繪進(jìn)來。你可以看到，在鼻子上并不是所有區(qū)域都是光亮的，你要描繪的就是鼻梁上的那一點(diǎn)。做完后我們將這個(gè)區(qū)域命名為 FACE 。



下一步就要描繪帽子。根據(jù)經(jīng)驗(yàn)，我發(fā)覺如果我照圖片中的光亮區(qū)域描繪，最終的效果并不象是一頂帽子。所以我根據(jù)想象，自己加多一些區(qū)域，使到最后出來的形狀更象帽子。



接下來描繪耳朵。



現(xiàn)在我們要描繪手臂了。在這里并不需要描繪太多的細(xì)節(jié)，只要我們描繪出一些最基本的形狀就可以了，出來的效果已經(jīng)令人滿意了。



最后我們要描繪出球桿。我認(rèn)為原圖的球桿放得有點(diǎn)低，于是我大膽地將球桿畫得靠上一點(diǎn)，使它高于肩膀。



現(xiàn)在一個(gè)高爾夫運(yùn)動(dòng)員的形象基本出來了。我們現(xiàn)在隱藏色調(diào)分離調(diào)整圖層，并新建一個(gè)圖層，命名為 BACKGROUND，這個(gè)圖層要放在最原始圖的上面。我們可以將這個(gè)圖層填充成綠色，這里我使用的顏色數(shù)值為 R:64 G:181 B:73。這樣你就可以感受一下這個(gè)輪廓圖的整體效果了。



為了使各個(gè)圖層有條有序，我們將這種形狀圖層鏈接成一起，并創(chuàng)建一個(gè)新圖層組（ new layer set ），我們這個(gè)圖層組命名為 GOLFER 。



作為一個(gè)平面廣告，當(dāng)然需要其它一些元素，在這個(gè)設(shè)計(jì)中，我做了一張下圖的廣告背景邊框。



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



出來的效果挺不錯(cuò)的，但圖中的輪廓人物顯得有點(diǎn)小。問題并不大，因?yàn)槲覀兪怯眯螤顖D層創(chuàng)建的，你可以將描繪出來的形狀放大到你所需要用的大小。



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



加入一個(gè)圖層蒙板，使到這個(gè)高爾夫運(yùn)動(dòng)員的下部能夠與背景產(chǎn)生漸變?nèi)诤�，使到出來后的效果更完美�?



[b]總結(jié)：[/b]做這種輪廓型設(shè)計(jì)， PS里的技巧并不復(fù)雜，但這種設(shè)計(jì)卻需要你有基本的美術(shù)功底，特別是你在面對各種各樣的對象時(shí)，用最少的形狀描繪哪一個(gè)區(qū)域就能表達(dá)出原圖的特性？有些細(xì)節(jié)需要增加，而有些則需要?jiǎng)h除，這一點(diǎn)是需要經(jīng)驗(yàn)積累的，也特別能夠表現(xiàn)出你對一個(gè)對象的重點(diǎn)元素的把握能力。當(dāng)然，試多幾次，反復(fù)調(diào)整一下，總會(huì)有令人滿意的效果出來的。
責(zé)任編輯:tgudhdp.cn
作者:  出處:網(wǎng)絡(luò)