ai结合ps绘制2.5D风格的手机插画的教程

(编辑:jimmy 日期: 2024/10/3 浏览:2)

现在2.5D风格的插画很受欢迎,该怎么绘制这种风格的插画呢?下面我们就来看看详细的教程。

软件名称:
Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)
软件大小:
200.38MB
更新时间:
2014-05-11立即下载

ai结合ps绘制2.5D风格的手机插画的教程

ai结合ps绘制2.5D风格的手机插画的教程

ai结合ps绘制2.5D风格的手机插画的教程

步骤1:打开AI新建一个800*600的画布。建一个206*338的矩形,圆角大小为26。填充的颜色随意,反正都是要在PS里上色的。选中这个矩形后选择效果—3D—凸出和斜角。设置数值如下图:

ai结合ps绘制2.5D风格的手机插画的教程

步骤2:选中这个矩形后选择对象—扩展外观。这时这个矩形的每一个块面就独立了,不能更改3D设置数值了。每做完3D效果以后都要扩展外观哦,这样才方便拖到PS里上色。

ai结合ps绘制2.5D风格的手机插画的教程

步骤3:在这个这个扩展了外观的矩形上绘制一个平行四边形,效果图如下颜色还是随意哦。

ai结合ps绘制2.5D风格的手机插画的教程

步骤4:接着用文字工具打一个NEW,注意要大写。字体选择较粗一点的,字号为94。再给它添加3D效果:自定义旋转,旋转角度1为-46°旋转角度2为-37°,旋转角度3为33°,凸出厚度为23pt。记住表面选项选择无底纹哦,最后扩展外观。最终效果图如下:

ai结合ps绘制2.5D风格的手机插画的教程

ai结合ps绘制2.5D风格的手机插画的教程

步骤1:接下来是小装饰的制作啦。下面是楞形的小树分解图,每一小块的大小随意啦。Ctrl+G打包编组后复制一个调整大小放置合适的位置。

ai结合ps绘制2.5D风格的手机插画的教程

步骤2:圆形小树的分解图如下,同样做好一个后复制几个调整大小后放置合适位置。

ai结合ps绘制2.5D风格的手机插画的教程

步骤3:剩下的悬浮在空中的小元素也以分解图的方式展现啦,记得扩展外观。

上一页12 3 4 5 下一页 阅读全文

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。