header_v1.7.40

Sketch 制作模糊背景效果

2年前发布

原创文章 / UI / 教程
jolin2012 原创,如需商业用途或转载请与jolin2012联系,谢谢配合。

Sketch 制作模糊背景效果

1:Commond + D 复制出来当前画板

2:选中画板上的所有元素,菜单-Layer-Flatten Selection to Bitmap,这样画板上的所有矢量元素就合并为了一张位图

3:新建图层覆盖画板,将该图层填充颜色后透明度调为0%,然后调整其高斯模糊选项为背景模糊50px


这样就形成了背景模糊的效果。如图A。


不新建图层而直接将位图图像进行50px高斯模糊,也接近这种效果,但是效果跟上述方式有差异。如图B。



矢量画板:

图A:


图B:


10
    Hello PM 意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功