这同样是一篇适用于入门的简明设计教程,以RSS图标为设计对象。使用Expression Design2与Expression Blend3工具创建。
首先看一下最终的静态完成效果。下图为单一图标,组图点击这里查看,Design源文件,动态效果点击这里查看。
接下来打开Expression Design,在画布上绘制一个矩形并调节适当的圆角半径。
在矩形的上面,绘制三个圆形并嵌套。
使用剪刀工具,截取圆形的部分轮廓笔刷。剪刀的使用请参见这里。并使用钢笔工具,调整到适合的形态。
在右侧属性栏,调整圆形的填充为空。
调整笔刷样式。这里选择是丙烯笔刷->平滑干画笔。你可以选择你喜欢的样式。
目前达到的效果。
为了增强体感。在顶层增加一个圆形,并调整透明度。
完成效果。
接下来用文件->导出(Ctrl+E)为XAML Silverlight画布。并导入到Expression Blend的Silverlight项目中。
在Expression Blend画布中,创建一个Button控件。
创建Button样式模板。
复制之前导入的图标XAML并替换Button默认样式,在XAML视窗模式下编辑。
可视化模式中效果如下。
使用VSM给按钮增加鼠标移过效果。VSM更多详细资料参见这里。
演示地址。
😀 有点意思
真漂亮啊
@that5, 谢谢:) :ho
er…请问那个边框很金属,很漂亮的是怎么画出来的,也是用的笔刷吗?
@sppam, 是哦,借助笔刷就可以达到.平滑干画笔.
啊,我用一个笔刷加了个棱台效果好像有点样了。
不过方框的左上角好像是接边的地方,笔刷就边尖了 =_=
@sppam, 可以设置一下矩形的圆角数值.在右侧的属性栏中. :ho
@小气的神, 啊多谢啦,这下我明白了。我刚接触这个,以前没什么基础,软件上就会点很简单的photoshop,慢慢学。 >_<
^^.努力努力.多加练习会发现一样很容易的.
真的不错,设计得还蛮不错的!向你学习!