• WPF学习笔记-用Expression Design制作矢量图然后导出为XAML


     

    第一次用Windows live writer写东西,感觉不错,哈哈~~

    1.在白纸上完全凭感觉,想象来画图难度很大,尤其是象我这样毫无美术基础,毫无艺术细胞的人而言。因此可以找个参照物,比如一张数码照片,对着这个图片描,可以大体上把物体的轮廓描出来。

    2.Ctrl+C然后Ctrl+V,在Expression Design中添加一张位图,注意,此时Design会自动新建一个图层(layer),双击修改图层名为MousePhoto:

    ScreenShot00030

    3.单击Layer面板右下角的New layer按钮,添加新图层MousePath,并将这个新图层移到MousePhoto层的下面:

    ScreenShot00031 ScreenShot00032

    4.单击MousePhoto层的锁按钮,锁定此层,防止图片移动。

    5.在工具条中选择B-Spline工具:

    ScreenShot00033

    6.开始描鼠标图片的外轮廓,沿着外轮廓放置几个锚固点。如果要作一条闭合曲线,可以将鼠标指针指向起始点,此时曲线会自动闭合,然后单击即可:

    ScreenShot00034

    7.上面的几个点只是粗略的定位,现在可以精确的调整每个点位置,或添加/删除锚固点。

    ScreenShot00035

    在工具箱中选择Direct Select工具,调整各个锚固点的位置,使闭合缺陷尽量与鼠标图片的外轮廓重合:

    ScreenShot00036

    经验:平滑的曲线可以近似的看做一系列相切的圆弧连接而成。因此这些锚固点最好是放置在每段圆弧的切点和中间点处。

    8.再次选择B-Spline工具,画鼠标滑轮处的缝隙。这几条缝隙中间有尖角,可以在添加尖角处锚固点之前按下alt键的方法来画尖角

    ScreenShot00037 

    外轮廓加一条缝隙完成后的样子:

    ScreenShot00038

    9.重复以上动作,完成鼠标其余部分的描绘:

    ScreenShot00040

    10.这个“素描”看起来似乎比较单调乏味,没有多少立体感,现在给她添加点颜色。在工具条中选择Selection工具:

    ScreenShot00041

    然后选中外侧轮廓,在Appearance面板中选择Fill,设置两个Stop的颜色,

    ScreenShot00042

    然后选择Gradient Transform工具,调整颜色梯度的渐变方向:

    ScreenShot00044

    这样,我的鼠标就看起来稍微好些了:

    ScreenShot00045

    上面的这个东东灰不溜秋的,还是很别扭。如果象实物一样是彩色的,就好看多了。不过这应该是属于美工(Designer)的任务了。

    11.接下来将我的作品导出为XAML,以供Blend使用。

    12.选中所画的鼠标,然后选择:File->Export…,弹出Export对话框:

    ScreenShot00047

    配置Export Properties,然后点Export All按钮。

    13.打开Expression Blend,选择Add existing items,将Design中导出的Mouse.xaml文件添加到项目中。打开这个文件,就可以看到我的鼠标了:

    ScreenShot00048

    14.选中Mouse.xaml中的鼠标,然后Ctrl+C,打开上篇文章中的自定义按钮所在文件window1.xaml,Ctrl+V将其粘贴到Grid中,然后在window1.xaml中选中鼠标图案,将其拖到圆形自定义按钮中:

    ScreenShot00049

    按住alt键,然后放开鼠标,即可将鼠标图片设置为圆形自定义按钮的Content:

    ScreenShot00050 ScreenShot00051

  • 相关阅读:
    Windows下好用的git客户端--GitExtentions
    高分辨率下放大netbeans中的小图标
    小书匠使用手册
    win8 telnet VirtualBox中的redhat9
    win8安装新字体
    netbeans设置字体
    win7下Chrome有两个图标的解决方法
    【转】HDU-6035-Colorful Tree
    POJ1703--Find them, Catch them(种类并查集)
    KMP的妙用(利用next数组寻找字符串的循环节)
  • 原文地址:https://www.cnblogs.com/lvdongjie/p/5479718.html
Copyright © 2020-2023  润新知