AI怎么设计悬浮效果的2.5D建筑物插画?

学UI网   发布时间:2018-08-28 16:09:39   作者:西湖鱼   我要评论
AI怎么设计悬浮效果的2.5D建筑物插画?ai想要画一幅2.5d立体的插画,该怎么绘制呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下

AI中想要设计一幅建筑插画,该怎么绘制2.5d建筑插画呢?下面我们就来看看详细的教程。

这里主要还是讲绘制思路和方法,插画具体的结构的构思还是要自己思考,参考第一点,说多了也无用。

1. 先来看插画中最大的地基体块

这个体块是AI进行绘制的,通过这个例子讲解AI和PS如何协同作图,也会通过这个例子进行延伸讲解,希望能够解决所有插画中所需的2.5D透视色块绘制问题。

下面开始进行:

① 打开PS新建画布大小为1600*1200PX,分辨率72,填充颜色任意

② 打开AI新建画布,大小建议和PS中画布大小一致,直接利用形状工具六边形绘制形状

③ 接下来重头戏来了。选中三角形点击 效果-3D-凸出和斜角,弹出窗口如下(着重观察红线选项)。

按照下图设置则会得到需要的图形(其它的各种样式下文举例)

④ 接下来点击 对象-扩展外观,然后在图像上右键取消编组,全选复制至PS中粘贴为形状图层,刚粘贴完发现是一个颜色,这时候使用锚点工具(快捷键A),选中各个面的锚点分别摁快捷键Ctrl+shift+J提取,各个面就会分离,接下来就可以分别上色(因上图为后期教程补充图片,高度大小略微不一致,按照你的大小做即可)

2. 接下来开始绘制道路、山峰、和漂浮的云朵、和太阳。

① 道路的绘制

首先绘制一个各个夹角约60°参考线作为透视统一标准,道路如下图绘制,如有其它小元素统一按照辅助线透视绘制。

路标也是同一个道理

② 山峰的绘制没什么难度直接勾画即可(最好分个亮面暗面,山顶有雪使用剪切蒙版即可)

③ 云朵的绘制和太阳的绘制主要还是透视的问题,这一步我使用AI来进行解决。AI中太阳的绘制非常简单,直接画圆,运行 效果-3D-凸出和斜角,设置如下图

云朵的绘制一样的道理,按照上图步骤直接绘制图形,运行效果-3D-凸出和斜角。运行的结果粘贴到PS中,如需调整方向水平翻转即可。

1. 接下来是插画的各个细节部件的绘制,将分别展示各个部件,复杂的适当讲解。

① 人物的绘制(这个很简单稍微费点时间,配色自己把握)

② 车辆的绘制(这个也很简单,费点时间,不过需要按照透视来,透视拿捏不准的可以按照上面步骤中的参考线绘制)

③ 树木的绘制(树木有很多种,大家可以多多尝试,我的树木是再AI中绘制形状执行3D来进行)

④ 其余形状绘制(剩下的都很简单,也可不必按照我绘制的形状,自定义也可)

将所有的组件组合之后如下图:

1. 在颜色上做最后的调整,在这里我确定了一个主光源。(在此建议各位要敢于尝试调试出各种色样优秀的配色)

2. 绘制一个美美哒背景就完成喽~

3.最后欢迎各位交作业啦~看的再多也不如动手来的实在,在教程中我也是尽量建议大家学习方法,方法会了一通百通。不给出具体数值自己多去尝试,尝试出来了自己就记住了,自己在创作的时候就能够用的出来。加油喽~

以上就是ai绘制2.5d建筑物插画的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

AI怎么绘制一套2.5D办公桌椅?

AI怎么设计一个2.5D小楼房模型?

AI怎么设计一款2.5D效果的放大镜?

相关文章

  • AI怎么绘制2.5d立体楼梯? ai楼梯画法

    AI怎么绘制2.5d立体楼梯?ai中想要画立体楼梯,该怎么画楼梯呢?下面我们就来看卡ai楼梯的画法,很简单,需要的朋友可以参考下
    2018-08-20
  • ai怎么设计2.5d小板凳素材?

    ai怎么设计2.5d小板凳素材?ai中想要设计扁平化的一个小场景,该怎么设计2.5d立体的小板凳呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-08-06
  • ai怎么设计2.5d立体瀑布式信息图表?

    ai怎么设计2.5d立体瀑布式信息图表?图表描述的信息比较清晰,图表的样式也很多样化,想要制作瀑布式图表,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2018-07-27
  • AI制作漂亮的2.5d立体字插画教程

    超流行的2.5D风格插画你会了吗?今天小编就给大家带来AI制作非常漂亮的2.5d立体字插画教程,作者讲解的很详细,想要学习2.5d插画制作技巧的朋友千万不要错过哦
    2018-06-21
  • ai怎么绘制2.5D立体效果的彩色魔方?

    ai怎么绘制立体2.5D效果的彩色魔方?之前我们介绍过使用ai绘制魔方的技巧,今天我们就来看看使用ai绘制2.5d立体效果魔方的教程,需要的朋友可以参考下
    2018-06-03
  • AI绘制2.5d建筑矢量插画图文教程

    本篇给脚本之家的Illustrator教程学习者们带来AI绘制2.5d建筑矢量插画图文教程,好玩有趣还实用,感兴趣的朋友欢迎前来一起分享学习
    2018-05-23
  • AI快速绘制2.5d风格的小汽车插画教程

    本教程依然延续之前的2.5D风格,教脚本之家的Illustrator教程学习者使用AI快速绘制2.5d风格的小汽车插画的方法,教程讲解的挺详细,想要学习2.5d风格插画绘制技巧的朋友可
    2018-05-16
  • ai怎么怎么设计2.5d立体的木门? ai卡通木门的设计方法

    ai怎么怎么设计2.5d立体的木门?ai中想要设计一款立体的木门,该怎么设计呢?下面我们就来看看ai卡通木门的设计方法,很简单,需要的朋友可以参考下
    2018-04-17
  • ai怎么设计一款2.5d立体的博士帽?

    ai怎么设计一款2.5d立体的博士帽?ai中想要画一个立体的博士帽,该怎么绘制呢额?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-04-13
  • ai怎么设计2.5d商场建筑? ai绘制房子的教程

    ai怎么设计2.5d商场建筑?商场是常见的建筑物,想要绘制一个商场建筑物,该怎么设计呢?下面我们就来看看ai绘制房子的教程,需要的朋友可以参考下
    2018-04-12

最新评论