甲虫课堂 > AI教程 >

AI+PS绘制2.5D互联运输场景插画

204
7
点赞
收藏
发布时间:2021-05-20 11:13:29

效果图

AI+PS绘制2.5D互联运输场景插画

步骤 01 绘制网格线

① 新建800X600px,分辨率72的画布。

AI+PS绘制2.5D互联运输场景插画(1)

② 使用钢笔工具或者直线段工具绘制一条竖线,按回车键水平位移10px,点击复制。

AI+PS绘制2.5D互联运输场景插画(2)

AI+PS绘制2.5D互联运输场景插画(3)

③ 按ctrl+d复制多条线段,平铺满画布。

AI+PS绘制2.5D互联运输场景插画(4)

④ 全选线条——右键——旋转,旋转60度,点击复制,按ctrl+d再旋转复制一次。

放大查看网格是否绘制正确,如果网格线交叉不是六边形,删除一条竖线再重新做旋转并复制。

网格线绘制完成全选编组并明明图层为【网格线】,锁定图层。

AI+PS绘制2.5D互联运输场景插画(5)

AI+PS绘制2.5D互联运输场景插画(6)

步骤 02 绘制地面

① 新建图层,命名为【背景】,绘制800X600px的矩形,填充渐变颜色,并锁定图层。

AI+PS绘制2.5D互联运输场景插画(7)

AI+PS绘制2.5D互联运输场景插画(8)

② 新建图层,命名为【地面】,用钢笔工具勾画出地面,注意和网格线对齐,填充渐变颜色。

AI+PS绘制2.5D互联运输场景插画(9)

AI+PS绘制2.5D互联运输场景插画(10)

AI+PS绘制2.5D互联运输场景插画(11)

③ 继续使用钢笔沿着参考线绘制地面的各个侧面图形,注意和地面边角锚点对齐。

如若对不上,注意将视图里的对齐网格、对齐像素、对齐点取消勾选,填充渐变颜色,注意各个面的颜色方向。

绘制完成和参考图进行大小比例对比,不合适再进行调整。

AI+PS绘制2.5D互联运输场景插画(12)

AI+PS绘制2.5D互联运输场景插画(13)

AI+PS绘制2.5D互联运输场景插画(14)

④ 继续绘制侧边倒影层并填充渐变颜色,更改不透明度。注意倒影有2层,一层比较实,一层比较虚。

AI+PS绘制2.5D互联运输场景插画(15)

AI+PS绘制2.5D互联运输场景插画(16)

AI+PS绘制2.5D互联运输场景插画(17)

AI+PS绘制2.5D互联运输场景插画(18)

AI+PS绘制2.5D互联运输场景插画(19)

AI+PS绘制2.5D互联运输场景插画(20)

AI+PS绘制2.5D互联运输场景插画(21)

AI+PS绘制2.5D互联运输场景插画(22)

AI+PS绘制2.5D互联运输场景插画(23)

AI+PS绘制2.5D互联运输场景插画(24)

AI+PS绘制2.5D互联运输场景插画(25)

AI+PS绘制2.5D互联运输场景插画(26)

AI+PS绘制2.5D互联运输场景插画(27)

AI+PS绘制2.5D互联运输场景插画(28)

AI+PS绘制2.5D互联运输场景插画(29)

AI+PS绘制2.5D互联运输场景插画(30)

AI+PS绘制2.5D互联运输场景插画(31)

AI+PS绘制2.5D互联运输场景插画(32)

AI+PS绘制2.5D互联运输场景插画(33)

AI+PS绘制2.5D互联运输场景插画(34)

AI+PS绘制2.5D互联运输场景插画(35)

AI+PS绘制2.5D互联运输场景插画(36)

AI+PS绘制2.5D互联运输场景插画(37)

⑤地面绘制完成,注意和网格线对齐,避免出现空缺。

AI+PS绘制2.5D互联运输场景插画(38)

