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

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

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

本篇教程主要在AI里面定形状,再转到PS里面上色完成最终效果图,2.5D风格最近两年特别流行,很多类似的APP都用这种主题风格制作插图,同学们可以学着制作一下。

效果图:

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

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

操作步骤:

一、AI中制作手机和文字的基础形

步骤1:

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

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

步骤2:

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

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

步骤3:

在这个这个扩展了外观的矩形上绘制一个平行四边形,效果图如下颜色还是随意哦。

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

步骤4:

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

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

二、AI中制作零碎的小元素基础形

步骤1:

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

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

步骤2:

圆形小树的分解图如下,同样做好一个后复制几个调整大小后放置合适位置。

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

步骤3:

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

①小云朵分解图如下,拼接的小图形大小随意哦:

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

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

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

③扁方块的分解图如下,首先建一个74*74,圆角为18的圆角矩形再添加3D效果。

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

④厚方块的分解图如下,拼接小元素的大小还是随意啦。最后在整体效果中美观就好。

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

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
打卡

关注大神微博加入>>

网友求助,请回答!