效果混搭！用PS與AI創(chuàng)建超現(xiàn)實(shí)風(fēng)格海報(bào)

　　有時(shí)候，將多種軟件所創(chuàng)建的元素合成在一起，你會(huì)得到單獨(dú)的軟件所無法企及的效果。在這個(gè)教程里，我會(huì)向你展示將Photoshop與Illustrator大膽的結(jié)合起來后，創(chuàng)建一個(gè)超現(xiàn)實(shí)的混合風(fēng)格作品是件多么容易的事情。

　　最終效果：

最終效果圖

　　Step 1

　　開始創(chuàng)建一個(gè)你認(rèn)為大小合適的文件吧，我之所以這么說是因?yàn)檫@個(gè)設(shè)計(jì)中的元素可以很容易的匹配任何尺寸的畫布。我的選擇是1024×768 像素， 72 px/inch。打開PS，新建一層填充白色，添加素材中的材質(zhì)進(jìn)來，調(diào)整到你滿意的位置與大小。

圖01

　　Step 2

　　現(xiàn)在我們對(duì)背景材質(zhì)做點(diǎn)調(diào)整，要明確一點(diǎn)：我們不希望一些太過花哨的東西把觀眾的注意力從主元素上吸引走。

　　用仿制圖章工具（S）將背景材質(zhì)中不需要的部分清除，比如畫布下方的污點(diǎn)我就很不喜歡。完成清理后將材質(zhì)的混合模式改為亮度，然后復(fù)制材質(zhì)所在的圖層（Ctrl+J）并將混合模式改為疊加，不透明度30%。

圖02

　　Step 3

　　背景完成后是時(shí)候把人物添進(jìn)來了，我用的是從123rf網(wǎng)站上找的相片，你當(dāng)然可以換成你自己喜歡的。將相片擺放到畫布底端，調(diào)整好合適的大小，將該圖層命名為“Kids”，然后將混合模式調(diào)為變暗。你應(yīng)該注意到了圖片的白色背景消失了，只剩下孩子們和地面。

　　注意：這并不是摳圖的方法，只是當(dāng)你的圖像有大面積白色時(shí)可以這樣取巧。如果不幸你的圖像沒有大面積的白色背景，你只能用鋼筆工具（P），通道或其他標(biāo)準(zhǔn)的方法摳圖了。

圖03

　　Step 4

　　融合圖像的一個(gè)重要的部分就是匹配陰影了，我們這個(gè)例子中孩子坐的地面上有非常自然的陰影，因此我會(huì)把地面完全容進(jìn)背景里，但保留這些陰影。

　　為了做到這點(diǎn)，請(qǐng)先確?！癒ids”圖層不是“智能對(duì)象”，如果是，你需要將它柵格化（圖層 > 柵格化 > 智能對(duì)象）?，F(xiàn)在放大到300%，使用橡皮工具（E）將地面的硬邊緣擦掉，然后圍繞地面和陰影建立一個(gè)大致的選區(qū)并將其飽和度降低，這樣它與地面會(huì)更加匹配。最后，用你鍵盤上的方向鍵將圖像下移，直到孩子們的腳趨近畫板底部。

圖04

　　Step 5

　　在創(chuàng)作這個(gè)海報(bào)的過程中，一個(gè)由灰、綠、黃組成的用色范圍已經(jīng)在我腦海里產(chǎn)生，因此我需要將那件藍(lán)色T恤的顏色換掉。選擇顏色替換工具（B），將前景色設(shè)置為#67700e，然后小心地為T恤上色，可以看到T恤的顏色已經(jīng)變?yōu)辄S綠色。

　　注意：對(duì)于不同的圖像，可以有多種上色的方法

圖05

　　Step 6

