二維碼 購物車
部落窩在線教育歡迎您!

AI+PS,打造《紀念碑谷》矛盾空間

?

作者:卡樂筠來源:部落窩教育發(fā)布時間:2019-10-16 15:44:37點擊:7769

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

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


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


電影《盜夢空間》有此場面,游戲《紀念碑谷》中就更多了。


1569038907658

(來自影片《盜夢空間》截圖)


(來自游戲《紀念碑谷》截圖)

 

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

 

 

1.  打開AI,新建一個1280px×1920px的畫布。

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

7.  這只是一個,同樣方法再復制一份,旋轉(zhuǎn)角度選擇120°。

 

 

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

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

 

 

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

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

 

 

10.  這個時候一定會有沒有連接的部分(多是一些邊緣處的線段),如果沒有連接的部分很重要就要重新Shift+M連接;如果不是很重要,就可以把所有圖形取消編組(解組要徹底)刪除掉不要的圖形,重要的保留即可??梢杂^察圖層的變化,來確認是否有其他的線段。

 

QQ截圖20190921104715

 

下面我們來繪制艾達。

11.帽子部分:

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

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

C.  對象菜單選擇擴展外觀。

QQ截圖20190921104445

 

12.臉的部分(核心:AI剪切蒙版):

A.選擇橢圓工具,按住shift 畫一個正圓,按住alt鍵再復制出兩個正圓;

B.一個修改為白色,放在其中一個黑色的下方;

C.選中兩個圖形,單擊右鍵建立剪切蒙版;

D.放在第一個黑圓的上方即可。

 

QQ截圖20190921105802

 

13.裙子的繪制:

A.  使用多邊形工具繪制一個三角形,調(diào)整角度,再調(diào)整一下錨點;

B.  選擇變形工具樣式設(shè)置為下弧形,對象菜單選擇擴展外觀;

C.  選擇變形工具樣式設(shè)置為凹殼,對象菜單選擇擴展外觀;

D.  單獨選中下方的兩個錨點,進行圓角的調(diào)整(這個調(diào)整的范圍是不一樣的)。

 

QQ截圖20190921105944

 

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


 

15.組合

 

QQ截圖20190921110716

 

下面我們將AI里面的文檔轉(zhuǎn)移到PS上面去,因為我們在PS中要分層進行處理,所以如果直接復制會非常麻煩,這里我教大家一個簡單的方法:如何從AI導出PSD文件。

 

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

 

 

QQ截圖20190921112223

 

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

 

 

18. 保存的時候選擇“文件”—“導出”—“導出為”—“選擇PSD格式”,勾選“使用畫板”。

 

 

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

 

 

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

 

 

先隱藏三角形和艾達,我們先來制作背景。

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

朝右的面用了粉色底色+藍色的噪點。

 

 

朝上的面用了黃色底色+粉色噪點。


 

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

 

 

28. 新建圖層使用噪點筆刷選擇一個粉色,給艾達公主腳下畫上一個投影。

 

 

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

 

 

效果圖:

 

 

 

 

本文配套的練習素材請加QQ群:465481414下載

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

掃下方二維碼關(guān)注公眾號,隨時隨地學習PS

 

相關(guān)推薦:

還不會畫噪點插畫?你out了!

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