2.5d立体插画怎么做-AI绘制2.5D小卖部

Answer 1

AdobeIllustrator怎么绘制2.5D效果的立体折线图板?

新建一个圆角矩形,因为后面要用到贴图的操作,所以这里我把尺寸改成了整数,宽500px,高350px

圆角矩形复制一份,用直线工具在上面绘制折线图所需的坐标和刻度,并将坐标系中所有的直线编组。

在坐标系中绘制圆形形状,让圆心位于垂直和水平线的交叉点。

圆形全部放到合适的位置后编组。

用钢笔工具绘制折线,把圆形连接起来形成基础的折线图,【对象】-【路径】-【轮廓化描边】,生成闭合的图形。

把折线图单独复制一份出来

选中带坐标系的完整的折线图的所有图形,然后打开符号面板,拖到符号面板中,生成一个符号,便于贴图用。

选中最开始绘制的简单的圆角矩形,【效果】-【3D(3)】-【凸出和斜角】,在面板中设置位置【等角-右方】,厚度减少一些。

打开【贴图】选项,在符号下拉选项中找到我们刚才新建的折线图符号,选择合适的表面进行贴图。

现在虽然得到了一个折线图,但并不是我们需要的效果,我们希望折线更立体一些。

选择编组的圆形运用【3D凸出和斜角】效果,调整凸出厚度

对四个立体小圆柱依次执行【对象】-【扩展外观】,【取消编组】操作,并同样选中厚度所在图形进行合并。

选中折线部分,运用【3D】效果,这里把凸出厚度调整的比圆形小一些,以便最后效果图形成层次感,确定后【对象】-【扩展外观】

现在把立体的折线和圆形放到底图上,借助贴图上的折线图,有助于我们精确的摆放位置,调整顺序,使圆形位于最顶层。

-暂时把立体的折线图放置到最底层,选择底板,现在通过【释放剪切蒙版】和【取消编组】的操作,找到平面的折线图,删除

在【符号】面板,双击建立的折线图符号,进入符号编辑面板。选中折线部分,删除

保存后默认回到正常画布界面,此时贴图也发生了变化。

扩展外观后,调整排列顺序,置于底层,此时已完成了立体折线图的全部制作,剩下的是填充合适颜色。

最终效果如图所示

【分享】03篇AffinityDesigner创建有趣的等轴测2.5D图形

【点击回顾】01篇AffinityDesigner创建有趣的等轴测2.5D图形

【点击回顾】02篇AffinityDesigner创建有趣的等轴测2.5D图形

点击上面链接——查看往期内容

来!我们继续学习用AffinityDesigner绘制等轴测2.5D风格图形。

大家可以边看教程边操作,动手实践会增加对AffinityDesigner软件的掌握度。

打开顶层菜单>点击“视图”>_慊鳌巴窈椭峁芾砥鳌

勾选>显示网格>点击"高级">网格类型“等轴测”

其他细节比如网格间距、颜色等可以根据喜好自己设置。

①画一个椭圆形。在1.7.1版本的AffinityDesigner中,会有等轴测吸附。

②复制这个椭圆形,并改变颜色。

③将椭圆形转换为圈饼,绘制出一个圆环(红框标注的位置)

④一个圆环和一个椭圆绘制完毕。

使用钢笔工具,画出圆环和半个椭圆的路径(如下图)。要确保钢笔工具每个点,都接触到底层圆环和半个椭圆的边缘。重点在图形的边和角落;再次强调,确保钢笔工作的绘制,充分接触椭圆和圆环边缘。

选择钢笔工具新画的图形及椭圆形这两部分图形,使它们合并成一个新图形(如下图)。这一步,我们用的是几何工具里的“添加”。

为了让AffinityDesigner创建的等轴测2.5D图形更立体,更有趣,我们可以利用颜色的变化,做出渐变色。

接下来,选择圆环图层,将它的放在最顶层。

大功告成,我们一起完成了一个等轴测2.5D圆环。

①用图形工具,画一个长方形,颜色渐变。

②使用“拐角”工具,将图形的左上角的直角变成拐角。

③利用前面所学的知识,利用等测轴吸附工具以及启用平面等功能,使这个矩形对齐等测轴网格形成新的角度,并且复制它。

④钢笔工具,创建一个新的路径或者图形,来完成“图层合并”。记得使用几何工具里的“添加”功能,生产新的图形。

⑤把生成的新形状置于底层。

⑥最后,再次利用颜色渐变,将顶层图片颜色更改为更暗的阴影。

①金字塔形状,和其他形状操作方式不太相同。我们要在平面画一个菱形,在它的上面进行变化。

②金字塔形状绘制,核心就是图中标注的那条垂直线。

③可用钢笔工具绘制三角形。也可以“三角形工具”画出三角形后,利用“切变”、“等轴测平面编辑”等方式,画出与垂直线边缘完全重合的三角形。注意确保顶点、边缘与垂直线、菱形完全重合接触。在另一侧三角形重复此步骤。

④最后,再次利用颜色渐变,将右侧的三家形颜色更改为更暗的阴影。

