美文网首页互联网创业工具甄选设计Sketch
教程 | Sketch插件Confetti,一键帮你生成随机Ic

教程 | Sketch插件Confetti,一键帮你生成随机Ic

作者: 西瓜设计研究所 | 来源:发表于2017-05-14 16:54 被阅读303次

    Confetti 是 Yummygum 工作室新发布的一款Sketch 插件。轻量小巧方便。

    有时做 Promotion 或 Landing Page 时,会需要设计一个随机icons pattern作为背景。有了这款插件,设计师们终于不用一个一个 icon 地手挪,来制造“随机”了!

    本篇文章阅读预计时间:5分钟。



    使用教程



    Step1 安装 Confetti 插件

    链接:Confetti 插件下载   密码: xrxd

    Sketch 目前仅支持 Mac 系统,所以这款插件也是仅 Mac 系统可用。双击安装包安装完成后,Confetti 插件就会出现在 Sketch菜单栏里。

    Step2 创建画布,准备好 Icons 素材

    链接: 教程Sketch文件素材   密码: 86vx

    瓜田君创建了一个长 850px,宽 500px 的画布。并在背景上放了 8 个形状不同的 icons。

    Step3 设置 Confetti 数值

    选中这 8 个 icons,从 Sketch 菜单栏的 Plugins 里找到 Confetti,点击 Settings。

    在弹框里设置期望的 Icons 分布的规则。

    例如以上设置,则生成的 Icons Pattern 如下:

    Step4 调整 Confetti 数值

    若是希望 Icons 的分布紧密一点,则可调整 Columns 和 Rows 的数值。

    则生成的 Icons Pattern 效果如下:

    好了,是不是很简单?快根据上文,去下载插件和教程素材,自己动手试试吧。


    更多精彩,下期继续。

    喜欢就点个赞呗 d(^_^o)



    西瓜设计研究所

    互联网创业 | UI设计 | 开发资源 |教程

    未经授权请勿转载,烦请私信作者获取授权

    © uirush.com

    相关文章

      网友评论

        本文标题:教程 | Sketch插件Confetti,一键帮你生成随机Ic

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