零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果

原文:零元学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之路

喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您