零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
在Chapter 2 有稍微讲过Design内建笔刷的用法，本章将教大家如何自制独一无二的笔刷，并且重复利用
?
在Chapter 2 有稍微讲过Design内建笔刷的用法，本章将教大家如何自制独一无二的笔刷，并且重复利用
?
?
01
开启一个新专案後，我们来复习一下，怎麽使用Design的内建笔刷
随意在主要工作区拖拉出一个形状，并配置上笔刷、笔刷宽度、笔刷颜色
看看你的图形外框是不是变得不一样?
?
02
虽然内建的笔刷很多，但是贴心的Design知道我们的创意无限，总会想要能展现自己的独特性
知道笔刷的运用後，我们开始制作自己的笔刷吧!
?
先制作出你想要的笔刷外观，我使用Polygon(快捷键J)拖拉出一个五角星
利用Edit Polygon调整：
Point：5 (若是你想制作多角形，请打上你要的角数)
Inner Depth：往中心点深度，数字越大越往中心点靠
?
03
选取你已经制作好的图形，Object->Stroke->New Stroke Definition进入编辑笔刷模式
?
或是在笔刷选单左下角的Stroke Option->Add Stroke也可以进入编辑笔刷模式
?
04
看到下图画面，就表示你已经进入笔刷编辑模式
?
你会发现，系统自动把你所选起来的图形转为另一个新的专案档，完全不会影响原来的设计
意思就是说，如果你在设计途中就能很轻易的把图形转为笔刷，并且重复利用
?
接着直接按下File->Save，会出现储存新笔刷的对话视窗
?
Name：命名新笔刷为Star
Folder：置於笔刷资料夹的某群组里
Default width：预设的笔刷宽度，范例设为10
按下OK後，会回到原来的专案画面
你会发现原来的星星还在原来的地方，但我们刚刚已经让他的分身成为一个新笔刷了!
?
05
我们来测试一下刚刚制作好的笔刷
在画面上拉出一个长方形，接着套用刚刚命名为”Star”的笔刷，并且调整宽度跟颜色
Oops~!怎麽没有ㄧ颗一颗星星绕着边边呢!?
?
因为我们少做了一个动作.....
?
06
切换到刚刚设计笔刷的页面
(如果你不小心关掉了，可以从笔刷样式里找到刚刚的笔刷後，点选Stroke Option->Edit Stroke)
在Tools你可以找到Stroke Definition Box、Anchor Point、Repeat 这三个在笔刷编辑状态才会出现的工具
?
首先运用Stroke Definition Box，重新拉一次笔刷的范围
?
接着，选择Repeat後，在星星上点右键->Make Repeating，让星星可以重复排列
?
星星可以重复排列後，画面上应该会有如下图的节点记号
拖动边缘可以决定星星间距多宽後重复
?
调整好後，储存跟刚刚一样的档名就可以覆盖
接着回到原来的专案，你会发现，画面上的图形已经自动套用了刚刚重新制作的笔刷，星星能一颗颗排列了
?
P.S：在套用笔刷後，可以利用Stroke Color调整笔刷的颜色，所以你在制作笔刷时，不用很刻意调整当下图形内的颜色，但是请尽量以黑色为主。
?
?
如果能活用Design，将会对你的Silverlight设计工作带来事半功倍的效果喔!
?
?
本篇的教学就到此。
?
?
?
(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您
零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷相关推荐
- 零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果...
零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 原文:零元学Expression Design 4 - Chapter 5 教你如何用 ...
- 零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术...
原文: 零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术 本章所介绍的是便利且快速的内建工具Clone ? 本章所介绍的是便利 ...
- 零元学Expression Blend 4 - Chapter 1 缘起
原文:零元学Expression Blend 4 - Chapter 1 缘起 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软 ...
- 零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)...
零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 原文:零元学Expression Blend 4 - ...
- 零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)
原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字 ...
- 零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面...
原文:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面 本章将交大家如何运用Blend 4 内的Text相关功能做出有设计感的登 ...
- 零元学Expression Blend 4 - Chapter 4元件重复运用的观念
零元学Expression Blend 4 - Chapter 4元件重复运用的观念 原文:零元学Expression Blend 4 - Chapter 4元件重复运用的观念 本章将教大家Blend ...
- 零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸)
原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要 ...
- 零元学Expression Blend 4 - Chapter 7 什麽?影片不再是印象中的方框框!!!看Blend 4如何把影片镶入字里...
零元学Expression Blend 4 - Chapter 7 什麽?影片不再是印象中的方框框!!!看Blend 4如何把影片镶入字里 原文:零元学Expression Blend 4 - Cha ...
- html 文本显示蓝底蓝框,零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题...
最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题 经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享 ? 最近收到网友 ...
最新文章
- php intl make 错误,无法在Debian上为php安装’intl’扩展名
- java使用keystore认证过程（license认证）
- TensorFlow运作方式入门
- 微课|玩转Python轻松过二级（1.5节）：安装扩展库
- 网络工程师职业发展路线规划三步走
- SQLCel匹配原数据信息，更新原数据所有信息并插入新数据的过程
- HTML：H5新特性
- php和mysql web开发 5_WEB开发圣经：PHP和MySQL Web开发(原书第5版) 原版pdf+完整源码...
- php js调用摄像头,js如何调用摄像头？js调用摄像头的方法（代码详解）
- 基于Stm32f103硬件iic驱动LM75A温度传感器
- Yocto系列讲解[入门篇] 1 - 快速入门熟悉Yocto的构建
- 2008、2012、2013海康威视嵌入式校招笔试整理
- 【Rosalind】Rabbits and Recurrence Relations
- hudson.plugins.git.GitException
- 洛谷P1478 陶陶摘苹果（升级版）视频题解
- transE论文阅读 19年记录的
- SpringBoot 搜索引擎 海量数据 Elasticsearch-7 es上手指南 毫秒级查询 包括 版本选型、操作内容、结果截图
- C#访问局域网内共享文件夹
- HFSS仿真笔记1《A Low-Profile Ultrawideband Slotted Dipole Antenna Based on Artificial Magnetic Conductor》
- 一种开环控制的两轮差速驱动小车的设计