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

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

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

范例最后成品

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

01

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

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

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

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

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

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

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

02

接下来,把绘好的线段或是文字全选后複製一份,拖拉到适当的位置,使之上下交叠

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

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

在Blend Paths之前要注意的是:

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

(2)Fill请选为无填色

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

03

选起同两相同字母后,TopTool->Object->Blend Paths

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

会出现Blend Paths的对话视窗

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

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

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

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

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

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

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

把他全选起来后,我们可以看到裡面佈满了满满的线段

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

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

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

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

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

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

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

本篇的教学就到此。

上一篇:Zabbix Agent 4.0 Windows 安装配置


下一篇:c#处理空白字符