2020-03-26

UI设计培训 | 教你快速制作线圈文字

UI设计培训过程中,有时候会用到字体设计,今天跟大家分享一下如何制作线圈文字,本案例所使用的软件是Ai+PS,主要知识点在于混合工具和替换混合轴的使用,难度适合0基础的初学者,希望对大家有一定的帮助。


1、首先我们打开Ai,新建画布之后,用文字工具打字“狂欢节”。(双十一马上就要到了,像素妹已经把心念念的东西加入购物车咯~) 



UI设计培训




2、选中文字,右键——创建轮廓。 



UI设计培训




接着右键——取消编组,并且释放复合路径。 



UI设计培训




3、把填充去掉,切换成描边,使用小白工具,删掉文字的部分线条,并适当调整锚点。



UI设计培训
UI设计培训




4、使用椭圆工具画圆,向右侧复制一个。激活混合工具(快捷键W),分别在左侧和右侧圆上单击一下。接着按回车键(或者鼠标左键双击混合工具),在弹出的混合选项中,选择指定的步数,具体数值根据各自情况来定。



UI设计培训



 

5、将做好的线圈形状,复制多个作为备用。选中其中一个线圈形状和文字的单个线条,执行菜单栏——对象——混合——替换混合轴。



UI设计培训



 

如果发现效果太密集/宽松的话,可以调出混合选项面板,将步数进行相应调整。 



UI设计培训




使用同样的方法,将其它文字线条分别制作完成。(如果发现添加替换混合轴后,文字线条重叠了,需要调节一下相应的位置)



UI设计培训



 

6、选中所有文字,执行菜单栏——对象——扩展,点击确定。 



UI设计培训




7、扩展后的文字,就可以修改描边的颜色了。



UI设计培训



 

改完描边颜色后,框选文字“狂”,Ctrl+C进行复制,打开PS,新建画布,Ctrl+V粘贴,粘贴为“智能对象”。通过同样的方法将“欢”、“节”两个文字分别导入PS中,之后加入背景和修饰元素,我们的最终效果就出来啦~



UI设计培训







  

今天的分享就到这里啦,小伙伴们有什么想说的可以留言互动哦~





林老师:0371-5556 6060