編按：

    《紀(jì)念碑谷》這款游戲當(dāng)初可謂是火遍了大江南北，不僅畫面精美，其中的矛盾空間更是讓人嘖嘖稱奇，今天我們就利用PS+AI還原其中的潘洛斯三角游戲場(chǎng)景。

可能很多人還不知道潘洛斯階梯是什么，簡(jiǎn)單來(lái)說(shuō)就是一種矛盾空間，指的是一個(gè)始終向上或向下但卻走不到頭的階梯，只能無(wú)限循環(huán)。

電影《盜夢(mèng)空間》有此場(chǎng)面，游戲《紀(jì)念碑谷》中就更多了。

（來(lái)自影片《盜夢(mèng)空間》截圖）

（來(lái)自游戲《紀(jì)念碑谷》截圖）

今天我們就一起來(lái)還原紀(jì)念碑谷的潘洛斯關(guān)卡場(chǎng)景，并結(jié)合現(xiàn)在大火的噪點(diǎn)質(zhì)感。圖形的方面我們使用AI會(huì)操作起來(lái)順手一些，至于噪點(diǎn)質(zhì)感我們可以通過(guò)筆刷來(lái)實(shí)現(xiàn)。

1.  打開AI，新建一個(gè)1280px×1920px的畫布。

2.  使用矩形工具，按住Shift繪制一個(gè)正方形，大小不限，填充顏色無(wú)所謂，不要描邊。為了接下來(lái)好觀察我這里填充為白色。

3.  我們需要將平面的方形變成立方體，最簡(jiǎn)單的方式就是選擇“效果”—“3D”—“凸出與斜角”。

4. 調(diào)整3D凸出和斜角參數(shù)，位置選擇“等角-上方”，凸出厚度自定,這個(gè)根據(jù)比例適中即可，如果太長(zhǎng)或者太短比例都不好看。

5.  選擇“對(duì)象”—“擴(kuò)展”，擴(kuò)展成可以編輯的狀態(tài)。

6.  Alt鍵拖拽復(fù)制一份，變換面板（“窗口”—“變換”）旋轉(zhuǎn)角度設(shè)置為60°。

7.  這只是一個(gè)，同樣方法再?gòu)?fù)制一份，旋轉(zhuǎn)角度選擇120°。

8.  首尾一定要接齊，如果出現(xiàn)空隙，后面會(huì)很麻煩。

可以通過(guò)Ctrl+Y輪廓模式放大查看是否線與線之間是對(duì)齊狀態(tài)。

9.確認(rèn)好之后Ctrl+Y退出輪廓模式，全選圖形，選擇形狀生成器工具（Shift+M）分別將向上的面，向左的面，向右的面連接起來(lái)，如果連錯(cuò)，Ctrl+Z后退重連。

為了便于區(qū)分，可以先改變填充色。

10.  這個(gè)時(shí)候一定會(huì)有沒有連接的部分（多是一些邊緣處的線段），如果沒有連接的部分很重要就要重新Shift+M連接；如果不是很重要，就可以把所有圖形取消編組（解組要徹底）刪除掉不要的圖形，重要的保留即可?？梢杂^察圖層的變化，來(lái)確認(rèn)是否有其他的線段。

下面我們來(lái)繪制艾達(dá)。

11.帽子部分：

A. 使用多邊形工具繪制一個(gè)三角形，調(diào)整上方錨點(diǎn)的位置;

B.  效果菜單選擇變形樣式設(shè)置為拱形;

C.  對(duì)象菜單選擇擴(kuò)展外觀。

12.臉的部分（核心：AI剪切蒙版）：

A.選擇橢圓工具，按住shift 畫一個(gè)正圓，按住alt鍵再?gòu)?fù)制出兩個(gè)正圓；

B.一個(gè)修改為白色，放在其中一個(gè)黑色的下方；

C.選中兩個(gè)圖形，單擊右鍵建立剪切蒙版；

