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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤07:

Ctrl+G编组一条,ui,按住编组的这条图层ctrl+c ctrl+f 复制一条对比原图瓦片移动到对应位置,并shift+ctrl+] 放置到最上层,依次类推做出一片瓦片,注意每条的移动是一条左一条右来回的。

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

步骤08:

把整个瓦片ctrl+G编组,把屋顶的瓦片区域面结构线稿ctrl+c ctrl+f放到瓦片图案上面,右键制作一个剪贴蒙版,这样屋顶瓦片的图案就做好了。深色和浅色的是一样的步骤,只是自由扭曲和颜色不同。

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

步骤09:

然后根据辅助线绘制出墙体上的线条装饰线稿,注意层次位置,和蒙版遮罩。

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

步骤10:

之后可以绘制旁边的岸边、小船和小狗。依旧是参考刚刚房子的辅助线来画,这里圆柱形可以绘制一个然后复制,顶面可以用圆形工具画一个圆,然后按照辅助线压扁一些,圆柱形底面可以绘制一个矩形,复制顶面的圆下来,放在矩形上方按布尔运算也就是路径查找器里的分割,把不要的地方双击选中删除,需要的地方选中,路径查找器-联集,这里受光面阴影面都需要制作。其他地方参考辅助线绘制,小狗和船需要对照原图钢笔绘制,小船上的红绳用钢笔画曲线,然后描边,使用圆头端点,调整描边粗细。注意同时画出阴影的结构线稿。

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

步骤11:

绘制人物和地毯,以及旁边人和狗的小脚丫,除了地毯外都是用钢笔对照原图绘制,地毯参考辅助线,可以顺便把车子旁边阴影区域的脚丫复制过去混合路径一下。

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

步骤12:

绘制栅栏,复制岸边的圆柱体,混合工具制作出同等距离的栅栏,同是绘制阴影,也是混合工具,钢笔绘制红绳,这里可以只用钢笔画一条曲线,然后改变描边的端点,使用圆头端点,调整描边粗细就能绘制完成绳子。阴影部分复制就可以了。

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

步骤13:

绘制车子,同样是钢笔工具参考辅助线来画,这里轮子可以用路径偏移来绘制,车子上的线和绳子一样,钢笔调整描边。

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

 收藏