当前位置:首页>软件教程>AI教程>教程内容

AI插画教程,用PS制作2.5D风格插画(2)

来源:学UI网 作者:不露 学习:29501人次

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

三、PS中上色以及加图层样式

步骤1:

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

步骤2:

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

步骤3:

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

①先整体上色。

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

步骤4:

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

①朝左侧面上色:

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

步骤5:

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

AI插画教程,用PS制作2.5D风格插画_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
阳光灼伤了谁灰暗的眼眸2019-04-13 04:18
时间已经过去了一年,不知道你想明白没有,粘贴进来之后,PS里边的箭头分为黑色箭头和白色箭头,,用黑色箭头就可以了
筱肚兜2018-06-19 06:41
点赞
海盗船长牛2018-06-02 09:12
从ai中复制后到ps里Ctrl+V后,路径选择工具选中按Shift+Ctrl+J后不好用。根本无法执行,请问大师是咋弄出来的,上网搜索相关的技能根本没有。大师的意思是 “Shift+Ctrl+J”是保留ai中的矢量图层的吗,还是 单独存储分层文件就行呢,我查了第一种情况网上没有教程,第二种到是很多。
莱芜扛把子2018-01-30 03:58
淘宝刷单有多厉害呢?我举个例子讲一下吧。有次看了一款充气娃娃,评论里有的说“是正品,质量很好”,这也算了,竟然还有的说“给爸妈买的,他们觉得都不错点赞”,好吧这也忍了,忍无可忍的是有刷单评论说“味道不错,很好吃”,好吧你赢了,最终让我彻底跪了的评论是“看上去很高大上,朋友们都说好,带出去特有面子!!!”
南湾不秋ll2018-01-30 10:44
明天继续学习
文斯爱卡特2018-01-30 08:00
学习一下
文斯爱卡特2018-01-30 08:00
学习一下
文斯爱卡特2018-01-30 08:00
学习一下
素年九月192018-01-30 01:07
签到
素年九月192018-01-30 01:07
签到
素年九月192018-01-30 01:07
签到
观之淡然2018-01-30 01:03
打卡
观之淡然2018-01-30 01:03
打卡
观之淡然2018-01-30 01:03
打卡

关注大神微博加入>>

网友求助,请回答!