分享AI怎么制作2.5D小插画教程

AI怎么制作2.5D小插画教程

步骤1:

打开AI新建一个800*600的画布。建一个206*338的矩形,圆角大小为26。填充的颜色随意,反正都是要在PS里上色的。选中这个矩形后选择效果—3D—凸出和斜角。设置数值:

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

步骤2:

选中这个矩形后选择对象—扩展外观。这时这个矩形的每一个块面就独立了,不能更改3D设置数值了。每做完3D效果以后都要扩展外观哦,这样才方便拖到PS里上色。

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

步骤3:

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

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

步骤4:

接着用文字工具打一个NEW,注意要大写。字体选择较粗一点的,字号为94。再给它添加3D效果:自定义旋转,旋转角度1为-46°旋转角度2为-37°,旋转角度3为33°,凸出厚度为23pt。记住表面选项选择无底纹哦,最后扩展外观。

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

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

步骤1:

接下来是小装饰的制作啦。下面是楞形的小树分解图,每一小块的大小随意啦。Ctrl+G打包编组后复制一个调整大小放置合适的位置。

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

步骤2:

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

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

步骤3:

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

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

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

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

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

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

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

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

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

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

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

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

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

⑥再绘制WIFI图标,新建一个90*90的正圆,复制四层,每两层编一个组,将其只显示一个组。组里选中上面一个圆右键变换—缩放—等比缩放80%后再做布尔运算的减法运算得到一个圆环。

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

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

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

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

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

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

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

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

步骤1:

确保AI里做了3D效果的图形全部都扩展外观了后。直接选择工具选中所有图形后按Ctrl+C,跳转到PS中后按Ctrl+V,这时会有个对话框,选择形状图层即可。然后开始进行最考验耐心的一步啦路径选择工具选中每一个小块后按Shift+Ctrl+J即可将每一小块作为一个单独的图层提取出来。

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

步骤2:

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

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

步骤3:

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

①先整体上色。

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

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

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

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

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

步骤4:

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

①朝左侧面上色:

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

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

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

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

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

步骤5:

接下来就是3种树的上色了,见下面分解图:

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

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

步骤6:

给小梯子和小人儿上色啦~

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

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

②再给小人上色啦~

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

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

步骤7:

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

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

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

②再给小云朵上色啦~

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

步骤8:

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

①先给扁方块上色。

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

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

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

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

③再给WIFI图标上色。

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

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

步骤9:

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

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

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

②再给小爱心上色。

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

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

步骤10:

最后再给手机加个投影,将形状1(见图中红箭头指的形状)复制一层放后调整一下大小放在在手机底下,颜色改成#f2f4f4。

AI怎么制作2.5D小插画教程(43)

一个生动的2.5D小插画就诞生了。最后可以自由发挥加些小效果 哦。

AI怎么制作2.5D小插画教程(44)

推荐阅读

    分享皮皮虾怎么去水印

    分享皮皮虾怎么去水印,皮皮虾,怎么去水印,视频,水印,分享,精灵,选择,1、由于“皮皮虾”软件本身并没有提供去水印服务,建议有需

    分享如何把pdf的文件变小

    分享如何把pdf的文件变小,文件,点击,选择,分享,压缩,查看,等级,1、打开迅捷PDF转换器,进入界面,在上方菜单栏中点击【PDF操作】,然后点击【PD

    分享酷狗音乐怎么添加手机音乐

    分享酷狗音乐怎么添加手机音乐,酷狗音乐,手机音乐,扫描,点击,分享,音乐,去除,首先打开酷狗音乐播放器,进入页面后点击左上方菜单或向右滑动

    分享金山词霸的离线功能怎么用

    分享金山词霸的离线功能怎么用,金山词霸,离线,分享,词典,下载,识别,点击,左划,进入一个半边的蓝色页面点击设置拍照语种选择,可以离线拍照识

    教你抖音怎么买商品教程

    教你抖音怎么买商品教程,教程,商品,抖音,用户,购买,咨询,选项,1、若是想在抖音里购买商品,大家应该先去搜索查找自己感兴趣的主播,然后通过

    分享微信怎么发闪照

    分享微信怎么发闪照,微信,怎么发闪照,分享,闪照,闪照怎么保存,搜索,删除,1、打开微信小程序搜索闪照。2、打开闪照应用,制作闪照分享给好友

    分享微信主页壁纸怎么设置

    分享微信主页壁纸怎么设置,壁纸,设置,微信,主页,分享,选择,列表,1、打开微信的个人中心之后,用户们需要在列表里面点击下方的“设置&r

    分享wps怎么在方框里打勾

    分享wps怎么在方框里打勾,怎么在,选择,点击,分享,复制,字符,输入法,1、我们打开任意一种输入法,搜狗五笔,然后指向小键盘,打开右键。2、弹出

    分享微信文件过期了怎么恢复

    分享微信文件过期了怎么恢复,微信文件,微信,文件,分享,恢复聊天记录,恢复,方法,首先,导致出现这种情况的原因,通常来说就以下几个:1、由于在

    分享cad怎么加入块

    分享cad怎么加入块,分享,调整,选项,点击,工具栏,入点,模板,第一步,打开CAD2020软件第二步,点击新建选项,新建一个模板第三步,在工具栏找到插入

    分享今日头条账号如何绑定抖音

    分享今日头条账号如何绑定抖音,绑定,抖音,今日头条,账号,分享,开启,登录,1、首先,点击打开手机今日头条APP,进入软件主界面2、然后,在主界面,

    分享哔哩哔哩直播怎么放歌

    分享哔哩哔哩直播怎么放歌,哔哩哔哩直播,点击,选项,分享,界面,直播源,音频,1、首先需要先进入到bilibili直播姬的主界面,先来说说放歌的方

    分享微信如何取消免密支付

    分享微信如何取消免密支付,取消,支付,微信,分享,设置,选择,开通,要关闭这个功能也很简单,只需要几步操作就OK。先打开微信进入个人中心,点击

    分享为什么支付宝页面打不开

    分享为什么支付宝页面打不开,支付宝,打不开,工具,防火墙,分享,选项,重新启动,有网友想打开支付宝页面查看,但是支付宝的页面打不开是怎么回

    分享快剪辑录屏怎么打开

    分享快剪辑录屏怎么打开,录屏,怎么打开,分享,剪辑,点击,弹出框,快速,第一步打开我们的手机,点击快剪辑第二步进去快剪辑创作界面之后,向右滑