用Design+Blend轻松制作环形文字

简介: 先看效果图: 步骤: 1.先启动Microsoft Expression Design 3 a.画一个正圆,再随便打几个字,同时选中文字和圆 b.选择菜单栏中的"对象"-->"路径上的文本"-->"附加文本",调整文本内容,间距等,让其正好布满圆圈,调整好以后,再把圆形的填充和边框去掉(即无填充,无边框) c.

先看效果图:

步骤:

1.先启动Microsoft Expression Design 3

a.画一个正圆,再随便打几个字,同时选中文字和圆

b.选择菜单栏中的"对象"-->"路径上的文本"-->"附加文本",调整文本内容,间距等,让其正好布满圆圈,调整好以后,再把圆形的填充和边框去掉(即无填充,无边框)

c."文件"-->"导出",格式选择"Xaml Silverlight3画布"

 

2.启动Blend 3

a.新建一个用户控件TextItem,把刚才Design导出的xaml打开,复制其中的<Canvas>...</Canvas>部分到TextItem中

b.新建一个Storyboard,产生旋转

c.将Storyboard利用触发器自动触发(详情可见源代码下载)

d.MainPage.xaml上,把刚才做好的控件TextItem拖二个出来,其中一做下变形,同时设置不透明度,以达到类似阴影效果

 

F5,运行效果大概如下:

源代码下载:http://files.cnblogs.com/yjmyzz/CircleText.rar

目录
相关文章
|
8月前
|
图形学
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
487 0
|
9月前
|
人工智能 前端开发 计算机视觉
CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花
CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花
339 0
OpenGL ES 实现动态(水波纹)涟漪效果
最近一个做视频滤镜的朋友,让我给他做一个动态水波纹效果,具体就是:点击屏幕上的某一位置,然后波纹以该位置为中心向周围扩散。接到这个需求,一开始就尝试着在 3D 坐标系(x,y,z)中利用正弦或余弦函数去修改 z 分量的值,但是这样出来的效果太假了,压根就没有水波纹的真实感。
456 0
OpenGL ES 实现动态(水波纹)涟漪效果
|
JSON 前端开发 JavaScript
Threejs引入字体,实现3D文字,Canvas画布作为纹理贴图实现滚动字幕
Threejs引入字体,实现3D文字,Canvas画布作为纹理贴图实现滚动字幕
1010 0
|
C#
在WPF设计工具Blend2中制作立方体图片效果
原文:在WPF设计工具Blend2中制作立方体图片效果 --------------------------------------------------------------------------------引用时请保留以下信息:大可山 [MSN:a3news(AT)hotmail.
1083 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1070 0
Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)
原文:Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)   模糊效果(BlurEffect)与阴影效果(DropShadowEffect)是两个非常实用和常用的两个特效,比如在开发相册中,可以对照片的缩略图添加模糊效果,在放大照片的过程中动态改变照片的大小和模糊的透明度来达到一个放大透明的效果。
1102 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
856 0
|
容器 数据可视化 内存技术
Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)
原文:Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)   用户界面组件、图像元素和多媒体功能可以让我们的界面生动活泼,除此之外,Silverlight还具备动画功能,它可以让应用程序“动起来”。
829 0

热门文章

最新文章