Illustrator结合PS绘制2.5D风格的插画

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

绘制线稿—

步骤01:

新建一个800×600的画布,颜色使用RGB。

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

步骤02:

告诉自己要耐心,先从房子开始画,这里绘制结构线稿的前提是每个面都需要是一块可以选中的路径,因为后续需要填充颜色,对照原图,把房子每个面的外轮廓画上,绘制的时候也可以先画参考线,关于参考线的画法,在很多教程里都有,这里就不赘述了,边画可以边按ctrl+y查看已经完成的线稿。

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

步骤03:

按照外轮廓的斜度,画出每个面的辅助线。

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

步骤04:

按照辅助线依次把各各侧边的线稿细节绘制完成,记住每个面都需要是一块可以选中的路径,窗门可以使用混合工具。

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

步骤05:

然后画上装饰的线稿,从屋顶的瓦片开始,先用多边形工具绘制一个六边形,按自由变换工具,自由扭曲工具,把六边形扭曲角度至和屋顶的透视相同,可以参考辅助线。

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

步骤06:

注意要使用填充和描边不能光描边,然后用混合工具把放置再最左边的多边形和最右边的多边形相连,双击混合工具设置多边形的数值,这样一条屋顶的瓦片就做好了(可以比图上的做长一点)。

Illustrator结合PS绘制2.5D风格的插画,PS教程,思缘教程网

 收藏