原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果
本章将教大家如何活用「Text On Path」,做出文绕图以及文字线性排列的效果
也可以学到如何使用Polyline以及B-Spline
?
本章将教大家如何活用「Text On Path」,做出文绕图以及文字线性排列的效果
也可以学到如何使用Polyline以及B-Spline
?
范例最後成果图片:
?
跟着做,就能做初出跟范例一样的效果了!
?
01
我在网路上找了一张小光的图片来做修改
你可以下载文末的范例专案来跟着做,或是使用自己喜欢的图片来进行
?
置入图片後,我们还需要一点文字,请到这个网站复制文字
复制完成後,请点选Text(快捷键T),随意的把刚刚的文字贴在画面上
?
02
接下来,我们要把文字绕着小光排列,所以需要使用Polyline拉出要的形状
?
这里要说一下Polyline的特别之处:
?
若是你想要画出直线加上曲线的形状,那Polyline绝对是最好的工具
?
由上图分解说给你听:
标示为数字3的地方,是起点也是终点
当动作进行到数字1的位置时,於往数字3的方向封闭图形的途中
在数字2的位置点下滑鼠左键别放开,直接把动作拉至数字3的起始点做图形的封闭
若是你不熟,请多试几次一定OK!
?
学会了Polyline,接着就是在小光身边画出适当的形状
?
03
上面的动作都完成了以後,接下来是重头戏罗!
我们要把字放入刚刚画好的形状里,让字绕着小光排列~
请一并选起画好的形状与要放入的文字後,Object->Text on Path->Attach Area Text
?
把文字放入後,应该会如下图
?
可以运用文字置右排列,使文字更贴近小光
?
也可以使用Direct Selection(快捷键A),调整节点,让文字跟形状排列的更密切
?
04
再来,我们让文字用线性排列方式呈现
使用B-Spline画出曲线
?
每点一下滑鼠左键,为一个弯曲节点,按下Enter可以结束动作
?
05
使用刚刚学到的方法,一样选起曲线以及要线性排列的文字
Object->Text on Path->Attach Text
?
很简单的几个动作,就大功告成啦!!
?
如果能活用Design,将会对你的设计工作带来事半功倍的效果喔!
?
(本篇的图片仅供教学使用,若有侵权请告知。)
?
?
本篇的教学就到此。
?
?
?
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
原文地址:https://www.cnblogs.com/lonelyxmas/p/9801061.html