欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

AI绘制游戏大战场景插画教程

程序员文章站 2022-06-06 18:57:42
本教程教脚本之家的Illustrator教程学习者如何使用AI绘制游戏大战场景插画,教程虽然有些长,但是难度并不是很大,绘制的是小超人大战大怪兽的场景,效果非常精美,感兴趣的朋友可以... 18-05-14...

教你使用ai绘制游戏大战场景插画,下图这就是小超人大战大怪兽的场景插画效果~是不是看上去很复杂,其实就是运用ai的基本形状工具,以及路径查找器等工具制作而成,难度不大,废话不多说,让我们跟着教程的具*作步骤开始学习吧~

效果图:

AI绘制游戏大战场景插画教程

具体步骤:

第一步:新建文件

点击【文件】>【新建(或ctrl+n)】,设置如下图:

AI绘制游戏大战场景插画教程

第二步:来制作地面

先画2个12px*12px的大圆,再画4个8px*8px的小圆,用小白(直接选择工具(a))去掉大圆的左右两个点,然后再制作个更大的矩形,选择两者,用【路径查找器】的减去顶层,然后用矩形工具分别制作不同的方块,然后用圆来点缀地面。得到的小单元填充颜色为#5c6a77。然后按住alt键,复制粘贴出剩下的单元进行平铺。

AI绘制游戏大战场景插画教程

地面平铺效果如下图所示。

AI绘制游戏大战场景插画教程

第三步:来制作背景

a: 用钢笔工具勾出你想要的第一层背景,填充颜色#00344f 。不一定要按照我的来临摹。效果如下图。

AI绘制游戏大战场景插画教程

b: 用钢笔工具勾出你想要的第二层背景,填充颜色#00354f 。不一定要按照我的来临摹。效果如下图。

AI绘制游戏大战场景插画教程

c: 在建筑物上增加一些细节,并合并,效果如下图。

AI绘制游戏大战场景插画教程

第四步:来制作宫殿

先制作两个253px*238px和86px*196px的矩形,#00263e.,用小白工具把上面两个锚点变成圆角(1),然后把两个形状叠加,再用【路径查找器】减去顶层,得到(2),再上方添加两个55px*55px,#113948的矩形,中间添加两个103px*7px,#113948的分割线,下方再添加两个58px*80px的矩形,把顶端两个锚点变成圆角。(3)。制作一个86px*72px的矩形跟(2)进行【路径查找器】的分离,把不需要的形状删除(4)。再在顶部添加一条282px*20px的矩形,当作房檐。

AI绘制游戏大战场景插画教程