Illustrator绘制2.5D风格的多彩魔方

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

2.5D插画设计之多彩魔方效果图

1、 操作步骤

第1步:打开illustrator,新建一个:1200x900px 的画板

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

然后打开图层面板,新建图层,并命名为做图层(用来做物体造型图层)、参考线图层(用来做2.5D插画参考线图层);在做图层里画一个和画板一样大的矩形,填充颜色:#3bf2e0,按ctrl+2 将矩形锁定,如动图:

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

第2步:新建参考线,选中参考线图层,用直线段工具,画一条直线,点击选择工具,按住alt键,向下拖拽复制出另一条线,然后按Ctrl+D(多次复制),多复制一些,然后全选中直线,鼠标右键:变换-旋转(角度:30度)-确定

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

然后,再次选中这些线,鼠标右键:变换-对称(垂直,角度:90)-复制;全选所有线段进行编组(ctrl+G),编组后,按ctrl+5,把所有线段转换为参考线,如动图:

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

第3步:做3D造型,怎样自学UI,选择做图层,选择矩形工具画一个正方形,在菜单栏选择:效果-3D-凸出和斜角,数值分别为:45、35、-30,厚度这个看需求,没什么关系,后期都是可以调节的,如动图:

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

接下来,在菜单栏选择:对象-扩展外观,效果如图:

Illustrator绘制2.5D风格的多彩魔方,PS教程,思缘教程网

 收藏