零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷

原文:

零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷

在Chapter 2 有稍微讲过Design内建笔刷的用法，本章将教大家如何自制独一无二的笔刷，并且重复利用

?

在

Chapter 2

有稍微讲过Design内建笔刷的用法，本章将教大家如何自制独一无二的笔刷，并且重复利用

01

开启一个新专案後，我们来复习一下，怎麽使用Design的内建笔刷

随意在主要工作区拖拉出一个形状，并配置上笔刷、笔刷宽度、笔刷颜色

看看你的图形外框是不是变得不一样?

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image002_2.jpg 02

虽然内建的笔刷很多，但是贴心的Design知道我们的创意无限，总会想要能展现自己的独特性

知道笔刷的运用後，我们开始制作自己的笔刷吧!

先制作出你想要的笔刷外观，我使用Polygon(快捷键J)拖拉出一个五角星

利用Edit Polygon调整：

Point：5 (若是你想制作多角形，请打上你要的角数)

Inner Depth：往中心点深度，数字越大越往中心点靠

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image004_2.jpg 03

选取你已经制作好的图形，Object->Stroke->New Stroke Definition进入编辑笔刷模式

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image006_2.jpg

或是在笔刷选单左下角的Stroke Option->Add Stroke也可以进入编辑笔刷模式

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image008_2.jpg 04

看到下图画面，就表示你已经进入笔刷编辑模式

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image009_2.png

你会发现，系统自动把你所选起来的图形转为另一个新的专案档，完全不会影响原来的设计

意思就是说，如果你在设计途中就能很轻易的把图形转为笔刷，并且重复利用

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image010_2.png

接着直接按下File->Save，会出现储存新笔刷的对话视窗

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image011_2.png

Name：命名新笔刷为Star

Folder：置於笔刷资料夹的某群组里

Default width：预设的笔刷宽度，范例设为10

按下OK後，会回到原来的专案画面

你会发现原来的星星还在原来的地方，但我们刚刚已经让他的分身成为一个新笔刷了!

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image012_2.png 05

我们来测试一下刚刚制作好的笔刷

在画面上拉出一个长方形，接着套用刚刚命名为”Star”的笔刷，并且调整宽度跟颜色

Oops~!怎麽没有ㄧ颗一颗星星绕着边边呢!?

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image014_2.jpg

因为我们少做了一个动作.....

06

切换到刚刚设计笔刷的页面

(如果你不小心关掉了，可以从笔刷样式里找到刚刚的笔刷後，点选Stroke Option->Edit Stroke)

在Tools你可以找到Stroke Definition Box、Anchor Point、Repeat 这三个在笔刷编辑状态才会出现的工具

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image016_2.jpg

首先运用Stroke Definition Box，重新拉一次笔刷的范围

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image017_2.png

接着，选择Repeat後，在星星上点右键->Make Repeating，让星星可以重复排列

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image018_2.png

星星可以重复排列後，画面上应该会有如下图的节点记号

拖动边缘可以决定星星间距多宽後重复

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image019_2.png

调整好後，储存跟刚刚一样的档名就可以覆盖

接着回到原来的专案，你会发现，画面上的图形已经自动套用了刚刚重新制作的笔刷，星星能一颗颗排列了

https://az787680.vo.msecnd.net/user/yuan0716/1104/23670225b944_DB10/clip_image020_2.png

P.S：在套用笔刷後，可以利用Stroke Color调整笔刷的颜色，所以你在制作笔刷时，不用很刻意调整当下图形内的颜色，但是请尽量以黑色为主。

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

本篇的教学就到此。

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

一步一步迈向HIE之路

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

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