10个让人上瘾的设计神器

Duotone

在线链接：https://duotone.shapefactory.co/ 

中文是双色调，一种欧美杂志惯用的设计风格。这个神器能让你一键无痛生成酷炫的双色画风！完全不用开 PS！

界面如下图， 左侧是调色板，右侧是默认推荐的图片，素材都是来源于大名鼎鼎的免费可商用图库 Unsplash 

这里除了可以选用默认图片以外，你也可以拖拽自己图片上传

点击选择颜色

案例参考

以后，当你再看到这样的设计时，是不是一下就知道怎么搞了吧？

photomosh

在线链接：https://photomosh.com/ 

故障艺术（Glitch Art）的设计风格，近两年越来越受广大设计师的追捧。

这里可以理解成电视电脑屏幕坏了 / 你手机屏幕碎了的效果，也有好多人叫他抖音风…

网上有很多生成这种图的，但这个是最好用，最容易上手的一个

PhotoMosh 提供了27种故障特效，如果你有选择困难症，点击下方的随机按钮【MOSH】就能一键把你的屏幕摔坏啦：

支持JPG / GIF / MP4三种格式的导出

如果对生成的效果不满意，除了点击【MOSH】切换，还可以在右侧列表参数调整，27种特效，总有一个适合你想要的效果

案例应用

每一种效果都值得你去深挖。比如这个叫【wobble / 摇晃】的效果，可以瞬间让你的二哈摇摆起来，一起摇摆！

也可以把这种生成的效果放进你的作品集里面，那不用想，一定会很骚的！

再比如这个叫【Jitter / 抖动】的效果，小伙伴们是不是很抖音呢？

隐藏功能

在 PhotoMosh 的特效列表中，你会发现一个熟悉的名字：Doutone

是的，你没猜错，功能和上文推荐的第一个神器一模一样！也就是说，以后我们有 PhotoMosh 就够了。

当然你不想用这种一键生成的，我们也可以用PS去设计自己版式都可以，那这里给大家推个故障艺术视频教程

RIBBONS

链接：http://codepen.io/tsuhre/full/BYbjyg

CodePen炫光生成器，可以利用它生成各种各样的炫彩背景。点击鼠标就随机生成一张图就可以了

然后这些光是可以根据浏览器大小填充整个背景

最后右键保存图片即可

案例应用

如此百搭的图片素材，不用来做背景的确有点浪费

而且这种都可以复制，重复的特点，很适合应用到发布会背景墙

隐藏功能

每个神器的背后总是隐藏着一个大神，你总能顺藤摸瓜摸到一堆其他的工具。比如这位作者 Ben Matthews，你会发现在他的 CodePen 主页中还有其他小玩意，自己去百度吧：

SILK

在线链接：http://weavesilk.com/ 

Silk前期也在公众号里面推过，镜像炫光生成器！

他是镜像工具，打开后我们就可以利用鼠标拖拽画画，且都是对称的图像。

参数设置也很简单，这里直接给利用图片大家解释一下

修改渐变色也比较方便，直接拖拽到另外一个即可生成渐变

当然我们也可以把他的镜像对称取消掉，就可以用鼠标绘制了

隐藏功能

Silk 他还除了两款手机App软件，我们在主题商店都可以找到，不过是付费的

渐变层生成器

在线链接：https://codepen.io/pissang/full/geajpX

在PPT中可以利用 iSlide 插件快速生成这样的渐变层

本以为这已经是最快的生成方式了，直到我在 CodePen 社区上遇到这个神器……居然直接用鼠标拖拽就能搞定，来，想要多少层随便点

而且提供超多调整参数，调整过程本身就是一种视觉享受，比如调水平方向的弧度：

比如，调垂直方向的弧度：

当然，还有每个神器的标配功能【随机生成】：

遗憾的是神器本身不能直接保存图片，但一个网友@pissang 在源代码基础上加了一个下载SVG格式的功能！这意味着我们不仅可以下载图片，还能下载到矢量格式，拖进PPT里取消组合就能一层一层一层地剥开它来编辑：

