页面载入中...

Illustrator绘制卡通风格立体文字海报

xingIllustrator, 2018-07-060

 来源: 微信公众号 作者:野鹿志

先看看效果图

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

打开Ai,新建画板,尺寸随意:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

先做好几个色块方便后面吸色:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

画一个和画板一样的矩形,Ctrl+2锁定当作背景色:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

先做参考线,画一个200*200的正方形,颜色随意:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

执行效果-3D-凸出和斜角,位置选择为等角-左方或者右方都可以,凸出厚度同样为200,表面选择为线框:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

为了看得更清楚,可以将线框立方体扩展以后,把描边改粗一点:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

移动复制这一步不用多说吧,弄出来最后Ctrl+2锁定大概这样:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

选择合适的字体以及字号输入,并且将其Ctrl+Shift+O轮廓化:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

改变一下文字的颜色,然后将其先大概的摆放一下位置:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

将文字全选以后,统一先执行一次效果-3D-凸出和斜角,凸出厚度仍然是200,位置可以先全部选择为等角-左方或者右方:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再更改部分文字3D属性里的位置,反正不是等角-左方就是右方,注意一下图层的顺序:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

下面就是参考着每个文字的位置进行单独处理了,啊啊啊,很累人啊。

将字母C的3D属性打开,凸出厚度改为0,表面选择为无底纹:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

将其扩展以后,再给个描边,注意描边的参数,后面我们尽量保证描边参数一致:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

比对着参考线复制一个出来摆放到合适的位置,然后混合,混合步数大家看着办就好:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

字母U同样凸出厚度改为0,表面选择为无底纹:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

钢笔工具对形状进行补齐:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

路径查找器中将形状进行合并:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

用小白工具选中拐角处的端点,将其改为圆弧:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再给上描边,复制出来一份,略微缩小一下:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

然后混合:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

接下来是字母R,用矩形工具画一个10*10的正方形,描边参数和前面一样,端点改为平头。

不要问我为什么,我只能说尝试之后圆头好像后面用3D贴图功能会出错:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

这一步不用多说吧,移动复制。经过多次尝试,做成长方形贴图会比较好一点:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

将它拖进符号面板,新建为符号:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

下面就是贴图了,这一步也不用多说,注意调整一下贴图的位置,让衔接处更加和谐:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再来就是扩展以后给字母R改变填充色并且加一个合适的描边,为了让整体拼合更加准确,我把R缩放了99%以后再进行拼合:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

接下来的字母E我们要改变一下造型,如图所示把字母拉伸一下:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

执行效果-变形-拱形:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再画个椭圆拼合:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

选中椭圆,缩放50%,记得把比例缩放描边和效果打上勾:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再将两个椭圆进行混合:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

同样的道理把字母E进行缩放:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

然后混合字母E:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

顶部再画个椭圆:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再缩放复制出来一个椭圆:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

路径查找器减去顶层对象:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

在中间镂空部分一半的位置画一个矩形:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

执行效果-3D-绕转,把需要的部分贴上图就行:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再将对象扩展,删除多余的部分:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

另外两个字母I和P用前面同样的方法,一个贴图,一个混合,这里就不赘述啦,搞完以后大概这样,终于弄了一半了:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

接下来搞后半部分,先做字母S吧,画出这样的图案,这里不用多说吧:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

新建为符号:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

将表面选择为塑料效果底纹,底纹颜色为紫色,这样会让字体有一丢丢的颜色倾向:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

贴图这里说明一下,有时候你会发现图案贴不上去,解决方案有两个:

1、新建符号之前将图案栅格化,但是这样图案放大了就会有锯齿。

2、将贴图具有明暗打上勾 但是这样会比较卡。

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

贴图完毕以后扩展,改色加描边,这一步不用赘述吧,细致一点就好:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

其他几个字母用相同的方法,这里就不赘述了:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再做一个字母E的造型,将3D凸出厚度改为0:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

扩展以后适当拉长笔画:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

钢笔工具看着参考线补形状:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

路径查找器合并:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

用小白工具把直角改为圆角:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

把颜色改好,然后用镜像工具水平对称复制出来一个:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

手动把两个字母拼成一个类似正方形的形状,注意用小白工具去调整锚点对齐哦:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

然后混合:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再对字母T进行造型,画一个4分之1的圆和长方体:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

分别执行效果-3D-凸出和斜角,参数大家看着办就好:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

再把该贴图的部分贴上:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

扩展以后改色改描边,和前面一样,就不重复啦:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

快完了快完了,胜利就在前方:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

最后需要在适当的地方加点图案点缀了,方法不是唯一,你可以直接一点一点的去加。我还是用的贴图,以中间的字母E为例,先扩展:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

取消编组以后选中顶部的字母,效果-3D-凸出和斜角,把位置选择为前方,其他的参数和前面一样:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

然后贴图:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

其他部分装饰大家看着办吧,你直接在上面画圆也可以的,搞完以后大概这样,累死我鹿了啊:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

最后码字、排版、导样机,看看效果吧:

Illustrator绘制卡通风格立体文字海报,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信