• 注册
全部学院
摸鱼 / 学院 / 内容 / 2022-06-07 20:01:28
分享 0
评论 0
收藏 --
下载 0

AI场景制作,在AI中制作恐怖游戏的场景插画

本篇教程通过AI制作恐怖诡异的场景插画,制作起来比较简单,教程有点长,同学们要耐心制作,相信同学们可以轻松完成,很多时候我们在制作AI的时候,总觉教程长,不想去练习,这是不行的,我们必须要动手才可以学的更好,具体教程我们还是通过教程来学习一下吧,展开练习学习更多。

效果图:

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-1

创建新文档

启动并运行Illustrator,创建一个新文档(文件> 新建或Control-N),进行以下数据调整:

画板数量:1

宽度:800像素

高度:600像素

单位:像素

进入“高级”选项卡:

色彩模式:RGB

栅格效果:屏幕(72ppi)

预览模式:默认

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-2

创建图层

打开“图层”面板,创建两个图层,将它们重命名如下:

第1层:背景

第2层:前景

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-3

创建背景形状

使用矩形工具(M),创建800 x 600像素的矩形,使用#2A323D进行着色,然后使用对齐面板的水平和垂直居中对齐将其放置在底层画板的中心

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-4

创建砖墙

第1步

创建480 x 396 px矩形,使用#F76C5E进行着色,然后将其中心对齐到底层的画板,将其定位在距画板顶部边缘78 px的位置

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-5

第2步

使用直接选择工具(A)选择矩形顶部的两个锚点调整形状的上半部分,然后使用移动工具将其推向内部200 px(右键单击>变换>移动>水平> +/- 200 px)

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-6

第3步

