AI教程派 | 利用AI的3D功能,制作“传送带”插画效果

恰到好处

写在前面:

是不是都以为今天不更文。

然而,并不是。

即日起,阿伟更文时间将设置为下午7点

原因很简单,通过阿伟的考究,发现下午7点,正事伙伴们阅读文章的高峰期~~完!

来看看问题:

这篇教程是知乎一位伙伴邀请。看着也简单,我个人也比较喜欢,就这么简单的想出篇教程。

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第1张图片

你可别只顾着看,不给个么(hao)么(kan)哒哦~

老司机,话不多。

—效果图—

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第2张图片

—高清图文教程—

打开ai,新建一个黄色矩形充当背景,并且ctrl+2锁定

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第3张图片

再次利用矩形工具,关掉填充,黄色描边。

调整描边大小,这里决定了传送带厚度及边缘颜色

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第4张图片

选择直接选择工具,将其改为圆角:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第5张图片

选择工具选中形状,然后先按住Alt键往下移就可以复制出一个一样的图形出来,下移的过程中再按住shift即可垂直往下复制移动,大致复制5个出来,如图:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第6张图片

再用直接选择工具,通过点击锚点把多余的部分删掉,得到下图:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第7张图片

再补全开头和结尾处,选中所有对象以后ctrl+j将路径连接,或者执行对象-路径-连接

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第8张图片

选择矩形工具,给填充上传送带上表面下表面所需的颜色,并将其分别拖入符号面板

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第9张图片
AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第10张图片

选择对象执行效果—3D—突出和斜角,调整角度及厚度值。这里得记住旋转角度值,后面需要:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第11张图片

选择贴图。我的一共69张,贴图的时候,对象上会把当前贴图的位置以红线的方式显示出来,这里我们其实涉及到背面的部分都可以不用贴的,这里比较枯燥一点,大家耐心点,慢慢贴吧,贴完以后大概这样

现在传送带我们就制作好了:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第12张图片

现在我们开始制作传送带的滚轮

选择椭圆工具,画出正圆,增大描边,修改描边及填充色,得到下图效果:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第13张图片

再次执行效果—3D—突出和斜角,调整其角度为先前记住的传送带旋转角度数值及厚度值,参数如图:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第14张图片

对传送带执行对象—扩展外观,接着又执行对象—外观:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第15张图片
AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第16张图片

对传送带右键两次取消分组:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第17张图片

这样我们就可以将其打散,而不再是一个整体:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第18张图片

复制多份滚轮,打开图层面板,将每个滚轮放置在具体图层下方,如图所示:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第19张图片

现在我们制作文字。

选择文字工具,输入所需文字:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第20张图片

我们先选择一组文字做试验。

看看将其执行效果—3D—突出和斜角,将厚度更改为0 pt,尝试调整角度值为多少时能达到贴图效果:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第21张图片

得到具体数值后,我们对其余文字同样处理,得到下图效果:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第22张图片

导出图片放进样机里看看效果呢:

AI教程派 | 利用AI的3D功能,制作“传送带”插画效果_第23张图片

 

好啦,今天的分享就到这里,想要源文件原教程以及更多原创设计教程的童鞋

更多内容欢迎关注公众号:

微信公众号:平面设计派

阿伟微信:zdczawei

本文由“平面设计派”发布

转载前请联系阿伟

私转必究​​​​

你可能感兴趣的:(AI教程派 | 利用AI的3D功能,制作“传送带”插画效果)