一分钟搞定精美图案和插画【Sketch教程】

作者:朋克周 | 创建时间: 2023-06-15
一分钟搞定精美图案和插画【Sketch教程】

你是否为设计Banner而焦头烂额?你是否还在为找素材而苦苦挣扎?那么,请看这里!今天我要为大家介绍的一款神器之Sketch插件Looper,它可以通过重复的缩放/复制、旋转和透明度等创建一些有趣的几何图案和狂野的视觉效果,真的是谁用谁知道!反正我最爱~~~

插件下载地址:

官网下载:

安装好的Looper,在Sketch绘制任一图形选中,打开> Plugins > Looper > Loop,我们可以看到参数设置,如下图:

了解了Looper的功能界面,是不是很好奇它到底能做些什么?接下来请看下面的小案例:

LOOPER 01

1.首先我们快捷键R绘制600*800的矩形,背景填充为#0A0114,接着快捷键O,按住shift画出一个30*30的正圆。

双击圆形显示四个节点,通过选中调整得到一个比较圆润的图形,选择Borders-color,根据自己的喜好选择渐变色即可。

2.画好了基础形,接下来请不要眨眼,见证奇迹的时刻即将到来!选中我们的基础形,选择Plugin-Loop;

3.就这么简单,我们就得到了需要的图形,最后调整位置,输入文字即可。

LOOPER 02

1.首先我们快捷键R绘制600*800的矩形,背景填充为#080926,接着快捷键O画一个12*12的圆形和快捷键V绘制一条长度为360的直线,快捷键T输入文字内容,得到我们要的基础型,如图:

2.案例二主要运动的是Looper中的Duplication count(复制次数)Rotate(旋转)和Update opacity(透明度)

3.有没有觉得很神奇?仅仅使用了复制旋转和随机透明度,我们就得到了一个不错的效果

LOOPER 03

1.首先我们快捷键R绘制600*800的矩形,背景填充为#050200,接着我们来绘制基础形。

2.案例三主要采用的就是Form a grid(网格排列)功能,这里主要可设定的参数为每行每列可重复的次数,以及每行每列的间距。

好了,啰嗦这么久,不说啦!赶紧下载自己感受去!保准你会爱上它~

最后,想看具体示范操作步骤,详情见云:

作者John站酷地址:

点击展开全文

更多推荐

网页栅格系统到底应该怎么用

需求&交互评审指南_KSO UEC内部经验分享

五大原则,轻松掌握Banner构图设计

交互七大定律的理解与应用——菲茨定律

初入UI设计行业,你的“三观”正吗?(上篇)

从设计到开发的完美交付(工具篇)

【原创】设计规范如何更新迭代

追波交互动效及界面合集(三)

最小可行性产品经理—第二章

你的作品集够好了吗?20份精选UI设计作品集给你灵感

【只言片语07】UI设计如何转交互

从设计师转岗到产品经理的一些思考,6个意想不到的工作差异

⌈外面⌋ 关于《体系》后续故事,用户留存,道德责任及更多

分辨好坏设计的三个套路

【神器推荐】教你Sketch一键转成PSD!

移动搜索体验设计总结

交互原则:交互设计7大定律详解(中)

【海平面】有效视觉设计层次的6个原则

交互动画之—骨骼动画制作(三)

寓乐于教-青少年教育设计探索

网易严选电商场景化设计

以退为进的设计模式库进化论

想成为设计团队leader你需要做这几件事

设计语言 – 侧边导航栏/分页

步步“动”心——人-机器人的渐进式交互研究

UI设计入门之iOS篇

【海平面】在网页设计中,如何应用纹理?

关于APP社区模块的UI设计思考

【蓝湖大咖访谈】自如贾洪涛:设计是一门科学

全是宝!20款优质高效的在线协作工具任你挑,就是这么强大!