教程 发表于 2021-9-10 09:47:33

用AI绘制游戏《纪念碑谷》的游戏画面

教程作者:米你教育本篇教程通过AI制作游戏《纪念碑谷》画面,玩过该游戏的同学们都被清新唯美的画面深深吸引,在AI中搭建这种图片,其实比较简单,像《纪念碑谷》这种比较规则的图形,只改变一个方向就好,制作起来也比较简单,同学们可以根据教程来学习一下,制作心中喜欢唯美画面。

效果图:

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x0.thumb.jpg

制作步骤:

这些矩形后面会大量用到,这里先做出几个备用

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x1.jpg

拿出一个矩形色板,执行【效果-3D-凸出和斜角】,

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x2.thumb.jpg

在弹出的对话框中位置选择上方,厚度我选择的是30 ,大家根据不同的大小合理设置厚度。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x3.jpg

利用相同的方法再次制作一个立体的矩形,将两个矩形拼接到一起,如图示,将顶部的再复制一个到最下,记得调整图层上下顺序

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x4.thumb.jpg

将这3个矩形全选中,执行【对象-拓展外观】,将他们合并。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x5.thumb.jpg

用直接选择工具选中形状底部的三个锚点,向下拖拽拉长一些。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x6.thumb.jpg

继续复制下方这两个矩形,相同的方法将底部继续拉长。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x7.thumb.jpg

这样城楼的主体形状就出来啦,下面制作一面旗帜。先用矩形绘制一长条,执行【效果-3D-旋绕】,选项内直接确定,将长条矩形变为圆柱旗杆。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x8.jpg

用矩形工具绘制一个矩形,在矩形右侧中间位置利用钢笔添加一个锚点,并向左移动。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x9.thumb.jpg

执行【效果-变形-旗形】,适当调整弯曲度,拼上之前的旗杆咱们的旗帜就完成啦,摆放到城楼上。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x10.thumb.jpg

下面再来做窗户,首先绘制一个圆角矩形,圆角加大,将上下改为半圆形,选中最底部的锚点删除,嫌门小选中底部两个锚点适当的向下移动一些。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x11.thumb.jpg

执行【效果-3D-凸出和斜角】,位置选择左方,厚度为0,这样一个倾斜的窗户就出来啦。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x12.thumb.jpg

为了突出窗户,也显示屋内灯光,将窗户改为淡黄色,复制放到城楼上。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x13.thumb.jpg

下面做窗台,同样创建一个长条矩形,执行【效果-3D-凸出和斜角】,位置选择左方,厚度为2,做出立体效果

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x14.thumb.jpg

将窗台摆放到窗户下面,复制几个放到其他窗户下面

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x15.thumb.jpg

复制一个窗户放到下面,放大当门来用,制作一个大的矩形立柱放到最下方

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x16.thumb.jpg

继续制作向上的阶梯,同样是用到这个矩形,倾斜摆放6个,将后面几个拉长,让他们底部对齐。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x17.thumb.jpg

将几个图形选中,通过路径查找器的联集合并为一个形状,选中形状底部几个锚点,向下拖拽。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x18.thumb.jpg

因为楼梯是不同的方向,记得多复制几个原始图形,拿其中一个执行【效果-3D-凸出和斜角】,位置选择左方,厚度为30,做出立体阶梯效果

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x19.thumb.jpg

将阶梯拼到原来的小楼上,接下来就是各种复制组装出效果。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x20.thumb.jpg

下面来制作一个起点,拿过来一个矩形,将填充去掉换成描边,执行【效果-3D-凸出和斜角】,位置选择上方,厚度为0。做好后换个青色

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x21.thumb.jpg

将做好的起点放到城堡上,并复制几个中心收缩下。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x22.thumb.jpg

下面将整个起点都选中,执行【对象-拓展外观】组合到一起。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x23.thumb.jpg

多复制几个起点放到其他位置装点下,注意调整合适大小

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x24.jpg

现在城堡绘制完成啦,下面在PS中创建一个启动页面,将城堡复制过去。根据城堡的颜色在背景填充个渐变色,再找个星空的图案叠加上去,完成背景的制作。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x25.thumb.jpg

月亮的制作,绘制两个圆形,合并到一起,用直接选择工具选中上方的圆形,在选项栏选择减去顶层,完成月亮

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x26.thumb.jpg

将月亮更改为黄色,并添加外发光。

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x27.thumb.jpg

最后添加上启动页必须的LOGO和slogan

完成:

http://pic1.16xx8.com/allimg/13jwt3/16xx880588x0.thumb.jpg

我们在教程中会用到大量的复制,这是2.5D的一个优点,只改变一个方向就好,看起来复杂,其实简单,大家一起跟着学习一下吧。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

153796579 发表于 2021-9-11 09:53:38

学习了,谢谢老师。
页: [1]
查看完整版本: 用AI绘制游戏《纪念碑谷》的游戏画面