步骤 03 绘制隧道屋

① 新建图层,命名为【隧道屋】,沿着网格线绘制顶面的左右侧面,调整大小位置并填充渐变颜色,颜色角度不合适的话可以通过渐变工具去调整。

AI+PS绘制2.5D互联运输场景插画(39)

AI+PS绘制2.5D互联运输场景插画(40)

② 绘制左侧窗户,先沿着网格绘制一个,然后调整大小填充颜色,再复制2个并调整左右2个窗户距离边缘的位置,利用对齐工具使3个窗户中心线之间的距离相等,最后挪动到合适位置。

AI+PS绘制2.5D互联运输场景插画(41)

AI+PS绘制2.5D互联运输场景插画(42)

AI+PS绘制2.5D互联运输场景插画(43)

③ 绘制右侧隧道口。先沿着网格线绘制直角图形,使用直接选择工具双击左上角锚点,调整边角弧度,另一个边角采用同样的方式调整弧度,并填充渐变颜色。

AI+PS绘制2.5D互联运输场景插画(44)

AI+PS绘制2.5D互联运输场景插画(45)

AI+PS绘制2.5D互联运输场景插画(46)

④ 绘制隧道屋顶屋,并填充相应颜色。

AI+PS绘制2.5D互联运输场景插画(47)

AI+PS绘制2.5D互联运输场景插画(48)

步骤 04 绘制火车货箱及轨道

① 新建图层,命名为【火车】,沿着网格线先绘制一个车厢,再绘制暗部线条、车厢下边框。注意调整暗部线条和阴影的位置、距离,调整后填充颜色。

AI+PS绘制2.5D互联运输场景插画(49)

② 车轮运用了AI的3D功能。先绘制一个圆形,选中圆,点击效果——3D——凸出和斜角。设置完成确定后查看大小是否符合,不符合再适当调整。对调整后的图形进行扩展外观,然后右键取消编组,选中后面2块进行联集。选中前面部分ctrl+c,ctrl+f原位复制粘贴一个,并调整大小,然后填充颜色。

AI+PS绘制2.5D互联运输场景插画(50)

AI+PS绘制2.5D互联运输场景插画(51)

AI+PS绘制2.5D互联运输场景插画(52)

AI+PS绘制2.5D互联运输场景插画(53)

AI+PS绘制2.5D互联运输场景插画(54)

③ 全选车轮,挪动到车厢底部合适的位置,然后选中车轮后面部分,ctrl+x剪切,点选车厢边框ctrl+b,将其粘贴到边框下面,制造出被遮挡的效果。另一个车轮可以复制一个,并调整位置。一节完整的车厢绘制完成。

AI+PS绘制2.5D互联运输场景插画(55)

AI+PS绘制2.5D互联运输场景插画(56)

④ 选中绘制好的车厢按ctrl+g编组,然后按住alt键复制并移动3个,调整所有车厢的位置,注意对齐网格和车厢之间的距离,以及前后顺序。

删除第二节车厢上多余的阴影和暗部,并调整填充颜色。对最后一节车厢进行同样的操作。

选中最后一节车厢的顶面进行对象——路径——偏移路径,选中顶面的2个面进行减去顶层操作,然后再复制一个正侧面,挪动位置和顶面边框锚点位置对齐,并放置到顶面和后侧面下方。

复制后侧面进行同样操作,最后更改车厢颜色。

AI+PS绘制2.5D互联运输场景插画(57)

AI+PS绘制2.5D互联运输场景插画(58)

AI+PS绘制2.5D互联运输场景插画(59)

AI+PS绘制2.5D互联运输场景插画(60)

⑤ 继续绘制整组车厢的投影和轨道,并修改填充颜色,调整好位置后ctrl+x剪切3个图形,选中地面,ctrl+f原位粘贴到地面之上,火车车厢之下。至此火车车厢也绘制完成了。

AI+PS绘制2.5D互联运输场景插画(61)

