《纪念碑谷》这款游戏当初可谓是火遍了大江南北，不仅画面精美，其中的矛盾空间更是让人啧啧称奇，今天我们就利用PS+AI还原其中的潘洛斯三角游戏场景。
可能很多人还不知道潘洛斯阶梯是什么，简单来说就是一种矛盾空间，指的是一个始终向上或向下但却走不到头的阶梯，只能无限循环。
电影《盗梦空间》有此场面，游戏《纪念碑谷》中就更多了。
（来自影片《盗梦空间》截图）
（来自游戏《纪念碑谷》截图）
今天我们就一起来还原纪念碑谷的潘洛斯关卡场景，并结合现在大火的噪点质感。图形的方面我们使用AI会操作起来顺手一些，至于噪点质感我们可以通过笔刷来实现。
1.打开AI，新建一个1280px×1920px的画布。
2.使用矩形工具，按住Shift绘制一个正方形，大小不限，填充颜色无所谓，不要描边。为了接下来好观察我这里填充为白色。
3.我们需要将平面的方形变成立方体，最简单的方式就是选择“效果”—“3D”—“凸出与斜角”。
4. 调整3D凸出和斜角参数，位置选择“等角-上方”，凸出厚度自定,这个根据比例适中即可，如果太长或者太短比例都不好看。
5.选择“对象”—“扩展”，扩展成可以编辑的状态。
6.Alt键拖拽复制一份，变换面板（“窗口”—“变换”）旋转角度设置为60°。
7.这只是一个，同样方法再复制一份，旋转角度选择120°。
8.首尾一定要接齐，如果出现空隙，后面会很麻烦。
可以通过Ctrl+Y轮廓模式放大查看是否线与线之间是对齐状态。
9.确认好之后Ctrl+Y退出轮廓模式，全选图形，选择形状生成器工具（Shift+M）分别将向上的面，向左的面，向右的面连接起来，如果连错，Ctrl+Z后退重连。
为了便于区分，可以先改变填充色。
10.这个时候一定会有没有连接的部分（多是一些边缘处的线段）ai如何画三角形，如果没有连接的部分很重要就要重新Shift+M连接；如果不是很重要，就可以把所有图形取消编组（解组要彻底）删除掉不要的图形，重要的保留即可。可以观察图层的变化，来确认是否有其他的线段。
下面我们来绘制艾达。
11.帽子部分：
A.使用多边形工具绘制一个三角形，调整上方锚点的位置;
B.效果菜单选择变形样式设置为拱形;
C.对象菜单选择扩展外观。
12.脸的部分（核心：AI剪切蒙版）：
A.选择椭圆工具，按住Shift画一个正圆，按住Alt键再复制出两个正圆；
B.一个修改为白色，放在其中一个黑色的下方；
C.选中两个图形，单击右键建立剪切蒙版；
D.放在第一个黑圆的上方即可。
13.裙子的绘制：
A.使用多边形工具绘制一个三角形，调整角度，再调整一下锚点；
B.选择变形工具样式设置为下弧形，对象菜单选择扩展外观；
C.选择变形工具样式设置为凹壳，对象菜单选择扩展外观；
D.单独选中下方的两个锚点，进行圆角的调整（这个调整的范围是不一样的）。
14.艾达的脖子，腿，脚，都是圆角矩形，脚的部分需要旋转30°。
15.组合。
下面我们将AI里面的文档转移到PS上面去，因为我们在PS中要分层进行处理，所以如果直接复制会非常麻烦，这里我教大家一个简单的方法：如何从AI导出PSD文件。
16.首先我们要把画面上的所有元素进行取消编组，一定要取消的彻底一些。剪切组无法取消就不要取消啦!
17.选中图层1，单击图层菜单按钮选择“释放到图层（顺序）”，图层就会变成下面的这种状态:
18. 保存的时候选择“文件”—“导出”—“导出为”—“选择PSD格式”，勾选“使用画板”。
19. 分辨率选择屏幕(72ppi)，其他默认即可。
20. 下面打开PS，打开保存好的PSD文件，可以看到通过这种方式在AI里面保存的就是PSD文件了。
先隐藏三角形和艾达，我们先来制作背景。
21. 新建一个颜色填充调整图层，选择一个颜色比较淡的青色。
22. 打开三角形的图层组，将图层移动到最上方，Ctrl+T自由变换工具调整一下大小和位置，分别命名为朝左的面ai如何画三角形，朝右的面以及朝上的面。
23. 第一组朝左的面，双击进行图层样式，选择“颜色叠加”，颜色设置为青色。
24. 上方新建图层，创建剪贴蒙版，使用噪点笔刷，在边缘的地方选择一个紫色，刷上一些噪点质感，注意噪点的稀疏分布。
25. 如果发生绘制的噪点没有显示在图层上方，双击进入混合模式–混合选项，勾选“将内部效果混合成组”，取消勾选“将剪贴图层混合成组”。
26.其他两组也是同样的操作，只是颜色上有所区分。
朝右的面用了粉色底色+蓝色的噪点。
朝上的面用了黄色底色+粉色噪点。
27. 将我们绘制的公主艾达放在最上面，Ctrl+T自由变换工具调整大小与位置。
28. 新建图层使用噪点笔刷选择一个粉色，给艾达公主脚下画上一个投影。
29.为了突出我们的潘洛斯三角形，直接使用裁剪工具将画布裁剪成1:1的正方形即可，大家有好的背景，或者将这个潘洛斯三角应用在其他地方都是可以尝试的。
效果图：
素材请到“卡乐筠”公众号后台菜单栏获取！
往期类似相关链接
【PS+AI教程】之渐变海报02
【PS+AI教程】超级有趣的字体线条穿插效果你学不学？
【PS+AI教程】超简单的霓虹灯字体~
【PS+AI教程】别具一格的立体字效果！
admin
