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

AI制作飘动扭曲效果教程

2019/1/16 12:19:35 人评论

这篇教程同样来自AI大神野鹿志的分享。教程要模拟的效果类似于制作飘动国旗的效果,制作过程难度一般,给优图宝的朋友们推荐过来,希望大家通过这篇教程掌握更多的AI技巧。好了,先来看看效果图吧: ... ...

原创作者微信公众号ID:yeluzhi666

微信ID:maluyelang666

这篇教程同样来自AI大神野鹿志的分享。教程要模拟的效果类似于制作飘动国旗的效果,制作过程难度一般,给优图宝的朋友们推荐过来,希望大家通过这篇教程掌握更多的AI技巧。好了,先来看看效果图吧:
AI制作飘动扭曲效果教程 优图宝 AI实例教程

更多AI教程讨论及AI作品提交请到优图宝AI实例教程栏目:http://www.utobao.com/news/61.html/

具体的制作步骤如下:

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

AI制作飘动扭曲效果教程 优图宝 AI实例教程

为了方便观察,先给个背景色吧,在画板上画一个矩形,并且ctrl+2锁定:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

矩形工具画一个长条,执行效果-扭曲和变换-变换:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

把预览打上勾,副本上输入数值,然后再在垂直方向给点参数,这样长条矩形就被复制出来了。

具体参数大家可以不用和我一样,自己看着来比较好:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

然后再执行对象-扩展外观:

AI制作飘动扭曲效果教程 优图宝 AI实例教程
_ueditor_page_break_tag_

路径查找器面板选择联集,将其合并为一个形状:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

按住Alt键拖动复制出来两份,并将其中一份颜色改为黑色,放一边:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

找一个合适的字体打上文字,我这里选择的是Swis721 Blk BT Black。

ctrl+shift+o轮廓话,调整好大小之后分别置于不同的线条对象的上方:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

分别选中三组对象,执行ctrl+7创建剪切蒙板:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

调整它们的位置关系,大概如图所示的样子:

AI制作飘动扭曲效果教程 优图宝 AI实例教程
_ueditor_page_break_tag_

执行对象-封套扭曲-从网格建立,行4列4:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

因为我觉得从网格建立的等分线不太好调整,所以用网格工具另外加了两根线:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

接下来就是用小白工具去调整锚点和手柄啦,我觉得这个就是多练习吧,没啥其他的技巧,调完以后大概这样:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

选中再次执行对象-扩展:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

再取消编组,多取消两次,将3个文字分离开来:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

再画一个圆角矩形比对好大小吧:

AI制作飘动扭曲效果教程 优图宝 AI实例教程
_ueditor_page_break_tag_

其实至此要求不高的童鞋只有Ai就可以搞定了,只是有强迫症的野郎觉得箭头所指出多出来的部分碍眼,到Ps里搞比较方便:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

所以先把文字的各个部分拖进Ps里,摆放好位置和大小,然后分别添加图层蒙板:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

然后再用黑色画笔在图层蒙板上擦去让你觉得强迫症的地方:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

把刚才画的那个圆角矩形也拖进来:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

载入圆角矩形的选区,将圆角矩形隐藏掉:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

再在对应的图层蒙板上擦去不需要的部分:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

这样基本上就算完工了,最后再简单的码字、排版、导样机看看效果吧:

AI制作飘动扭曲效果教程 优图宝 AI实例教程

个人觉得还是有些相似。

本文由"野鹿志"发布

转载前请联系作者"马鹿野郎"

私转必究

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