等测轴2.5D的特殊形状,也可以根据我们前几篇内容所学,进行延伸。

触类旁通,结合前面所学内容,进行不同形状形状的创作。

注意:图形越复杂,就需要进行多次的图形添加和组合,就如(图2)所示。

结合前几篇的内容,大家可以尝试画上图。

AffinityDesigner软件Mac版和ipad版本操作方式不太一样,但是原理一样。大家也可以尝试。

大家有问题可以留言,让我们共同进步～

字体绘制也可以,初学者可以多考虑每个面颜色的区分!

下一期我就来讲讲2.5D等轴测风格的中英文字体!

AI绘制2.5D小卖部

·画一个矩形背景铺满画板,Ctrl+2盖住小锁。

·画一个矩形,取消描边填充颜色,效果-3D,调整参数,采用等角-上方的视角。对象-扩展外观,之后用直接选择工具(A),可以实现对每个面分别填色。

·画一个矩形,效果,3D-凸出和斜角,调整参数。

·shift+x切换填充和描边,使其成为镂空图形。

·调整描边为50pt,放在刚才的立方体上面。对象-扩展外观,用小白工具(A)就可以为每个面更改颜色了。

·画一个较小的矩形,效果-3D,调整参数。对象-扩展外观,之后可以填充每个面的颜色。

·复制这个立体的矩形,用A工具选定锚点,变换到合适大小,让它成为一个帐篷顶的形态,放在刚才的立方体上面。对象-扩展外观,用小白工具改变每个面的颜色。

·沿着在帐篷边缘画两条2pt的黑色描边,将中间的黑色描边Ctrl+c。Ctrl+b原位复制一个,选择混合工具(w),设置指定步数为6,之后点一下最左边的黑线条,再点右侧的黑线条,就能出现几条不同角度的竖线,另一侧用同样的方式操作。

·将不透明度调整为15%。整体看是这样的。

·画一个矩形,白色描边,做厚一点,填充蓝色,再画三条线,描边中选择圆头端点,一扇门就做好了,整体编组ctrl+g,按alt+shift快速拖拽一个门。

·画一个矩形,效果-3D中调整参数,对象-扩展外观,调整每个面的颜色。

·选中窗户,右键-变换-倾斜,调整参数。再调整一下大小,就做好了。ctrl+g打个组,放在合适的位置,再复制一个,放在一起。再复制一个,放在上面。

·选中一个,右键-变换-镜像,调整参数,放在合适的位置。

·右键-取消编组之后,删除小横台,调整玻璃门的大小。

·用钢笔工具画线,取消填充,只要描边。效果-3D,等角左方。对象-扩展外观,小白工具给每个面拾取颜色,小白工具选取下方的两个锚点,拖出圆角。复制,再填充颜色。放置在小卖部的合适位置。多复制几个小帘子,放在窗户和门的上方。

·我们制作一扇打开的门。选中一扇门,右键-变换-对称,调整一下位置就可以了。

·接下来我们画遮阳伞。先画一个八边形。按shift,在多边形工具下按向上的箭头就可以拖出正8边形。3D-凸出和斜角,等角-上方,30pt,对象-扩展外观。小白工具将小帘子的部分改成圆角,填充颜色。

·用钢笔工具画一个三角形,填充颜色。Ctrl+c,Ctrl+b原位复制。此时小白工具(a)双击左下角的锚点就可以只选中它这一个锚点,拖拽至合适位置,改变颜色。重复上一步,填充8个三角形,一个遮阳罩就做好了。

·画一条竖线,描边,圆角。

·用3D-凸出和斜角做一个正八边形的影子,厚度为0pt,一个遮阳伞就做好了,打个组(Ctrl+g)放置在合适位置。

·接下来我们制作游泳池。先画一个矩形,之后效果-3D-凸出和斜角-等角-上方。切换填充和描边,即可出现凹陷效果,增大描边。对象-扩展外观,小白(a),删掉两条边。改变颜色之后将游泳池放好。

·复制一个游泳池,用小白工具(a)删掉其内部多余的锚点,使其变成一个与游泳池相契合的长方形。更改颜色为深蓝色,再放进游泳池中,调整大小和层级关系(ctrl+【】)。

·画一个网格,用矩形网格工具,按住向上、向右的箭头可以增加行数和列数。使其拥有描边,取消填充。

·效果-3D-凸出和斜角-等角-上方,0pt

·对象-扩展外观-右键-变换-镜像。一定要先扩展外观啊。

·将游泳池的地板放在合适位置,调整层级关系,调整不透明度。

·做出小卖部的底托,和上面的方法一样。

·画几朵小白云。画一个圆,按alt键复制两个,调整大小放置正在合适位置。画一个矩形,与所有圆相切。填充白色。路径查找器,联集。

·3D-凸出和斜角-等角-左方,0pt。

复制一个,对象-扩展外观,填充白色。调整2朵云的位置,多复制几个,调整大小和角度,以达到想要的结果。

·一个2.5D小卖部在做好了。