二维码 购物车
部落窝在线教育欢迎您!

AI+PS,打造《纪念碑谷》矛盾空间

 

作者:卡乐筠来源:部落窝教育发布时间:2019-10-16 15:44:37点击:600

分享到:
0
收藏    收藏人气:0人
版权说明: 原创作品,禁止转载。

编按:

    《纪念碑谷》这款游戏当初可谓是火遍了大江南北,不仅画面精美,其中的矛盾空间更是让人啧啧称奇,今天我们就利用PS+AI还原其中的潘洛斯三角游戏场景。


可能很多人还不知道潘洛斯阶梯是什么,简单来说就是一种矛盾空间,指的是一个始终向上或向下但却走不到头的阶梯,只能无限循环。


电影《盗梦空间》有此场面,游戏《纪念碑谷》中就更多了。


1569038907658

(来自影片《盗梦空间》截图)


(来自游戏《纪念碑谷》截图)

 

今天我们就一起来还原纪念碑谷的潘洛斯关卡场景,并结合现在大火的噪点质感。图形的方面我们使用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.  这个时候一定会有没有连接的部分(多是一些边缘处的线段),如果没有连接的部分很重要就要重新Shift+M连接;如果不是很重要,就可以把所有图形取消编组(解组要彻底)删除掉不要的图形,重要的保留即可。可以观察图层的变化,来确认是否有其他的线段。

 

QQ截图20190921104715

 

下面我们来绘制艾达。

11.帽子部分:

A. 使用多边形工具绘制一个三角形,调整上方锚点的位置;

B.  效果菜单选择变形样式设置为拱形;

C.  对象菜单选择扩展外观。

QQ截图20190921104445

 

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

A.选择椭圆工具,按住shift 画一个正圆,按住alt键再复制出两个正圆;

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

C.选中两个图形,单击右键建立剪切蒙版;

D.放在第一个黑圆的上方即可。

 

QQ截图20190921105802

 

13.裙子的绘制:

A.  使用多边形工具绘制一个三角形,调整角度,再调整一下锚点;

B.  选择变形工具样式设置为下弧形,对象菜单选择扩展外观;

C.  选择变形工具样式设置为凹壳,对象菜单选择扩展外观;

D.  单独选中下方的两个锚点,进行圆角的调整(这个调整的范围是不一样的)。

 

QQ截图20190921105944

 

14.艾达的脖子,腿,脚,都是圆角矩形,脚的部分需要旋转30°。


 

15.组合

 

QQ截图20190921110716

 

下面我们将AI里面的文档转移到PS上面去,因为我们在PS中要分层进行处理,所以如果直接复制会非常麻烦,这里我教大家一个简单的方法:如何从AI导出PSD文件。

 

16.首先我们要把画面上的所有元素进行取消编组,一定要取消的彻底一些。剪切组无法取消就不要取消啦!

 

 

QQ截图20190921112223

 

17.选中图层1,单击图层菜单按钮选择“释放到图层(顺序)”,图层就会变成下面的这种状态:

 

 

18. 保存的时候选择“文件”—“导出”—“导出为”—“选择PSD格式”,勾选“使用画板”。

 

 

19. 分辨率选择屏幕(72ppi),其他默认即可。

 

 

20. 下面打开PS,打开保存好的PSD文件,可以看到通过这种方式在AI里面保存的就是PSD文件了。

 

 

先隐藏三角形和艾达,我们先来制作背景。

 

21. 新建一个颜色填充调整图层,选择一个颜色比较淡的青色。

 

 

22. 打开三角形的图层组,将图层移动到最上方,Ctrl+T自由变换工具调整一下大小和位置,分别命名为朝左的面,朝右的面以及朝上的面。

 

 

23. 第一组朝左的面,双击进行图层样式,选择颜色叠加,颜色设置为青色。

 

 

24. 上方新建图层,创建剪贴蒙版,使用噪点笔刷,在边缘的地方选择一个紫色,刷上一些噪点质感,注意噪点的稀疏分布。

 

 

25. 如果发生绘制的噪点没有显示在图层上方,双击进入混合模式--混合选项,勾选“将内部效果混合成组”,取消勾选“将剪贴图层混合成组”。

 

 

26.其他两组也是同样的操作,只是颜色上有所区分。

 

 

 

朝右的面用了粉色底色+蓝色的噪点。

 

 

朝上的面用了黄色底色+粉色噪点。


 

27. 将我们绘制的公主艾达放在最上面,Ctrl+T自由变换工具调整大小与位置。

 

 

28. 新建图层使用噪点笔刷选择一个粉色,给艾达公主脚下画上一个投影。

 

 

29.为了突出我们的潘洛斯三角形,直接使用裁剪工具将画布裁剪成1:1的正方形即可,大家有好的背景,或者将这个潘洛斯三角应用在其他地方都是可以尝试的。

 

 

效果图:

 

 

 

 

本文配套的练习素材请加QQ群:465481414下载

PS高手,快速提升工作效率,部落窝教育《 Photoshop全面精通班视频和《 AI平面与电商设计从零到精通直播课全心为你!

扫下方二维码关注公众号,随时随地学习PS

 

相关推荐:

还不会画噪点插画?你out了!

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