Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

巧用illustrator的涂抹打造文字草图特效

$
0
0

本例为Illustrator字体特效实例教程,主要学习如何运用AI效果菜单中的涂抹命令制作文字草图效果,教程讲解的比较详细,希望能给朋友们带来帮助~~

illustrator优秀教程:
PS+AI制作精致可爱的毛线风格图标
利用ILLUSTRATOR设计时尚漂亮的LOGO

最终效果:

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程
 
制作步骤:

一、无衬线的粗体做出来的效果会更明显一点。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

二、文字设定为为填色有描边。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

三、做一次粘在前面并切换填充与描边。至于为什么要复制一份,大家看看后面操作应该就会明白了

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

四、对填色字体应用效果——风格化下的涂抹。调整路径重叠和变化以使效果更工整一点。至于你的设置,就随你喜好了。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

五、画出直线作为文字的基线。不要做的太规矩,不等的长度能使整体显得更加活泼。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

六、沿着文字边缘绘制一些线条提升文字草图的整体效果。

在符号里面选择一个箭头样式拖到画板上,然后“断开链接”修改填充色并在旁边加上线条、无意义的数字等,使其看起来像是测量数据。

选中上一步的那些直线,在“效果—风格化—添加箭头”下选择一个合适的起始或终点箭头。在上下基线间加入虚线作为高度(在描边下勾选虚线,填入数值即可生成)。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

七、是时候加个背景了,画2个矩形,前面的填充黑色,后面的填文本色,置于底层。做成不透明蒙板(编辑完蒙板对象后必须点击不透明蒙板才能退出蒙板而选择其他对象。)

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

八、现在背景是看不到了,所以选中蒙板对象中的矩形,做6行6列、外观平淡色、0高光的网格对象(对象—创建渐变对象)来调节背景。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

九、选中网格点,填充黑到白中的任意色。目的:确定蓝色背景显示出来!

注:填色时注意填色在前!

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

十、到了这一步,只需要对不透明蒙板添加“效果—纹理—纹理化”—砂岩,就算完成了!

原作者是重新加了一个白色矩形来做这一步,个人很不解,或许是我没理解作者的意图。最后只是淡的出现了一点纹理且不明显。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

十一、一些看似复杂的标志、图像其实只不过是用最简单的手法来实现的。譬如:实时混合、滤镜或者一些渐变网格等。

Illustrator教程:巧用涂抹命令打造文字草图效果,PS教程,photoshop教程

 
原文地址:思源论坛,地址寻不到,原作者看到可联系小编程远,我们将艾特你,谢谢。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量49万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 


Viewing all articles
Browse latest Browse all 241

Trending Articles