使用16个32 x 16 px大小和4 px边缘的矩形(#DD4C45)开始添加第一排砖块,使用Control-G键对其进行分组,然后将它中心对齐到墙壁的底部,确保它们的底部轮廓落在砖墙主体形状的外面

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-7

第4步

创建我们刚刚分组形状的副本(Control-C> Control-F),然后将其放在第一个形状的上面,使用方向箭头键或移动工具将其向右推动16 px的距离(右键单击>变换>移动>水平> 16像素)

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-8

第5步

通过选择我们当前创建的两行砖墙添加剩余的砖块,按住Alt和Shift键的同时将它们拖动到顶部,确保它们的轮廓重叠,如参考图像中所示

接下来只要重复的点击Control-D键盘快捷键添加剩余的副本,直到墙面被铺满。完成后,删除多出的部分,然后选择并将剩余形状进行分组(Control-G),然后再继续下一步

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-9

第6步

接下来,我们将使用底层墙面的副本(Control-C)来掩盖我们刚刚分组的砖块形状,将底层墙面的副本放置在砖块的前面(Control-F),然后选中它们,右键单击>制作剪贴蒙版

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-10

第7步

接下来进入砖块分组的隔离模式,打开砖块的顶部或底部的路径,如参考图像中所示。完成后,按Esc键退出隔离模式,然后选择砖块和墙壁,并使用Control-G键将它们组合在一起

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-11

创建人行道

完成墙面的绘制,接下来我们将绘制人行道

第1步

使用560 x 48 px椭圆创建投影光的主要形状,使用#F76C5E为椭圆进行着色 ,然后如参考图像中所示定位在墙下方

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-12

第2步

使用560 x 24 px矩形(#2A323D)添加人行道的可见部分,将其定位在椭圆的上半部分,使用Control-G键选择并将两者组合在一起

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-13

创建路灯

第1步

使用8 x 48 px圆角矩形(#2A323D)创建柱子的垂直部分,将其居中对齐到墙的顶部边缘,如参考图像中所示

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-14

第2步

在图形底边缘8 px的位置创建一个16 x 12 px矩形(#2A323D)

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-15

第3步

在矩形的两侧创建两个2 x 4 px矩形,使用#2A323D为它们进行着色,完成后,使用Control-G键选择并将四个形状组合在一起

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-16

第4步

使用28 x 16 px椭圆添加灯泡,用#FFE7C5为它进行着色,并将其放置在支架的上部,使其上半部分超出墙壁的表面

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-17

第5步

移除我们刚刚创建形状的上半部分,使用直接选择工具(A)选择其顶部锚点,然后按Delete键,使用Control-J键关闭生成的路径,完成后,选择并组合(Control-G)所有路灯的组成形状,锁定当前图层并转到插图下一部分的操作

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-18

创建门

完成背景的绘制,开始绘制前景部分

第1步

使用120 x 278 px矩形创建房间的内部区域,用#2A323D为该矩形进行着色,然后将其中心对齐到人行道的上边缘

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-19

第2步

创建一个18 x 278 px矩形(#FFE7C5)开始处理门框的右侧部分,我们将它放置在前一个形状的左侧

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-20

第3步

使用10 x 96 px矩形(#2A323D)添加门框底部的装饰,在其上方添加一个2 x 88 px的矩形(#FFE7C5),将绘制的图形进行分组(Control-G)定位到门框底边4 px的位置

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-21

第4步

创建刚刚绘制图形的副本(Control-C> Control-F)作为门框的上部装饰

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-22

第5步

使用三个2 x 70 px矩形(#2A323D)添加垂直线条,将彼此水平距离设置为2 px,选择三个矩形并进行分组(Control-G),然后将它们定位在之前完成的两个装饰之间

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-23

第6步

使用18 x 8 px矩形添加门框的阴影部分,用#2A323D为该矩形进行着色,对齐到框架的上边缘,完成后,选择并将所有组成形状组合(Control-G)在一起后再进行下一步

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-24

第7步

创建刚刚完成图形的副本(Control-C> Control-F)作为门框的左侧部分,将其放置在入口的另一侧

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-25

第8步

创建一个172 x 18 px矩形(#FFE7C5)作为门框的上部,将其定位在入口的顶部,如参考图像中所示

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-26

第9步

使用两个14 x 14 px圆圈(#FFE7C5)添加圆形的门框装饰,将其居中对齐在门框的上部

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-27

第10步

使用164 x 10 px矩形(#2A323D)创建门框装饰,上面添加一个156 x 2 px矩形(#FFE7C5),给图形进行分组(Control-G),将两个形状定位在框架顶部的中心

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-28

第11步

使用108 x 12 px矩形添加门框的凸起部分,用#FFE7C5为该矩形进行着色 ,然后放置在参考图像中所示位置

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-29

第12步

使用两个12 x 12 px圆(#FFE7C5)创建凸起部分的侧面曲面,将它们定位在前一个形状的两侧,使用直接选择工具(A)选择顶部和外部锚点进行调整,将两个锚点移除使用钢笔工具(P)关闭生成的路径,完成后,继续执行下一步

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-30

第13步

使用十三个4 x 8 px矩形(#2A323D)水平距离4 px,添加垂直装饰线,将所有矩形进行分组(Control-G),然后将它们居中对齐到凸起部分的底部边缘。完成后,选择并所有门的组成形状组合(Control-G)到一起

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-31

创建门铃

第1步

使用8 x 12 px矩形创建门铃底座,使用#FFE7C5进行着色 ,然后将它定位在门框右侧部分16px的位置

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-32

第2步

使用两个2 x 8 px矩形添加门铃两侧的部分,用#FFE7C5为它们进行着色,然后定位到参考图像中所示位置

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-33

第3步

在门铃形状的顶部和底部创建两个4 x 4 px圆圈(#FFE7C5),与门铃的主要形状居中对齐

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-34

第4步

使用4 x 4 px圆圈添加门铃上的按钮,用#2A323D为它进行着色,将其中心对齐到主体形状的中心。完成后,选择并将所有组成形状进行分组(Control-G),然后再进行下一部分的操作

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-35

绘制门内的怪物

第1步

创建一个56 x 8像素的椭圆,使用#F76C5E为它进行着色 ,将其放置在距离顶部边缘84像素的位置

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-36

第2步

选择椭圆两端的锚点,然后使用锚点工具(Shift-C)进行调整

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-37

第3步

使用直接选择工具(A)选择生成形状的顶部锚点,然后使用移动工具将其向底部方向推动16 px的距离(右键单击>变换>移动>垂直> 16像素)

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-38

第4步

填充颜色设置为#2A323D,参考图像作为主要指南,使用钢笔工具(P)绘制牙齿。完成后,选择生成的形状和嘴,然后使用Control-G键盘快捷键将两者组合在一起

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-39

第5步

使用10 x 10 px圆(#F76C5E)创建右眼的主要形状,选择并将其顶部和底部锚点向右侧推动1 px并将其左侧和右侧锚点向下推1 px的距离。完成后,将生成的形状定位在嘴部上方,如参考图像中所示

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-40

第6步

使用2 x 6 px椭圆(#2A323D)添加瞳孔,将其中心对齐到眼睛,放置在距离眼睛右边缘3 px的位置。完成后,使用Control-G键盘快捷键选择并将两者组合在一起

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-41

第7步

创建上一步完成图形的副本(Control-C> Control-F)创建左眼,给图形进行垂直反射(右键单击>变换>反射>垂直)然后定位在嘴巴的另一侧。完成后,选择并分组(Control-G)怪物的所有组成形状

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-42

创建小球

第1步

使用28 x 28 px圆圈创建小球的主要形状,使用#F76C5E为它进行着色,然后放置在入口的底部边缘

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-43

第2步

使用四个32 x 16 px大小和2 px宽轮廓的椭圆(#2A323D)添加环形条纹,选择并移除它们的顶部锚点,将得到的形状彼此距离调整为4 px。完成后,选择并将所有形状组合在一起(Control-G),然后对整个小球进行相同的操作

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-44

第3步

使用4 x 8 px矩形(#F76C5E)创建水滴的主要形状,通过在变形面板的矩形属性中将其底角的半径设置为2 px,将生成的形状定位在人行道上,如参考图像中所示

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-45

第4步

使用两个8 x 8 px圆圈(#F76C5E)添加水滴的侧面部分,通过移除它们的底部和外部锚点进行调整,将得到的形状定位在主体形状的两侧。最后选择并分组(Control-G)这三个形状

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-46

第5步

使用24 x 20 px椭圆(#2A323D)创建小球投影。将其放置在人行道的下部,与投射光的底部边缘相距10 px。完成后,使用Control-G键盘快捷键选择并分组所有前景形状

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-47

完成:

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-48

有一点恐怖的场景,诡异的画面,同学们在制作的时候不要害怕噢。

在右边的调节面板中的[类型]选项下方的【图层混合模式】选择[正片叠底],这是做阴影的熟客啦~

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-49

 

新建图层,画笔选择黑色,硬度调为0%。

直接画出显得“假”,并不是我们想要的效果。

只需体现在人像之内。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-50

 

依然需将人物抠出,然后要建立[剪贴蒙版]。

复制抠出部分图层,置于画出的阴影图层下方。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-51

 

按[Alt]键进行[剪贴蒙版]。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-52

 

此时阴影只在腿中啦~

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-53

 

调节投影的大小。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-54

 

小心地画出其他投影。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-55

 

使前后关系更明确,立体感更好,用擦蒙版的方式显现阴影效果。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-56

 

图像部分解决了,海报另一个重要元素――文字,上线了。

上方选择“洒脱字体”,下部放置主要信息,进行简单排版。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-57

 

避免显得空旷,添加矩形外框,并用蒙版与主体部分进行一些擦除。

整体感出现~

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-58

 

临时小创意,最底下的信息添加外框,改变颜色。

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-59

 

人物穿插海报完成啦,酷炫感十足

绘梦芽与您分享AI场景制作,在AI中制作恐怖诡异的场景插画图文详解-60

我知道同学们已经迫不及待去试一下了,拿自己感兴趣的人物来制作一下吧,相信你会很有动力的。

以上是绘梦芽整理的【AI场景制作,在AI中制作恐怖诡异的场景插画】插画教程,希望能帮助到各位小伙伴学习交流,持续关注小站,更多有关插画图片和插画教程的干货持续更新中。本站教程资源、画集均来自网络分享,仅供个人学习试看使用,切勿用于商业用途!如有侵权,请与我们联系。

网校

工具

魔法

分享

评论

排行榜

怎么用圆珠笔画动漫
  一定有很多朋友和小编一样喜欢动漫吧?比如樱…
简笔画教程:教你画蛇床花
  蛇床花是一种一年生草本植物,蛇床花娇嫩的花…
procreate色卡·常用插画动漫·打包合集
亚洲肤色.swatches动漫皮肤色卡.swatches动漫肤色-…
JK女生人物动态素材参考
​本文推荐一些小姐姐裙底的照片。不对!是正…
王者荣耀简笔画q版,战士吕布简笔画教程
  吕布是王者荣耀非常受欢迎的角色,因为它的综合…
简笔画教程:中国地图简笔画图片【动画步骤】
  如何描绘一幅中国地图,中国地图的简笔画画法…
线稿集·K 动画线稿原画合集(123P)
以与现实中有微妙差异的现代日本为舞台,讲述了昵称…
《盗墓笔记》小哥张起灵q版简笔画步骤图
  《盗墓笔记》系列是南派三叔的代表作,其堪称…