使用Sketch绘制拟物化风格按钮

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

跟着下面的步骤来制作一个拟物化的按钮吧!

1.绘制一个圆角矩形,并填充。

image.png

2.填充一个水平的渐变色,参考色值:

#4B4B4B-#111111

image.png

3.添加一个左侧内阴影,参考参数:

阴影:#171717  

透明度:100%  

x:35  y:0  模糊:35

image.png

4.添加一个右侧的内阴影,参考参数:

阴影:#494949

透明度:100%  

x:-35  y:0  模糊:35

两侧的内阴影的色彩要有明暗区分

E35FD1D70AFD957BC2B76DBCE6683922.png

4.添加上按钮的图标,完成效果。

C3B53D59AC2D0295CA7EAE0A7ACF288D.png


标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作