　　現(xiàn)在我們可以開始做點(diǎn)矢量元素了，打開AI后用矩形工具（M）畫一個(gè)正方形，為其填充黃色并確保關(guān)掉描邊。我們來將這個(gè)正方形變?yōu)槿切?，選中直接選擇工具（A）然后在正方形上點(diǎn)擊一下，可以看到出現(xiàn)了5個(gè)小點(diǎn)，外邊緣的那些叫錨點(diǎn)，中間的那個(gè)叫中心點(diǎn)。點(diǎn)選右上方的錨點(diǎn)，用鍵盤方向鍵將它移動(dòng)至中心點(diǎn)的位置，你將得到一個(gè)等腰三角形。

圖06

　　Step 7

　　確保三角形仍被選中，執(zhí)行效果>3D>凸出和斜角，按下圖所示輸入數(shù)值。

圖07

　　Step 8

　　將這個(gè)3D三角形導(dǎo)入PS，向他擺放到畫布的左上角，旋轉(zhuǎn)到合適的角度，對(duì)其執(zhí)行濾鏡>模糊>高斯模糊，半徑設(shè)置為2像素。

　　注意：如果你用的是PS CS4以上的版本，模糊會(huì)作為智能濾鏡直接添加到智能對(duì)象（這個(gè)三角形）上，否則你必須先柵格化這個(gè)三角形再模糊，在柵格化之前請(qǐng)確保它已經(jīng)處在你滿意的位置上。

圖08

　　Step 9

　　在AI里創(chuàng)建灰色的矩形，然后執(zhí)行效果>3D>凸出和斜角，參數(shù)如下圖。

圖09

　　Step 10

　　將矩形導(dǎo)入PS，放至三角形下方附近?，F(xiàn)在我們?yōu)榫匦蝿?chuàng)建一個(gè)陰影，這會(huì)使它看起來像漂浮在背景之上。在矩形下新建一層，命名為“rectangle shadow”（原作者在這里有個(gè)筆誤，錯(cuò)把rectangle寫成了triangle，翻譯里已經(jīng)改正，下面的圖片里也犯了同樣的錯(cuò)誤，請(qǐng)注意甄別），按住Ctrl單擊矩形所在圖層選擇其所有像素選區(qū)，確?！皉ectangle shadow”圖層被選中，使用油漆桶工具（G）將選區(qū)填黑?，F(xiàn)在用方向鍵將陰影移動(dòng)到原矩形的左下方，對(duì)其應(yīng)用1.5像素的高斯模糊并將該圖層不透明度降至10%?？梢詤⒖枷旅娴膱D片。

圖10

　　Step 11

　　為了讓這個(gè)形狀看起來更生動(dòng)一些，我們來做些修飾。在矩形上新建一層，命名為“decoration”。應(yīng)用畫筆工具（B），選擇用一個(gè)圓形筆刷，大小視你的矩形而定，我這里是3到5像素左右，硬度100%。確保前景顏色為白色，開始在矩形上上色，完成后將這一層的不透明度降至10%。

圖11

　　Step 12

　　接下來幾步我們來制作抽象的螺旋形狀，這絕對(duì)是這個(gè)作品最有意思的一部分。用橢圓工具（L）在AI中畫一個(gè)圓并給它一個(gè)0.25pt的細(xì)描邊，顏色為#A2A2A3。復(fù)制這個(gè)圓一次（復(fù)制&粘貼）并將它縮小，請(qǐng)確保小圓所在的圖層在大圓之下，這是創(chuàng)建螺旋形狀很關(guān)鍵的一步。選中兩個(gè)圓，執(zhí)行對(duì)象>混合>建立，然后到對(duì)象>混合>混合選項(xiàng)里做如下圖所示的調(diào)整。

圖12

　　Step 13

