首先你要明白sketch投影的组成部分，分为颜色、x轴偏移、y轴偏移、模糊、扩展，具体看下图，我们已一个蓝色普通按钮为例子。
影响按钮垂直方向上的投影有这三个数值y轴偏移、模糊、扩展。
例子中，y轴是3，模糊是10，扩展是2。接下来建立切片，按option键预览间距
下投影：15=3+10+2，也就是y轴偏移、模糊、扩展三个相加
上投影：9=-3+10+2，也是三个相加，但是注意，y轴偏移是向下偏的，对于上就是负值，所以是-3。
左右投影：12=0+10+2，由于是垂直投影，所以y轴不影响左右。
以上就是sketch阴影的讲解，不过一般常规按钮可以直接导出css代码，不需要做切图，前端直接写即可。
右键单击蓝色按钮，选择copy css ttributes，就可以获取css样式
background: #1860FF
box-shadow: 0 3px 10px 2px rgba(24,96,255,0.28)
css代码的投影样式和sketch的基本一致。
所以我们只要把y/x轴偏移、模糊、扩展三个相加即可获取，但是要注意偏移的方向，会影响正负值
Sketch格式的文件可以使用Pixso协同设计打开，该软件无缝衔接以往工作，支持Sketch、XD、SVG等文件导入导出，自由进行Sketch的文件格式转换。并且，文件自动保存到云端，一键回溯到任意历史版本，再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统，所有 UI 设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动。Pixso不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具，更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，使设计师真正专注于创造本身。
Pixso通过内网本地服务器部署，确保团队敏感数据和核心业务数据私有化，直接在原型基础上，快速邀请团队成员开启设计协作，自动生成切图标注，打开浏览器就能获取 CSS、iOS、Android 代码片段，还能根据团队配置，进行定制化功能开发，自定义管理权限，规避数据泄露风险。
想要了解更多关于Sketch格式的文件的相关信息，推荐选择Pixso协同设计。团队成员面对一个复杂的设计项目，不再需要等主视觉完成后再进行子页面设计。在 Pixso 完全可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。并且可以创建一个组件，在任何地方重复使用它，当主组件样式更新，所有组件将自动同步发生改变。
