AI制作漂亮逼真的渐变立体文字效果

所属分类: 平面设计 / Illustrator教程 阅读数: 1380
收藏 0 赞 0 分享
这篇教程教脚本之家的AI学习者们使用AI制作漂亮逼真的渐变立体文字效果方法,教程难度中等,制作出来的文字效果挺漂亮的。这样的立体文字效果适合运用到海报、传单、BANNER等地方都会有很好的效果,推荐到脚本之家的和大家一起分享学习了!先来看看效果图:

  先说一下开篇的废话. 做立体字,可以用到的办法有很多,效果最好的,当然还是专业的3D软件来做的好,比如3DS MAX,MAYA等等,可以作出很多特殊的,逼真的立体效果. 但是在常用的网站专题,一些品面广告,用3D,一来一般的3D软件,平面和网页设计玩的不是很转, 二来就是一些效果比较耗时. 所以现在的AI,CDR等等的, 都可以做一些简单的3D效果, 然后在用PS来处里加工,可以作出一些基础的,可以突出显示主题的3D文字特效来,来提高专题页面,平面广告的视觉效果.

  好,废话就到这里, 开始正题.

  首先,要用到的工具,是AI(最好是版本高和未精简的,因为经过实测,一些低版本和精简版的3D效果不是很好,弧度过度的不够精细,缝隙赶明显) ,还有PS(这个随自己喜欢,用的顺手即可,这里我使用的是CS5)

1. 打开AI,新建文档(文档参数各位随意即可,因为成品不在AI里做,最后要拖拽到PS里做效果.不必太过模仿,只为共享经验).

2.选择文字工具,输入文字(文字大家也随意即可,理由同上),调整文字参数,选择一个曲度不是很多的字体(如果曲度太多,后期调整上色不是太过于方便,当然,大家可以多做尝试,学无定式.),调整合适的字号(大小其实无所谓,因为创建的是矢量文件,可以随时放大,不过建议能一次做到自己想要的大小,这样可以介绍一些麻烦和方便调整参数),并且上一个亮色(纯黑色因为没有反光,所以在做3D效果的时候,看不到立体效果.)

3. 利用AI的3D工具,将文字制作成3D效果,调整参数到自己满意的位置.

步骤: a.选取文字,执行菜à效果à凸出和斜角

步骤: a.选取文字,执行菜à效果à凸出和斜角

b.选择预览,以及点选更多选项,一变调整光效,达到满意的效果,并且调整厚度,透视,视角,光源等参数.

注:如果对调整的效果不是很满意,想要修改,不必去前面重做这些步揍,用外观选卡里的参数就可以直接调处之前做过的效果的面板,其他的操作(例如路径偏移等)也可以这么做.

3. 拓展3D文字外观,把拓展出来的片面重新编组,以便我们更好的做后面的效果.

步骤:a.选择文字,执行,菜à对象à拓展外观.

b.取消文字编组(两次)然后按住CTRL,点选正面的文字效果,并且编组.

c. 然后按住Shift,点选正面的文字效果,并且编组.

下图为分解图示例:

到此,AI部分的操作基本上算告一段落,但是不好着急关闭文件,做好保存,然后打开PS,来给文件上色.

4. 打开PS,新建文档(参数同AI,自己调整,理由同上)

5. 然后将AI里,刚才做好的文件,拖拽到PS里,(有一些朋友不明白,这里接单说一下,因为都是ADOBE公司出的软件,所以兼容性不错,可以实现文件的直接拖拽使用,从AI里拖入的文件,是矢量的文件可以放大缩小而不失真,<我自己理解的```各位大虾不要拍砖```>,而且方便操作.)

这里注意,拖入时,分两次拖入,拖入全部的片面,第二次拖入正面的文字(编组过的那一组片面),分别命名为<后>和<前>.

6. 把这两个图层的位置叠加在一起,调整到合适的大小,然后选择<前>图层,双击图层,打开图层样式选项,渲染效果.

具体步骤如下:

a. 双击图层<前>,打开图层样式.

b. 叠加一个渐变色,让文字有立体的光感. (参数可以自己调整)

注:关于渐变的颜色,为了效果更加绚丽,而且自然,尽量的不要只用两个色块的过度,多添加一个到两个的过渡色,这样可以更好的控制颜色的感觉.

c. 叠加内阴影,修改颜色为白色或者粉色,混合模式修改成正常或者滤色(详情可百度混合模式的用法)角度修改为90度(可不必完全参照,可更具自身调整的样式去做一些修改.),调整距离和大小等等参数,这样可以为文字添加带有高光的边,让文字更自然.

d. 叠加内发光,调整透明度,大小等参数(为了给整个立体文字增加柔和的边.

e. 双击图层<后>.打开图层样式,叠加渐变,调整颜色和混合模式,这里我调整的参数如下,其他童鞋可以尝试更多的效果.

f. 叠加图案,选择一个纹理图案,这里的这个纹理图案是我自己制作的斜纹效果,大家可以尝试更多的试试.不会的可以打开附上的源文件参考一下.

到这里,基本的效果已经出现了,可是文字还稍微显得有些呆板,咱们继续为他添加一个好看的高光.

7. 新建一个空白图层放置在图层<前>的上面,命名为<高光>,并且填充白色.

8选择钢笔工具,勾选一个带有波纹的路径,右击选择创建矢量蒙板.

8. 按住CTRL,点选图层<前>的缩略图,载入文字的选区.

9. 选择图层<高光>,为其添加图层蒙板(在图层选卡下方,新建图层那一行).并且降低图层透明度.

OK,到这里,基本就制作完成了,大家可以为期添加背景,融合其他素材,来制作具有视觉冲级,自然,而且好看的专题了~

教程结束,以上就是AI制作漂亮逼真的渐变立体文字效果方法,希望能对大家有所帮助!

更多精彩内容其他人还在看

Illustrator CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多