零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)

简介: 原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字的...
原文: 零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)

你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果

所以在这里我们把文字的范围当成是遮罩

与遮罩交叠的图片部分被截取出来

进而呈现出图片镶进文字内的效果

?

在上篇提到了Clip的基本认识,本回要介绍进阶的使用并实作

?

本篇范例的最後结果如下:

ch38_04.jpg

?

?

01

在主要工作区放入一张你喜爱的图片

并使用TextBlock->输入你想要的文字,如图:

ch38_01.jpg

?

02

再来,运用上一篇所教的,选取文字後点击右键->Path->Make Clipping Path->Image

ch38_02.jpg

?

03

你会发现,由文字截掉的图片,已经替代为Monkey的填充图案了

虽然你看到的是当初打在TextBlock内的文字,但是它已经只剩下图片的外观了喔!!

?

你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果

所以在这里我们把文字的范围当成是遮罩

与遮罩交叠的图片部分被截取出来,进而呈现出图片镶进文字内的效果

或是说,文字变成是以图片做为填充,跟Imagebrush类似的感觉

ch38_03.jpg

?

我们来看看对照:

ch38_05.jpg

?

?

关於Clip的介绍就在这边先告一段落,如果有更好的实作方法,小猴子会再跟大家分享^______________^

?

?

?

?

?

?

?

?

?

?

?

?

?

?

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

一步一步迈向HIE之路

 

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

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

 

 

目录
相关文章
|
C#
在Expression Blend中制作侧面为梯形的类棱柱体
原文:在Expression Blend中制作侧面为梯形的类棱柱体 在上一篇“在WPF设计工具Blend2中制作立方体图片效果”( http://blog.csdn.net/johnsuna/archive/2007/08/10/1736000.aspx )中,演示了如何制作立方体形图片效果;本篇则制作侧面为梯形的类棱柱体形图片。
1012 0
零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果
原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Paths...
1006 0
零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上)
原文:零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上) 几何外部的 UIElement 会在呈现的配置中以视觉化方式裁剪。
1330 0
|
容器
零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用
原文:零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用 本章将教大家如何运用Blend的内建元件RaidoButton做出选单选项...
1200 0
零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton
原文:零元学Expression Blend 4 Chapter 22 以实作案例学习Frame及HyperlinkButton 本章将教大家如何以实作善用Blend4的内建功能-「Frame」以及「Hy...
1315 0
零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果
原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了一...
1248 0
|
容器
零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II
原文:零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II 本章将延续上一章的范例,步骤解析。
1284 0
|
容器
零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I
原文:零元学Expression Blend 4 - Chapter 13 用实例了解布局容器系列-「Pathlistbox」I 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布...
1289 0
|
前端开发 容器
零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」
原文:零元学Expression Blend 4 - Chapter 34 啊~!!我不要毛毛的感觉!-使用布局修整「UseLayoutRounding」 本章将介绍UseLayoutRounding,中...
1240 0
|
内存技术
零元学Expression Blend 4 - Chapter 5 2.5D转换的使用技巧
原文:零元学Expression Blend 4 - Chapter 5 2.5D转换的使用技巧 本章将延续上篇零元学Expression Blend4 - Chapter 4元件重复运用的观念所制作的图来进行,教你如何将图做X、Y、Z空间的延伸。
1318 0