AI制作2.5D插画教程

2021-05-18 09:09:37

步骤1:

打开AI新建一个800*600的画布。建一个206*338的矩形,圆角大小为26。

AI制作2.5D插画教程

步骤2:

选中这个矩形后选择对象—扩展外观。

AI制作2.5D插画教程(1)

步骤3:

在这个这个扩展了外观的矩形上绘制一个平行四边形

AI制作2.5D插画教程(2)

步骤4:

字体选择较粗一点的,字号为94。再给它添加3D效果:自定义旋转,旋转角度1为-46°旋转角度2为-37°,旋转角度3为33°,凸出厚度为23pt。

AI制作2.5D插画教程(3)

步骤1:

Ctrl+G打包编组后复制一个调整大小放置合适的位置。

AI制作2.5D插画教程(4)

步骤2:

同样做好一个后复制几个调整大小后放置合适位置。

AI制作2.5D插画教程(5)

步骤3:

剩下的悬浮在空中的小元素也以分解图的方式展现,记得扩展外观。

①拼接的小图形大小随意:

AI制作2.5D插画教程(6)

②其他小云朵的设置数值:

AI制作2.5D插画教程(7)

③首先建一个74*74,圆角为18的圆角矩形再添加3D效果。

AI制作2.5D插画教程(8)

④拼接小元素的大小还是随意。最后在整体效果中美观就好。

AI制作2.5D插画教程(9)

AI制作2.5D插画教程(10)

⑤接下来就是小梯子、爱心、小人的分解图。

AI制作2.5D插画教程(11)

AI制作2.5D插画教程(12)

⑥再绘制WIFI图标,新建一个90*90的正圆,复制四层,每两层编一个组,将其只显示一个组。

AI制作2.5D插画教程(13)

⑦显示另外一个组,再将这两个圆制作成一个圆环。底圆缩放70%顶圆缩放50%。最后显示中间的实心圆缩放比例40%,再绘制一个100*100的正方形,底端点和圆环中心点对齐;将这个正方形旋转45°后复制两层,同样只显示一个正方形。

AI制作2.5D插画教程(14)

⑧选中一个正方形和一个单圆环,再选路径查找器—交集。然后每个剩下的一个圆环和一个实心圆都配一个正方形做交集运算。

AI制作2.5D插画教程(15)

⑨给这个WIFI图标加3D效果,再绘制一个圆调整一下当手机按键。

AI制作2.5D插画教程(16)

AI制作2.5D插画教程(17)

步骤1:

确保AI里做了3D效果的图形全部都扩展外观了后。直接选择工具选中所有图形后按Ctrl+C,跳转到PS中后按Ctrl+V,这时会有个对话框,选择形状图层即可。

AI制作2.5D插画教程(18)

步骤2:

接下来就可以给每一个小块上色了。那些圆滑的曲面有的会被分成几块,这时合并就好了。

AI制作2.5D插画教程(19)

步骤3:

下面是手机的上色分解图:

①先整体上色。

AI制作2.5D插画教程(20)

②再添加杂色。随便勾一个形状放在渐变角度为14°的矩形上面, 填充颜色#91d0ed后添加剪切蒙版,转换成智能对象之后滤镜— 模糊—高斯模糊。

AI制作2.5D插画教程(21)

③给这个形状图层命名为阴影1,然后再给这个图层加个蒙版,选中蒙版后选择滤镜—杂色—添加杂色,设置参数。再将阴影1的不透明度降低至80%。

AI制作2.5D插画教程(22)

步骤4:

再给NEW字母上色,每一个操左的侧面颜色都是一样的,朝右的侧面颜色也是一样的,最后正面的颜色也是一样的。现在上色的方式是通过加图层样式的渐变叠加实现的。

①朝左侧面上色:

AI制作2.5D插画教程(23)

②顶面上色,蓝色箭头指的色块需添加渐变色并整体降低不透明度 至80%。

AI制作2.5D插画教程(24)

③再给所有正面色块上色。

AI制作2.5D插画教程(25)

步骤5:

接下来就是3种树的上色了,

AI制作2.5D插画教程(26)

AI制作2.5D插画教程(27)

步骤6:

①先给梯子上色。把梯子图层所有色块编个组,在组后面加一个 蒙版,选中蒙版后选择渐变工具,将不透明度降低至20%后在梯子 处从上往下拉一下。这样子梯子的头部就变得浅浅。

AI制作2.5D插画教程(28)

②再给小人上色

AI制作2.5D插画教程(29)

AI制作2.5D插画教程(30)

步骤7:

接下来给小云朵和小方块上色

①现在只分解一个小方块,别的小方块每个方向的面颜色是一样的

AI制作2.5D插画教程(31)

②再给小云朵上色

AI制作2.5D插画教程(32)

步骤8:

再给扁方块和WIFI图标上色。

①先给扁方块上色。

AI制作2.5D插画教程(33)

②再给它的局部添加杂色,随便勾一个形状,给它命名为阴影2,然后放在扁方块正面色块顶部,添加剪切蒙版后,高斯模糊处理一下。模糊处理后再在阴影1图层后面添加一个蒙版选中蒙版后添加杂色,加完效果后将阴影2图层降低不透明度至70%。

AI制作2.5D插画教程(34)

AI制作2.5D插画教程(35)

③再给WIFI图标上色。

AI制作2.5D插画教程(36)

AI制作2.5D插画教程(37)

步骤9:

再给小爱心和它的底座上色

①先给方形底座上色。上完色后画两个圆,大小随意,填充#fca2 32,然后再羽化一下,羽化值是根据圆的大小来的。

AI制作2.5D插画教程(38)

②再给小爱心上色。

AI制作2.5D插画教程(39)

AI制作2.5D插画教程(40)

步骤10:

最后再给手机加个投影,将形状1复制一层放后调整一下大小放在在手机底下,颜色改成#f2f4f4。

AI制作2.5D插画教程(41)

AI制作2.5D插画教程(42)

内容来源:m.huguan123.com

热门推荐
腾讯微博如何搜索qq好友
图文
腾讯微博如何搜索qq好友
点击进入自己的微博主页,在右上角搜索位置,输入好友的qq号,点击搜索后,就看到搜索结果页面,搜索页面的右边就是qq号的主人的微博,点击进入,即可找到qq好友的微博。
发布时间:2020-10-17
菜鸟裹裹包括什么快递
图文
菜鸟裹裹包括什么快递
菜鸟裹裹主要适用于全网包裹查询,支持淘宝,天猫,京东等网购包裹自动跟踪,同时覆盖国内外141多家快递公司,常见的快递公司有顺丰快递,圆通快递,中通快递,申通快递,汇通快递,全峰快递,速尔快递,宅急送,国通快递,佳吉快递,运通快递,挂号信,平邮,中铁物流。
发布时间:2020-10-23
剪映怎么去水印
图文
剪映怎么去水印
打开剪映,点击右上角设置图标,关闭自动添加片尾,残忍关闭,返回剪映首页,点击开始创作,选择视频,添加,进入视频编辑界面,根据个人实际需求完成编辑,最后点击导出,选择分辨率和帧率,导出即可。
发布时间:2020-12-08
Copyright © 2017 - 2019 虎观百科. All rights reserved. 粤ICP备17044743号-5
DedeTag Engine Create File False