案例应用

没啥好说的，你平时怎么用色块就可以怎么玩这个神器

流动渐变层生成器

在线链接：https://codepen.io/Yakudoo/full/rJjOJx/

流动渐变层生成器这是 CodePen 上另一位大佬的编程练习。他说盯着这些流动的渐变层看一分钟就会有凝神静气的奇效……但，为什么我越看越骚动！

如此养眼的配色提供的调整参数却不多，个人使用最多的就是这俩选项：

如果你需要静态背景的话，直接右键就能另存高清图了，看这溢出屏幕的骚气啧啧：

如果需要动态背景，建议你使用录屏工具直接录制 Gif 或者视频，强烈推荐一款叫 HoneyCam 的软件，不仅可以调整时长和尺寸，还可以逐帧编辑：

案例应用

录制好后，直接应用到 PPT 中就能做出这样的页面啦

BIOMES

在线链接：https://demo.marpi.pl/biomes/ 

你能想象封面这个背景你也可以一键生成么？用的是国外 WebGL 大神 Marpi 的一个工具：Biomes，可以随机生成抽象的体素地形：

这个工具提供调整的参数也不多，但对于这种不规律的随机图形，我们有【随机】按钮就够了

由于配色经过特殊优化，随机生成的每张图片都看起来好好吃……严重怀疑这是马卡龙植入了广告，你们感受一下

案例参考

于是，我们又又又解锁了一类背景素材啦，做两页PPT庆祝一下

隐藏功能

值得一提的是，Marpi大神还有自己的个人主页，里面全是他的 WebGL 作品喔~~你会惊叹，这是一位把浏览器用成了 C4D 的男人。

图片体素化生成器

在线链接：https://pissang.github.io/voxelize-image/ 

Voxelize Image 十分简单易用，你只需要往右下角的方框拖拽一张图片，它就会自动把图片转换成这种立体的体素效果

look！这比刚刷完的厕所地板还要亮丽的效果，居然是一个在线工具一键生成的，完爆那些打开都要半天的专业 3D 软件！！

Voxelize Image 还提供超多参数配置，但个人用得比较多的是金属材质选项：

如果你觉得金属感太强，可以试试把【roughness】参数调大，画风马上就突变了：

比起 blingbling 的金属质感，这种画风在日常设计中更常用，比如，我把一张PPT拖拽进来，一秒钟就生成了一张3D海报了：

放大看看细节，少了金属反光的刺眼，多了几分朴实的像素感：

即使放大到局部，细节也不会丢失，反而更加丰富：

如果你导入的是一张色彩丰富的图片，层次感就更加鲜明了：

放大感受一下：

再换个8倍镜，一张抽象的背景素材秒 get：

案例参考

现在你还担心自己的 PPT 配图不够酷炫吗？我们都能冒充3D大神了

剪纸风格生成器

在线链接：https://pissang.github.io/papercut-box-art/ 

以上这种图我们除了用三维软件做以外也可以使用这种便捷的在线生成器

带着挑剔的目光打开工具，发现……还真特么好用！！很多细节都可以在右侧的参数面板微调，个人用得比较多的是这几项，供大家参考：

以前我们制作这样的背景图片至少花半小时，现在只需要一分钟：

案例参考

好看的背景素材总是那么百搭，PPT张手就来

隐藏功能

@pissang 其实是百度 ECharts 团队的其中一位大神，平时主要活跃在 Twitter 以及全球最大同性交友社区 GitHub ，经常会发布各种各样的小玩具，有兴趣的同学可以关注一下喔：

Twitter：twitter.com/pissang1

GitHub：github.com/pissang

万箭齐发

在线链接：https://wangyasai.github.io/Stars-Emmision/ 

这是一款效果比名字更浮夸的生成器，可以一键生成小米海报这种背景效果，大大节省了我们的设计时间：

一打开工具就会有一堆射线迫不及待地向你射来：

常用的参数如下，供大家参考：

直接右键就能另存高清图：

案例参考

当然，你也可以录制成GIF / MP4，效果会酷炫一百倍：