AI+PS绘制2.5D互联运输场景插画(62)

步骤 05 绘制仓库

① 新建图层,命名为【仓库】。仓库由3个部分组成,拆开一个部分一个部分的绘制,先沿着网格线绘制一个面,和原图对比大小位置关系,然后再绘制其他的面并调整填充颜色。同样的方式绘制窗户和其他2个部分及投影。

其中一面墙面可以将其看成2个图形组成的,那么先绘制一半,调整大小,复制一个注意对齐,然后选中2个图形,用形状生成器(shift+m),将两个图形连成一个面。

AI+PS绘制2.5D互联运输场景插画(63)

AI+PS绘制2.5D互联运输场景插画(64)

AI+PS绘制2.5D互联运输场景插画(65)

AI+PS绘制2.5D互联运输场景插画(66)

AI+PS绘制2.5D互联运输场景插画(67)

AI+PS绘制2.5D互联运输场景插画(68)

步骤 06 绘制货车

① 新建图层,命名为【货车】,先绘制车身,调整到合适大小和位置,填充颜色。

AI+PS绘制2.5D互联运输场景插画(69)

② 车头部分,先绘制一个矩形,然后用直接选择工具调整边角弧度,效果——3D——凸出和斜角做3D效果。

选中图形,点击对象——扩展外观,然后取消编组。选中后部所有图形做联集。

选中一面,点击对象——路径——偏移路径(负数缩小,正数扩大),另一面同样操作。

缩小的面用来做车窗太大了,用直接选择工具上移下面2个锚点,转角地方锚点太多不适合直接移动锚点,手动绘制一个面,然后进行减去顶层的操作,绘制完成填充颜色。

AI+PS绘制2.5D互联运输场景插画(70)

AI+PS绘制2.5D互联运输场景插画(71)

AI+PS绘制2.5D互联运输场景插画(72)

AI+PS绘制2.5D互联运输场景插画(73)

③ 车轮同样使用了3D、扩展外观、取消编组的操作,制作方式同火车车轮,只是凸出的角度不同。

做出一个复制2个挪到合适的位置,最后绘制车底部投影。

AI+PS绘制2.5D互联运输场景插画(74)

AI+PS绘制2.5D互联运输场景插画(75)

步骤 07 绘制货箱

① 新建图层,命名为【货箱】,沿网格线绘制,调整大小和位置,填充颜色,复制出2个摆放到相应位置。

AI+PS绘制2.5D互联运输场景插画(76)

步骤 08 绘制吊机

① 新建图层,命名为【吊机】,先绘制出一个面的形状,再进行3D操作。

然后调整大小、位置及厚度。再制作另一个,注意高度的不同。

2个的大小位置调整合适,扩展外观,分别对各个面填充颜色。

AI+PS绘制2.5D互联运输场景插画(77)

AI+PS绘制2.5D互联运输场景插画(78)

② 吊机中间部分,先绘制一个面,对面进行偏移路径的操作,调整偏移路径图形的锚点位置,然后进行减去顶层的操作。

绘制出2个侧面,放置到合适位置,并调整面之间的前后关系。

AI+PS绘制2.5D互联运输场景插画(79)

③ 绘制侧面栏杆部分和底部投影,填充颜色。至此左侧绘制完毕。

AI+PS绘制2.5D互联运输场景插画(80)

AI+PS绘制2.5D互联运输场景插画(81)

步骤 09 绘制轮船

① 新建图层,命名为【轮船】,先绘制出一个面,用钢笔工具在中间添加锚点,改变锚点位置再进行3D操作。

AI+PS绘制2.5D互联运输场景插画(82)

② 3D操作之后调整大小、位置及厚度,再进行扩展外观、取消编组的操作,对下部分联集。

AI+PS绘制2.5D互联运输场景插画(83)

③ 用直接选择工具改变锚点位置及弧度,然后对顶面进行偏移路径,用于后续制作暗部,修改填充颜色。