　　現(xiàn)在我們?cè)撜{(diào)整一下這個(gè)螺旋路徑的角度了，選擇轉(zhuǎn)換錨點(diǎn)工具（Shift+C），點(diǎn)擊并拖動(dòng)小圓的中心點(diǎn)，使路徑向上偏移，對(duì)大圓做相同的操作，但讓它的路徑向下偏移。可以繼續(xù)調(diào)整路徑，直到你滿意為止，可以參考下圖。

　　注意：這種螺旋形狀是世界著名設(shè)計(jì)師Adhemas Batista的代表標(biāo)志，因此如果你想在應(yīng)用這個(gè)技術(shù)的時(shí)候找點(diǎn)靈感，不如去看看這家伙的作品集（可以點(diǎn)擊英文里的鏈接，很不錯(cuò)的網(wǎng)站，作品很炫）。

圖13

　　Step 14

　　將螺旋導(dǎo)入PS，擺在靠近孩子的地方?，F(xiàn)在我們來做一個(gè)洞，這樣會(huì)使螺旋像是從背景里長(zhǎng)出來的一樣。在“swirl”層下創(chuàng)建新圖層“hole”，放大觀察螺旋最小的圓，使用橢圓選框工具（M）按住Shift鍵創(chuàng)建一個(gè)比螺旋最小的圓稍大一些的選區(qū)，并為這個(gè)選取填充黑色。最后為“hole”圖層添加外發(fā)光，參數(shù)如下圖所示。再將該層的不透明度降至80%。

圖14

　　Step 15

　　這一步我們?yōu)榭拷《锤浇穆菪砑右恍╆幱啊? 在“swirl”圖層下新建一層“shade”，按住Ctrl鍵單擊“swirl”圖層以選擇整個(gè)螺旋，放大視圖到小洞附近，使用筆刷工具（B）仔細(xì)地為靠近小洞的兩個(gè)圓添加一些黑色陰影，并將該層的不透明度降至40%。

圖15

　　Step 16

　　用與Step 10相同的技術(shù)為螺旋創(chuàng)建陰影，不過這次我把透明度改為了8%，當(dāng)然你可以自己調(diào)整不透明度與陰影位置直到滿意。

圖16

　　Step 17

　　這個(gè)螺旋形狀很有愛的一點(diǎn)就是你可以在它身上嘗試無限的創(chuàng)意。我們來創(chuàng)建一個(gè)自行車手的剪影，并使他看上去是從一個(gè)斜坡上滑下來后騰空到最高點(diǎn)。

　　你可以下載這個(gè)很酷的剪影包，這個(gè)圖包里有兩個(gè)文件夾，我們用到的是 “CSH”（把它放到PS安裝路徑下的Custom Shape文件夾里），把它添加進(jìn)PS，選擇自定形狀工具（U）并在畫板上右擊，你可以在彈出的面版的右上方找到一個(gè)小箭頭，點(diǎn)擊它并選擇“載入形狀”，載入extreme actions“，你現(xiàn)在應(yīng)該可以在形狀列表里看到它們了。選擇一個(gè)你喜歡的，把它擺在螺旋的末端，設(shè)置顏色為#201c1d。

圖17

　　Step 18

　　我們已經(jīng)做完了3D物體，現(xiàn)在來添點(diǎn)兒2D裝飾物讓背景看起來更有趣吧。這些形狀都非常簡(jiǎn)單，我想你看著下圖就能很輕易地模仿出來了。

圖18

　　Step 19

　　繼續(xù)用我們之前所學(xué)到的3種主要技術(shù)（3D物體，螺旋，2D裝飾物）填充畫面，多嘗試不同的尺寸與形狀，別忘了你還可以多創(chuàng)建一些焦點(diǎn)之外的3D物體來模擬景深效果（就像step 8所做的那樣），下圖是我最終的結(jié)果。

圖19

　　Step 20

　　現(xiàn)在我們的創(chuàng)作已經(jīng)接近尾聲了，剩下要做的就是加一些最終潤(rùn)色讓作品更生動(dòng)。我們來添加一些筆觸，讓整幅畫看起來”凌亂“一些。我用了這些噴濺筆刷（鏈接見英文），在最上方新建一層并噴灑一些黃色，灰色和亮綠色的斑點(diǎn)，然后用橡皮工具（E）擦掉你不喜歡的部分。

圖20