sketch之倒影

作者: Mr_Alpha | 来源:发表于2016-01-21 15:46 被阅读802次

    sketch貌似在3.2版本后就缩水了一些功能,比如倒影

    今天我就来演示一下如何用最新版的sketch搭配蒙板做一个倒影。

    步骤

    1. 新建一个artboard(快捷键A),导入一个图层(或一张图片)


    2. 复制图层(快捷键command+D),垂直旋转,移到下方


    3. 新建一个矩形(快捷键R),大小可以覆盖图层


    4. 把矩形放在图层的下面,然后设置它为mask(蒙板),模式为alpha mask,这时候图层和矩形都消失了


    5. 修改蒙板属性,在fill属性里把flat color改为linear gradient,这时候图层又出现了,且蒙板会出现一条两头又圆圈的线。下面我们通过修改这两个圈圈达到我们要的效果


    6. 点击上方的圈圈,不用修改颜色(因为修改也没有效果),我们把它的不透明度改为50


    7. 点击下方的圈圈,把它的不透明度改为0


    8. 调整两个圈圈的位置,直到你满意为止


    相关文章

      网友评论

        本文标题:sketch之倒影

        本文链接:https://www.haomeiwen.com/subject/xyblkttx.html