2.5d矢量插画|（下）-绘制
上篇主要介绍了一下2.5d矢量插画，这篇咱们来说说它的绘制吧！
使用软件：illustrator
（AI源文件可以在文末进群向管理员索要哦~免费视频课程在文末，点击即可进入，11月6日晚19:00准时直播哦~）
难度：★★★☆☆
我们从天猫开始。
1.选中图形，选择菜单栏上的效果-3D-凸出和斜角
位置：等角-左方
蓝色的面是将平面图形的方向，凸出厚度根据画面效果自行设置，这里选择60pt，勾选预览查看。
小tips：
2.选中图形，选择菜单栏上的“对象”-“扩展外观”
3.扩展外观后需要将天猫和厚度分两个部分处理，见下图。
继续绘制天猫超市。从顶部开始。
1.绘制一个圆形， 240x240px，填充纯色
效果-3D-凸出和斜角，位置：等角-上方，厚度70pt
2.用直接选择工具（A）选中圆柱体上方的椭圆形，ctrl+2，锁定。
选择圆柱的高度部分，路径查找器-联集
为椭圆面填充渐变色，如图。
为圆柱高度部分填充纯色 #a98afc
3.选择椭圆部分，ctrl+2锁定。
用钢笔工具绘制门的部分，填充黄色，# ffee57，为了看得清楚，可以先把黄色透明度降低一点。选择圆柱的高度和门这两个对象，shift+M，打开形状生成器，选择不需要的部分，单击，生成需要的形状。然后用直接选择工具（A）去掉不需要的部分。
调整门的锚点，将弧度调整一下。
放到合适的位置，和底部黄色门选中，shift+M，单击不需要的部分，用直接选择工具（A）去除。
用钢笔工具画一个三角，绘制阴影部分。选中两个对象，shift+M，单击不需要的部分，用直接选择工具（A）去除。
接下来绘制底部。
1.绘制一个圆形， 500x500px，填充纯色
效果-3D-凸出和斜角，位置：等角-上方，厚度140pt
2.扩展外观，并填充颜色，色值如下。
3.绘制一个400px的圆形，去掉填充，描边100px，将描边面板打开，对齐描边改成对内。
4. 选中对象-“视图”-“扩展对象”，将蓝色圆圈扩展。
5. 绘制绿色的矩形，宽度为90px，和蓝色圆圈，三个对象选中水平和垂直方向对齐，如下：
shift+M，打开形状生成器，选择需要保留的蓝色圆圈部分，其余的删掉。如下图，将对象全部选中，ctrl+G编组：
6. 效果-3D-凸出和斜角，位置：等角-上方，厚度为0pt。
7. 扩展外观，并ctrl+shift+G解组
8. 对每一块填充渐变色。如下图：
9. 将填充好的颜色编组，和椭圆水平、垂直方向对齐。
10. 用直接选择工具（A）选择深蓝色椭圆形，缩小，放在最上面，对齐。
丰富下细节。
然后可以进行组装了。
再给天猫超市装上个台阶吧。
1.台阶尺寸如下，全选，联集
2.效果-3D-凸出和斜角，位置：等角-左方，厚度为100pt。
3.扩展外观，然后装在右侧。调整细节。
延展设计-app启动页
1.新建750x1334px的文档，将绘制好的天猫超市2.5d插画放进来吧，再加上点装饰和文字。看下效果吧，ok了。
感兴趣的话可以再多画一些组件，变成2.5d的场景插画。
好了，今天的2.5d插画就讲到这里了，期待小伙伴们的作业哦~~~
2.5D矢量插画相关免费视频课程（11月6日晚19:00,欢迎收看~可以先点下免费报名，方便收到上课提醒哦）：
玩转2.5d矢量插画-腾讯课堂（11.6晚19点）
ai源文件，以及更多课堂笔记、课程资料请入群后向管理员免费获取，更有专业知识答疑解惑。入群即送价值499元在线课程一份。
QQ群号：511649801
敲门砖（验证信息）：彩云追月
2.5d矢量插画|（下）-绘制相关推荐
- 2.5d矢量插画|（上）-概述
2.5d矢量插画是这两年非常流行的插画风格,也叫2.5d轴侧等距插画,简单理解一下就是带有3D效果的2D画面. 一.2.5d矢量插画的起源 纪念碑谷是一款冒险解密.策略闯关类的手戏,带领玩家体验一场在 ...
- 用AI绘制2.5D人物插画教程
1. 创建人物的头部,绘制正圆,并填充为肤色 2. 选择小白工具,调整圆形的锚点,创建出尖尖的下巴 3. 绘制正圆及多个圆角矩形,填充为你喜欢的头发颜色 4. 绘制圆角矩形做耳朵 5. 绘制深一点的圆 ...
- 怎么用ai做出适量插画_AI怎么画矢量插画? ai手绘插画的教程
ai中绘制矢量图形很方便,想要绘制一幅矢量插画,该怎么绘制呢?下面我们就来看看ai绘制矢量插画的教程. 第1部分:从草图开始 无论是艺术创作还是图库供图,草图总是最重要的环节.当脑海中有了零星模糊的想 ...
- 设计必备的矢量插画素材，这几个网站超齐全。
分享几个设计必备的矢量插画.插图素材网站,建议收藏~ 菜鸟图库 https://www.sucai999.com/searchlist/bianpingchahua----all-0-1.html?v ...
- 高精度矢量汉字的一种填充方法_使用PS中的钢笔工具制作一只蝴蝶矢量插画
使用PS中的钢笔工具制作一只蝴蝶矢量插画 矢量插画用途广泛,很漂亮.但是对于很多艺术家来说,创建起来太数字化而且不直观. 然而,Photoshop 的最新版本CC就解决了你在使用钢笔工具添加新变量碰到 ...
- photoshop插画插件_一键生成2.5D风格插画的PS插件
2.5D插画风格已经流行了很长时间,目前很多站点和UI中采用,极具科技现代感. 实现2.5D的风格的设计手法有很多种.如在AI中使用自带的3D插件绘画,或者在PS中建立辅助线,一层一层叠加.实现的方法 ...
- Android矢量图pathData绘制规则及简单常用的矢量图绘制
右箭头 <?xml version="1.0" encoding="utf-8"?> <vector xmlns:android=" ...
- 知乎问答 | 如何在同一坐标系下绘制多幅图形
在知乎上看到这么一个问题:rstudio将两个图放在同一坐标轴用什么函数?在这里回答一下. 小编推测提问者是想问"使用R语言绘图时怎么把不同的图形绘制在同一个坐标系中".那么这个问 ...
- UE4 Decal 贴花不在静态光照下绘制
Decal顶点没有烘焙的光照数据,因此无法在含前向管线的阴影下绘制.特效贴花为unlit自发光材质,阴影下表现影响不大.而场景Decal需要计算光照. 1. Decal实现原理 MobileDecal ...
最新文章
- 【面试题】python怎么合并两个字典
- mysql 过程和函数 变量的值_MySQL数据库提升篇-----存储过程和函数
- 游戏维护关闭服务器,游戏服务器正在维护中
- Web框架之Django_10 重要组件（Auth模块）
- 从未后悔认识你，只是不知如何面对分开的结局
- 《编程题》找出数组中出现次数超过一半的数（时间复杂度O(n)，空间复杂度为O(1)）
- ASP.NET Core MVC – 自定义 Tag Helpers
- 2019 高考填报志愿建议
- 为什么要使用 zero_grad()？
- ssl证书链的验证的其它方式
- 前端之路：一款轻量的tooltip插件tippy.js
- Web前端开发-为网页元素添加阴影效果
- 在 Intel NUC8i7HVK 上安装CentOS7
- 快递查询APP隐私条款
- 洛谷P3224【HNOI2012】永无乡
- R语言实现SOM（自组织映射）模型（三个函数包+代码）
- 5个小组，只有一个女黑客，他们居然要模仿妲己？
- python迭代器和生成器
- itchat和php,Python使用itchat 功能分析微信好友性别和位置
- 2020-09-04