D.放在第一個(gè)黑圓的上方即可。

13.裙子的繪制：

A.  使用多邊形工具繪制一個(gè)三角形，調(diào)整角度，再調(diào)整一下錨點(diǎn)；

B.  選擇變形工具樣式設(shè)置為下弧形，對(duì)象菜單選擇擴(kuò)展外觀；

C.  選擇變形工具樣式設(shè)置為凹?xì)?，?duì)象菜單選擇擴(kuò)展外觀；

D.  單獨(dú)選中下方的兩個(gè)錨點(diǎn)，進(jìn)行圓角的調(diào)整（這個(gè)調(diào)整的范圍是不一樣的）。

14.艾達(dá)的脖子，腿，腳，都是圓角矩形，腳的部分需要旋轉(zhuǎn)30°。

15.組合

下面我們將AI里面的文檔轉(zhuǎn)移到PS上面去，因?yàn)槲覀冊(cè)?span>PS中要分層進(jìn)行處理，所以如果直接復(fù)制會(huì)非常麻煩，這里我教大家一個(gè)簡(jiǎn)單的方法：如何從AI導(dǎo)出PSD文件。

16.首先我們要把畫面上的所有元素進(jìn)行取消編組，一定要取消的徹底一些。剪切組無(wú)法取消就不要取消啦!

17.選中圖層1，單擊圖層菜單按鈕選擇“釋放到圖層（順序）”，圖層就會(huì)變成下面的這種狀態(tài):

18. 保存的時(shí)候選擇“文件”—“導(dǎo)出”—“導(dǎo)出為”—“選擇PSD格式”，勾選“使用畫板”。

19. 分辨率選擇屏幕(72ppi)，其他默認(rèn)即可。

20. 下面打開PS，打開保存好的PSD文件，可以看到通過(guò)這種方式在AI里面保存的就是PSD文件了。

先隱藏三角形和艾達(dá)，我們先來(lái)制作背景。

21. 新建一個(gè)顏色填充調(diào)整圖層，選擇一個(gè)顏色比較淡的青色。

22. 打開三角形的圖層組，將圖層移動(dòng)到最上方，Ctrl+T自由變換工具調(diào)整一下大小和位置，分別命名為朝左的面，朝右的面以及朝上的面。

23. 第一組朝左的面，雙擊進(jìn)行圖層樣式，選擇“顏色疊加”，顏色設(shè)置為青色。

24. 上方新建圖層，創(chuàng)建剪貼蒙版，使用噪點(diǎn)筆刷，在邊緣的地方選擇一個(gè)紫色，刷上一些噪點(diǎn)質(zhì)感，注意噪點(diǎn)的稀疏分布。

25. 如果發(fā)生繪制的噪點(diǎn)沒有顯示在圖層上方，雙擊進(jìn)入混合模式--混合選項(xiàng)，勾選“將內(nèi)部效果混合成組”，取消勾選“將剪貼圖層混合成組”。

26.其他兩組也是同樣的操作，只是顏色上有所區(qū)分。

朝右的面用了粉色底色+藍(lán)色的噪點(diǎn)。

朝上的面用了黃色底色+粉色噪點(diǎn)。

27. 將我們繪制的公主艾達(dá)放在最上面，Ctrl+T自由變換工具調(diào)整大小與位置。

28. 新建圖層使用噪點(diǎn)筆刷選擇一個(gè)粉色，給艾達(dá)公主腳下畫上一個(gè)投影。

29.為了突出我們的潘洛斯三角形，直接使用裁剪工具將畫布裁剪成1:1的正方形即可，大家有好的背景，或者將這個(gè)潘洛斯三角應(yīng)用在其他地方都是可以嘗試的。

效果圖：

本文配套的練習(xí)素材請(qǐng)加QQ群：465481414下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

還不會(huì)畫噪點(diǎn)插畫？你out了！

好吃又好看，利用AI打造多邊形3D效果冰激凌