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

简介: 原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Paths...
原文: 零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果

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

?

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

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

?

范例最後成品

image

?

?

01

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

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

image

?

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

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

image

?

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

?

?

02

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

image

?

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

在Blend Paths之前要注意的是:

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

(2)Fill请选为无填色

image

?

03

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

image

?

会出现Blend Paths的对话视窗

image

?

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

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

image

?

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

image

?

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

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

image

?

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

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

image

?

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

image

?

?

?

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

?

?

本篇的教学就到此。

?

?

?

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

一步一步迈向HIE之路

 

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

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

 

 

目录
相关文章
零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果
原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果 本章将教大家如何活用「Text On Path」,做出文绕图以及...
1046 0
零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重复利...
1016 0
|
Windows 内存技术
零元学Expression Design 4 - Chapter 1 入门界面简介
原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 ...
948 0
|
前端开发 容器 JavaScript
零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页
原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了解如...
1119 0
零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果
原文:零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 本章将教你如何运用笔刷与简单线条,只要5分钟,就能做出设计感效果 ...
1199 0
|
容器
零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用
原文:零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用 本章将教大家如何运用Blend的内建元件RaidoButton做出选单选项...
1229 0
零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果
原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了一...
1283 0
零元学Expression Blend 4 - Chapter 1 缘起
原文:零元学Expression Blend 4 - Chapter 1 缘起 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软的设计工具改观。
1132 0
|
容器 前端开发
零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior
原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注...
1251 0
|
开发工具
零元学Expression Blend 4 – Chapter 20 以实作案例学习Childwindow
原文:零元学Expression Blend 4 – Chapter 20 以实作案例学习Childwindow 本章将教大家如何运用Blend 4内建的假视窗原件-「ChildWindow」...
1147 0