又來一篇五分鐘做設計啦~
本篇将教大家如何運用Design内建工具Blend Paths在五分鐘内作出超炫效果
範例最後成品
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image7.png"></a>
01
開啟一個新專桉後，使用Paintbrush(快捷鍵B)在畫面上拉出你想要的線段或是文字
我以點部落的英文DotBlogs為例，如下圖
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image3.png"></a>
需要提醒的是，文字的同一個字母請一筆到位
以英文字母B來說，也是要一筆完成，不能分兩筆，如下：
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image10.png"></a>
不然等等在使用Blend Paths時，會被判斷成兩條線段，做不出你要的效果喔!
02
接下來，把繪好的線段或是文字全選後複製一份，拖拉到适當的位置，使之上下交疊
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image13.png"></a>
以上的動作都完成了以後，要進入準備Blend Paths階段
在Blend Paths之前要注意的是：
(1)Stroke的Width要記得設為0px，顔色可以自定，範例使用的是黑色
(2)Fill請選為無填色
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image16.png"></a>
03
選起同兩相同字母後，TopTool->Object->Blend Paths
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image19.png"></a>
會出現Blend Paths的對話視窗
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image22.png"></a>
(1)Step：請輸入100，而這裡代表的就是，你希望在這兩Path中間，加入100個一樣的Path
(2)Interpolation：有Linear以及Angle and length，這邊請選擇線性Linear
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image25.png"></a>
都設定好後，請點選OK來看看會發生什麽事?
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image34.png"></a>
你的文字或線段，是不是馬上變成有立體感的感覺
把他全選起來後，我們可以看到裡面佈滿了滿滿的線段
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image37.png"></a>
而且Design也很貼心的把新剛剛多增加的100個Paths組成一個Group
用剛剛相同的方法，把所有的字全部都完成吧!
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image40.png"></a>
當然你也可以改變顔色或是特效，會有不同的效果
<a href="http://files.dotblogs.com.tw/yuan0716/1104/db7ddd111b7c_D987/image43.png"></a>
如果能活用Design，将會對你的Silverlight設計工作帶來事半功倍的效果喔!
本篇的教學就到此。