AI+PS绘制2.5D互联运输场景插画(84)

④ 复制顶面放置在侧面下,用直接选择工具调整,或直接用钢笔工具勾画出,分别作出一层水花2层倒影,用形状生成器减去多余部分(注意复制侧面),然后填色。

AI+PS绘制2.5D互联运输场景插画(85)

⑤ 继续绘制船体上部分,注意调整大小位置,填充颜色。

AI+PS绘制2.5D互联运输场景插画(86)

AI+PS绘制2.5D互联运输场景插画(87)

AI+PS绘制2.5D互联运输场景插画(88)

⑥ 继续绘制船上面的集装箱,集装箱可以先绘制一个,复制调整位置后,再调整填充颜色。

AI+PS绘制2.5D互联运输场景插画(89)

AI+PS绘制2.5D互联运输场景插画(90)

⑦ 根据集装箱的位置,减去多余的暗面,再新绘制一个亮面。

AI+PS绘制2.5D互联运输场景插画(91)

AI+PS绘制2.5D互联运输场景插画(92)

步骤 10 绘制飞机

① 新建图层命名为飞机,用钢笔工具根据角度来绘制出飞机的基本形状,和飞机底部重合的部分可以先绘制大块,然后用形状生成器减去不重合的地方,减少勾画时间,再填充颜色。

AI+PS绘制2.5D互联运输场景插画(93)

② 用做车轮的方法做出机翼下方的发动机,并调整颜色。再用钢笔工具勾画出飞机的各个阴影部分,修改渐变填充色。

AI+PS绘制2.5D互联运输场景插画(94)

AI+PS绘制2.5D互联运输场景插画(95)

③ 继续用钢笔工具勾画出飞机的投影,并修改渐变填充。

AI+PS绘制2.5D互联运输场景插画(96)

步骤 11 绘制叉车和小货箱

① 新建图层,命名为【叉车】,沿网格线一一勾画出叉车的车体,顶棚。

边杆和车轮都是先绘制基本形然后再做3D效果、扩展外观、取消编组、修改填充颜色。再绘制出叉车上的货箱和叉车的阴影投影部分,并调整填充色。

AI+PS绘制2.5D互联运输场景插画(97)

AI+PS绘制2.5D互联运输场景插画(98)

AI+PS绘制2.5D互联运输场景插画(99)

AI+PS绘制2.5D互联运输场景插画(100)

② 复制叉车边上的小货箱,调整大小封箱的位置及摆放位置,再绘制出货箱的投影并修改填充颜色。

AI+PS绘制2.5D互联运输场景插画(101)

步骤 12 绘制水面波光

① 新建图层,命名为【波光】,绘制一个椭圆和三角形,调整大小和渐变颜色,复制几个放置到不同位置,注意大小。用钢笔工具勾画出地面边侧的亮部,修改渐变颜色。

AI+PS绘制2.5D互联运输场景插画(102)

步骤 13 添加噪点

① 将绘制好的图稿导出图片,放置到PS中。选用魔棒工具,调整容差为20,选择左侧地面,再新建一个图层,修改前景色为#33eae3,选择柔光画笔,图层模式改为溶解,调整画笔不透明度和流量,在地面左侧角涂抹。最后调整图层不透明度为50%。

AI+PS绘制2.5D互联运输场景插画(103)

② 同样的方法绘制出右侧、船头、水面、隧道屋的噪点。

水面处可以先用钢笔工具绘制形状,然后调出形状的选区进行制作。

AI+PS绘制2.5D互联运输场景插画(104)

AI+PS绘制2.5D互联运输场景插画(105)

③ 用魔棒工具选中船体的边缘,新建图层,用柔边画笔涂抹边缘两面,图层模式为正常。

AI+PS绘制2.5D互联运输场景插画(106)

AI+PS绘制2.5D互联运输场景插画(107)

还没人评论,快来抢沙发~

X