零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果

原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果

又来一篇五分钟做设计啦~
本篇将教大家如何运用Design内建工具Blend Paths在五分钟内作出超炫效果

?

又来一篇五分钟做设计啦~

本篇将教大家如何运用Design内建工具Blend Paths在五分钟内作出超炫效果

?

范例最後成品

?

?

01

开启一个新专案後，使用Paintbrush(快捷键B)在画面上拉出你想要的线段或是文字

我以点部落的英文DotBlogs为例，如下图

?

需要提醒的是，文字的同一个字母请一笔到位

以英文字母B来说，也是要一笔完成，不能分两笔，如下：

?

不然等等在使用Blend Paths时，会被判断成两条线段，做不出你要的效果喔!

?

?

02

接下来，把绘好的线段或是文字全选後复制一份，拖拉到适当的位置，使之上下交叠

?

以上的动作都完成了以後，要进入准备Blend Paths阶段

在Blend Paths之前要注意的是：

(1)Stroke的Width要记得设为0px，颜色可以自定，范例使用的是黑色

(2)Fill请选为无填色

?

03

选起同两相同字母後，TopTool->Object->Blend Paths

?

会出现Blend Paths的对话视窗

?

(1)Step：请输入100，而这里代表的就是，你希望在这两Path中间，加入100个一样的Path

(2)Interpolation：有Linear以及Angle and length，这边请选择线性Linear

?

都设定好後，请点击OK来看看会发生什麽事?

?

你的文字或线段，是不是马上变成有立体感的感觉

把他全选起来後，我们可以看到里面布满了满满的线段

?

而且Design也很贴心的把新刚刚多增加的100个Paths组成一个Group

用刚刚相同的方法，把所有的字全部都完成吧!

?

当然你也可以改变颜色或是特效，会有不同的效果

?

?

?

如果能活用Design，将会对你的Silverlight设计工作带来事半功倍的效果喔!

?

?

本篇的教学就到此。

?

?

?

(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)

一步一步迈向HIE之路

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

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