小伙伴们在日常的设计生活中应该都接触过一些矢量背景的设计制作吧,就那种由某一图形,比如正方体、三角形、圆柱体,再把这些图形按照重复的设计手法进行平铺,最终形成一个比较符合主题的,图形化的背景图。回想一下,一般你制作这种背景图会使用什么方法呢?用 AI 复制一组然后 Ctrl+D 执行上一步?那如果需要批量变换图形样式怎么办?很麻烦吧,今天我要给大家安利一个快速制作这种图片的神器,它可以对图形做即时变换!比 AI、PS 更快更方便!不卖关子了,开始介绍!
mmmotif 是一个国外的网站,与之前介绍过的 iiisometric、bbburst 合称「图形生成三兄弟」!它可以生成非常具有形式感的等距图案,我们可以选择设定几何图案的样式、各距离、色彩等等参数,生成独一无二的图案排列图片去使用,这些生成后的结果可以导出 SVG 格式的素材和代码应用在实际的设计项目当中!
跟它两个哥哥一样,mmmotif 也是免费、无需登录注册即可使用的工具类神器!下面马上开始介绍它的用法!
下图即是网站的全部内容,由以下 4 个版块构成:
结果预览区没有操作项目,只用做展示,我们在样式设置区和基础形状选择区操作调整后的效果,会映射在结果预览区,就像这样:
现在开始说样式设置区吧,区域内有 7 项可设置项目,如下图:
Base Color 是定义图中形状的颜色的,我们可以直接键入 HSL 色值修改。angle 是调整形状的角度的,Scale 是形状数量的,translate X 是设置形状的 X 轴位移度,translate Y 是设置形状的 Y 轴位移度,skew X 设置形状的 X 轴偏移倾斜量,skew Y 设置形状的 Y 轴偏移倾斜量。
纯文字叙述可能不太直观,所以大家请看下图 GIF,样式设置区的各个按钮设置效果就一目了然了:
样式设置区右边的区域是基础形状选择区:
我们可以看到有 15 种形状供我们自选,切换的方式很简单,点击一下你想要的形状就会马上更换!
通过上面的使用说明,相信大家也清楚图片的生成方法了,现在说一说保存方法。在页面右下角有「Save(保存)」和「Copy SVG(复制)」这两个不同的保存方式:
在上面介绍神器的时候我们不是说到结果图片本质是一个 SVG 么,SVG 一般会有两种保存结果,一个是保存为 SVG 图片,一个是复制 SVG 代码。「Save(保存)」和「Copy SVG(复制)」就是对应这两种保存结果的。
点击「Save(保存)」,会自动下载一个 SVG 文件到本地:
之后我们就可以拿着保存下来的 SVG 在任何设计软件里去再次修改样式了!
那点击「Copy SVG(复制)」,会复制出 SVG 代码,然后就可以去到任何一款设计软件/开发里粘贴进去使用,以 AI 为例,粘贴后会出现:
不管是保存下来的 SVG 还是复制粘贴进软件的素材,都同样可以再次修改样式,任你编辑~你看我一分钟不到就得到了一张重复形状的图片,要是用 AI,从创建画布开始算,做一个立方体都得一分钟吧:
因为这款神器是工具类的网站,所以不存在侵权、商用问题,网站不支持中文,但可以通过机翻翻译出全部按钮的中文意义,也没有额外需要付费的增值内容,大家可以放心使用!
- 超快速产出各种形状的四方连续图片
- 可随意对样式最精细化设置直到生成我们心仪的样式
- 保存复制过程十分便捷快速
工具类的神器都是可以大幅提升效率的,对设计师来说,我们根本不知道下一个设计需求会是什么,老板、领导一个神奇的念头都会让我们付出很多的时间去制作,说不定某天一些你觉得没用的工具就用上了,真的,本人亲身经历。所以大家快去试试这个神器吧,链接就在下面!弄清楚它能实现的效果,在不远的将来相信你一定能用的上!
神器链接:mmmotif
本文编辑:CCOA
使用过这款神器的小伙伴也使用过...
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点