用 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
这幅是"鼠绘"人物,不态理想,人物画我一般用绘图板
