当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI制作创意立体文字效果

2019/1/16 12:20:05 人评论

做累了话各种输入框的UI们,看到电商的设计师各种玩坏设计,我们是不是也要好好利用AI玩起立体呢。。AI是可以实现这么好的效果!最近从不同网站学了用AI的3D以及混合工具做了一些立体字,条纹立体字,还有类似京东618的广告之类的效果。对此,我自己又做了自己的理解以及过程。 ...

e5945940f3c1a8012193a3d15c99.jpg

做累了话各种输入框的UI们,看到电商的设计师各种玩坏设计,我们是不是也要好好利用AI玩起立体呢。。AI是可以实现这么好的效果!

最近从不同网站学了用AI的3D以及混合工具做了一些立体字,条纹立体字,还有类似京东618的广告之类的效果。对此,我自己又做了自己的理解以及过程。。这个主要说的是用3D效果。教程截图很粗糙。。嘻嘻嘻。。真怀疑自己是不是做设计的。。

准备工作:先用矩形工具绘制一个正方形,并用ctrl + d;功能复制出黑白间隔的一行。。直接拖到符号面板中,就可完成新增。。(这些简单操作,大家基本都会,就不详细描述)

54155940f1e8a8012193a3e124d3.jpg

1.AI--3D工具里面的绕转。。先用形状工具画一个正圆,只有描边,不要填充。。

8d505940f070a8012193a3656326.jpg

2.简单的操作就可以看到左下角这个由圆绕转而成的立体效果,重点我们可以调整我框出来的几个参数。。其中位移这个参数的作用如下,是加大位移的参数,中间的空心部分就变大,也就是圆环的直径变大。

bd4d5940f0dda8012193a3e83972.jpg

a8635940f186a8012193a34d1ed1.jpg

3.点击上图面板中的贴图,这个步骤主要修改三个参数。。选出我们自制的符号,表面工具中分母多少表示有多少个面,每个面都要用我们自制的符号,并且选择缩放至合适。。点击确认。。

f8ea5940f2e4a8012193a328446f.jpg

4. 当再次回到上级菜单时候,重点将 表面这个参数选择 无底纹。。

985c5940f35ca8012193a337878f.jpg

到此 在AI 中的部分就完成了。。接下来我们可以用扩展工具后,复制到ps 进行润色。。(扩展后,比如想弄成C,就要删除多余部分,L 是钢笔路径绘制,然后用之前我们在准备工作中画的图形,拉入画笔面板,选择图案画笔。。

4e125940fba2a8012193a39aed8c.jpg

这样可以调整描边粗细来控制L字母的粗细。。在ps中加光影。。这个C 字做好的效果有限瑕疵,就是会残留线框的痕迹。。这只能用画笔工具慢慢调整咯。。)

e5945940f3c1a8012193a3d15c99.jpg

源文件下载:

AI制作创意立体文字效果.zip

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html


相关资讯

  • 自控AI渐变网格节点画黑金弯钩

    网上很多教程都介绍说,“在使用Illustrator渐变网格建立一个不规则的形状网格时,最好先用基本图形建立,然后再用白箭头拉成想要的形状……”但个人感觉这似乎是个非常被动的做法,特别对我这种点半天都点不中 ...

    2019/1/16 14:25:26
  • AI绘Q版超人:身体造型

    当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的 ...

    2019/1/16 14:25:25