博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果
阅读量:6873 次
发布时间:2019-06-26

本文共 989 字,大约阅读时间需要 3 分钟。

原文:

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

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

?

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

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

?

范例最後成品

?

?

01

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

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

?

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

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

?

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

?

?

02

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

?

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

在Blend Paths之前要注意的是:

(1)StrokeWidth要记得设为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之路

 

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

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

 

 

转载地址:http://tupfl.baihongyu.com/

你可能感兴趣的文章
使用JQUERY实现局部页面定时刷新
查看>>
[ES6] 23. Rest Parameters & Spread Parameters
查看>>
HOW TO: 在 Visual C# .NET 应用程序中提供文件拖放功能
查看>>
【Android Demo】获取指定网页的页面源代码
查看>>
spring mvc使用的一些注意事项
查看>>
android_我的第一个Android程序
查看>>
可中断套接字(网络)
查看>>
内存优化之封装九宫格
查看>>
webapp调试工具weinre的使用
查看>>
VS2010中将CString转换为const char*
查看>>
基于jQuery游戏网站焦点图轮播特效
查看>>
LeetCode——Largest Number
查看>>
SICP 锻炼 (2.15)解决摘要:深入思考间隔误差
查看>>
安装了XAMPP,PHP怎么显示中文
查看>>
在EO中对数据的重复性进行验证
查看>>
解析大型.NET ERP系统 代码的坏味道
查看>>
shell的定义
查看>>
网络常用的linux系统调用
查看>>
机器学习中的范数规则化之(一)L0、L1与L2范数 非常好,必看
查看>>
浅析代理模式(转)
查看>>