这些天看到很多很棒的设计图，也想试着了解一点关于设计的东西。最终还是没敌过心里那个毛毛虫，尝试着做了一个 Twitter Logo 的阴影效果，这里总结下自己做的过程。
附件：
Twitter Logo 素材
完成后 Sketch 源件
1、添加 Artboard
用 Sketch 打开 twitterlogo_white ，选中 TwitterLogo 点击左上角 insert 创建一 Artboard （width-600px，height-400px），这样 TwitterLogo 会自动加入到新建的 Artboard 中。完成后锁定 TwitterLogo 层；
2、添加 Background 层
新建矩形放在 Artboard 中（与 Artboard 等宽高），为其填充色值 #73D7FD，不使用 border，矩形可更名 Background。调整图层，将 Background 移至 Twitter Logo 下面，并水平垂直居中 Twitter Logo（右上角有居中快捷键）。完成后锁定 Background 层。
3、添加阴影层 - Shadow
在 Twitter Logo 图层下新建椭圆（oval）图层，我们可以直接用圆形，色值设定 #000000，不使用 border。调节圆形大小至圆形边界与 logo 的边界相触，如图。更图层名为 Shadow。
tips：绘制椭圆时，按住 Shift 键，即可绘制圆形。
4、为 Shadow 层设置运动模糊效果（Motion Blur）
添加 Motion Blur 并调节属性，Amount - 50px，Angle - 135º。（图右下属性）
5、添加 Mask 图层
因为我们只需要下半部的阴影，所以我们要想办法拿到下半部分的阴影。
首先画出一组辅助线，然后以辅助线为参考创建一普通形状遮住阴影。
1）、画一组辅助线
绘直线 **快捷键 L **，按住 Shift 可绘倾角 45º直线。如图相应位置绘制四条，也可直接 copy 后放到相应位置。将 4 条直线放到一个 Group 内，锁定 Group。
2）、画出一个用于遮罩阴影的矢量图
快捷键 V ，利用之前的辅助线确定位置，按 1-2-3-...-1 顺序作图，按住 Shift 可绘倾角 45º 线。之后可命名矢量图为** Mask** 。（如上图）
6、完善
将 Mask 放到 Shadow 下，右击选择 Use as Mask 后锁定。这样 Twitter Logo 和 Shadow 就只会显示 Mask 层上的部分。但会发现 Twitter Logo 有部分没显示出来。选中 Twitter Logo ，右击选择 Ignore Underlying Mask 就可以显示出来了。
接着隐藏辅助线（或删除），基本算是完成了，但我们会发觉阴影颜色还比较深，更改下 透明度（opacity）为 30% 左右。
再一看我们的成果，好多了～
总结
一个小小的练习算是暂时满足了自己的好奇心，这里只用到了部分 Sketch 的功能。当然设计本身更多关注的是设计部分，Sketch 只是一个把抽象转化成实例的工具。
自己后面多多利用闲散时间来练习，就先从临摹学习别人的作品开始吧～ ：）
