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

AI和PS制作渐变立体文字教程

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

开始之前先说一下分工两个软件的分工吧,由于Ai在绘制图形方便十分的方便。所以本文内容中涉及到的绘制图形均在Ai里操作,其他的效果再在Ps里进行调整。好了,打开Ai新建画板,尺寸随意:然后打上文字,其实我很想知道原图是Z还是N,算了管它呢。选一个比较粗一点并且棱角分明一 ...

AI和PS制作渐变立体文字教程AI和PS制作渐变立体文字教程

开始之前先说一下分工两个软件的分工吧,由于Ai在绘制图形方便十分的方便。

所以本文内容中涉及到的绘制图形均在Ai里操作,其他的效果再在Ps里进行调整。

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

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

然后打上文字,其实我很想知道原图是Z还是N,算了管它呢。

选一个比较粗一点并且棱角分明一点的字体,调整到合适的大小,无描边:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

ctrl+shift+o将文字轮廓化,然后可以用小白(直接选择工具)对锚点进行调整直到自己满意的效果:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

接下来是制作立体效果了,空间感强的童鞋可以直接做参考线用钢笔工具绘。

不过野郎没有那么厉害的空间感,所以执行效果-3D-凸出和斜角

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

先在预览前面打上勾,红色方框处的正方体可以直接用鼠标拖动它来调整图形的位置。

突出厚度大家看感觉来吧,我觉得860差不多,为了方便观察,我将底纹颜色改为无:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

接着将填充色更改为自己喜欢的渐变色吧,我这里选的颜色是#1FA2FF到#12D8FA#A6FFCB:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

_ueditor_page_break_tag_

接着用钢笔工具分别对图形的每个面描边绘制图形,并且填充不同的渐变色,填充的原则就是注意一下阴影,光的合理性吧:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

其他面也是一样的操作,我这里就不赘述了,最后弄完大概这样。

野郎没有系统的学习过设计,所以明暗的关系我是凭感觉来的,勿吐槽哦:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

接着将所有图形全选以后,ctrl+g打个组,移到一边去。

用椭圆工具按住shift画一个正圆,填充一个合适的渐变色,我这里的颜色是#70e1f5到#ffd194:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

至此,Ai里的操作就差不多了,打开Ps,新建画布,尺寸随意:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

把用Ai绘的两个图形都拖进Ps里,调整图层顺序,图形的位置以及大小:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

添加一个合适的渐变背景色,我的颜色是#FEAC5E到#C779D0到#4BC0C8:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

对圆形图层执行滤镜-模糊-高斯模糊,像素10个左右就差不多了:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

接着用黑色柔边画笔,在智能滤镜蒙板上擦除不需要的部分:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

再把事先准备好的小人素材拖进来,调整适当的大小,摆放到合适的位置:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

给小人添加个影子吧,ctrl+j复制一层,调整到如图的位置:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

对该图层执行滤镜-模糊-动感模糊,参数大家看着办吧:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

再把图层的不透明度降低:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

这样基本就搞定了,最后胡乱的文字排个版,把图片导出来看看吧:

AI和PS制作渐变立体文字教程 优图宝 AI实例教程

额..其实做完以后感觉好像也不是很难。好了,今天的分享就到这里。

想要获取素材以及源文件的童鞋后台撩我获取吧!

本文由"野鹿志"发布

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

私转必究

Keep Curiosity Keep Learning

公众号ID:yeluzhi666

微信ID:maluyelang666

相关资讯

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

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

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

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

    2019/1/16 14:25:25