用 Blend制做Silverlight

用 Blend制做Silverlight

 

Microsoft Expression Blend是一个用来设计WPF,Silverlight外观与动画的软件,与PhotoShop,illustrator,flash一样,这类工具最考验使用者功底的就是"鼠绘"

 

"鼠绘"很简单,只使用路径工具就可以了,

"鼠绘"也很难,他要求使用者对自已的手指有精闪准的控制能力

 

不会"鼠绘"的人,永远是Blend 这类工具软件的外行,最多是抠图,拼图,做一些平移,过渡,缩放,旋转的简单动画.

如果掌握了"鼠绘",你会发现Blend 就上你的天下……

 

先给大家演示一下"路径工具画"的基本技巧,分别是"4点画心","3点画心","2点画心",这是以前学PhotoShop的常练的基本功

 

所有的绘制过程,我只使用路径工具

 

 

 

4点画心

打开画板和辅助线,用"路径工具" 点出如下的4个点的闭合路径

 

按Alt键拖出[左角点]的控柄,通过两个控柄分别调整[左角点]两边连线的弧度

按Alt键拖出[右角点]的控柄,通过两个控柄分别调整[右角点]两边连线的弧度

(技巧:让[右角点]的控柄与[左角点]的控柄位置对称)

 

 

 

3点画心

用"路径工具" 点出如下的3个点的闭合路径

 

按Alt键拖出[左角点]的控柄,通过两个控柄分别调整[左角点]两边连线的弧度

 

 

按Alt键拖出[下角点]的控柄,通过两个控柄分别调整[下角点]两边连线的弧度

 

 

按Alt键拖出[右角点]的控柄,通过两个控柄分别调整[右角点]两边连线的弧度

 

 

 

(技巧:让控柄位置对称)

 

 

 

2点画心

用"路径工具" 点出如下的2个点的闭合路径

(点完第二个点后,在第一个点上点击一下,完成闭合)

按Alt键拖出[上点]的左控柄,通过左控柄调整[上点]左边连线的弧度

 

按Alt键拖出[下点]的左控柄,通过左控柄调整[下点]左边连线的弧度

 

按Alt键拖出[下点]的右控柄,通过右控柄调整[下点]右边连线的弧度

 

按Alt键拖出[上点]的右控柄,通过右控柄调整[上点]右边连线的弧度

 

 

(技巧:让控柄位置对称)

 

下面是我昨晚无聊时用Blend "鼠绘" 三个动画,我为也们起名"蛇蝎美人"

 

这是"蛇"

Silverlight的动画演示

http://silverlight.services.live.com/invoke/71234/s/iframe.html

 

简笔画风格

 

 

 

这是"蝎"

Silverlight的动画演示

http://silverlight.services.live.com/invoke/71234/x/iframe.html

 

"鼠绘"加"上色"

 

 

这是"美人"

Silverlight的动画演示

http://silverlight.services.live.com/invoke/71234/mn/iframe.html

 

这幅是"鼠绘"人物,不态理想,人物画我一般用绘图板