分享

●●●■■■干货来袭!10个让人上瘾的设计神器

 涂鸦吧 2019-06-26

 一、波涛汹涌的线型文字

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./waveFont/

2. 灵感来源

如果你对 Joy Division 这个乐队爱到不行,亦或是完全不知道《unknown pleasure》这专辑是什么鬼……但是你对这些看上去突出的山峰/波浪一定不会陌生。

干货来袭!10个让人上瘾的设计神器

但事实上这并不是山峰或波浪,这是人类第一颗发现的脉冲星 CP 1919的脉冲信号。当然你也不用纠结这是什么,反正如你所见,这个工具的目的就是让文字突出!

3. 工具简介

上手十分简单,直接输入文字就可以实时生成,还可以调整字体的大小和粗细,这不就意味着你得到了波纹字体了吗?想写啥就写啥,还可以支持特殊符号!!!

这个工具当然支持填充颜色,那如何只看到文字不看到周边线条的颜色?只需要把背景颜色和线条1的颜色统一就好啦~

干货来袭!10个让人上瘾的设计神器

再试试颜色模式下的渐变,就是另一种风味了。

说完颜色,再说说山的海拔,调整 Control 面板中的 Height ,就可以任意拉高或降低高度了。

干货来袭!10个让人上瘾的设计神器

刚生成的字默认每一列小山峰都排列的整整齐齐,如何让它们不如此规整呢?那就调整 Offset 吧,这是调整山的偏移量,可以让文字的每个部分错落分布。

干货来袭!10个让人上瘾的设计神器

参数太多?不想一个一个调?那就不如试试随机效果 Random 吧,任意更改面板中的种种参数,给一个意想不到的结果。

干货来袭!10个让人上瘾的设计神器

4. 参数解释

参数太多,篇幅有限,大家自行探索吧~

干货来袭!10个让人上瘾的设计神器

提示:这次工具除了常规的 JPG 和 PNG ,还支持 SVG 下载哦~

5. 案例应用

如何做到循环播放?先用开篇提到的录屏软件录制 gif ,然后在 PhotoShop 中删除超出一个完整循环的帧,最后循环播放时,最后一帧和第一帧能自然过渡。

干货来袭!10个让人上瘾的设计神器

感受到心电图般砰砰砰砰砰地跳动了吗?

干货来袭!10个让人上瘾的设计神器

猜猜下面两组是怎么做的?

干货来袭!10个让人上瘾的设计神器

还做了一组变形数字,想知道怎么做的?Call 他写个教程吧!

干货来袭!10个让人上瘾的设计神器

二、一个大写的粒子字

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./PerlinNoisePainter/

2. 灵感来源

在学习粒子系统时,想看粒子和文字结合会产生什么火花?最先想到一个最简单的方法,在粒子的上层加一层镂空文字的蒙版,把不想看到的粒子遮住,只看到镂空的部分。

干货来袭!10个让人上瘾的设计神器

2. 工具简介

如你所见,这个工具就是粒子充斥在文字里面,拥有它,让文字搭上酷炫的班车。

干货来袭!10个让人上瘾的设计神器

这个工具已经默默更新了 2.0 版本,1.0版本需要上传黑底白字的图片,现在直接在文本框输入文字,即刻生成效果。同样,也支持输入符号,输入一个 ★ ,就可以生成五角星粒子字。

干货来袭!10个让人上瘾的设计神器

用 Nums 控制粒子的数量,数量越多,当然文字看的更清楚啦,粒子越多也会影响运行的速度,建议粒子控制在能够看清文字的数量就够啦~

干货来袭!10个让人上瘾的设计神器

粒子的默认颜色是三种颜色随机分布,当选择 ColorMode 里面的渐变模式,颜色就会从上到下渐变。

干货来袭!10个让人上瘾的设计神器

3. 参数解释

干货来袭!10个让人上瘾的设计神器

4. 案例应用

想必你也掌握了下面的是怎么做的了吧~

干货来袭!10个让人上瘾的设计神器
干货来袭!10个让人上瘾的设计神器

三、文字雨生成器

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./TheMatrix/

2. 灵感来源

没错!就是来自科幻大片《黑客帝国》!

3. 工具简介

顾名思义,就是一款自带黑客帝国特效的文字工具。作为一个爱耍酷的工具,它绝对不会满足一种模式的,它内置多款故障字体,你可以用它来生成各种乱码文字雨背景。

干货来袭!10个让人上瘾的设计神器
干货来袭!10个让人上瘾的设计神器

除了默认的几种模式,你还可以定制文字雨中的关键词,只要在 Unicode 中选择 Text 模式,在下方文本框中,随意敲击文字,就可以实时看到输入的文字在屏幕中随机生成,瞬间 get 词云的新玩法!

干货来袭!10个让人上瘾的设计神器

另外,还提供多种参数设置,比如文字雨射出的方向,比如你可以通过设置透明度来营造出射线的错觉~当把文字方向改成从左到右横,这不就是一面弹幕墙了吗~

干货来袭!10个让人上瘾的设计神器

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用:

干货来袭!10个让人上瘾的设计神器

看,帅吧!

干货来袭!10个让人上瘾的设计神器

四、向量画笔重绘器

干货来袭!10个让人上瘾的设计神器

1. 试玩地址:

https://wangyasai./Noise-flow-field-painter/

2. 灵感来源

来自 Jason Labbe 大神开发的工具 Noise Flow Field Painter(地址:https://www./sketch/472966)我在他的基础上,加了一个控制面板,像其他工具一样可以方便修改参数~

3. 工具简介

这个工具就是用一堆圆柱形状把一张图片重绘,神奇地模仿出油画的质感~~

干货来袭!10个让人上瘾的设计神器

阿文就这样用它做出了一套很好看的油画数字,相信你现在也掌握了吧。

干货来袭!10个让人上瘾的设计神器

同理,各种圆形、方形、三角形、不规则图形的油画效果也这样处理。

干货来袭!10个让人上瘾的设计神器

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用

让梵高的油画再次加工,这个笔触真的超有感觉~

干货来袭!10个让人上瘾的设计神器

旅游时拍的一张照片,把处理后的油画效果图,再和原图进行拼接,内容引起极度舒适,看了好想出去玩呀!!!

干货来袭!10个让人上瘾的设计神器

五、玩个球

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./Play-a-ball/

2. 灵感来源

相信不少同学在刚入门 Ai 的时候,都跟着教程做过这样的抽象球体:环形,波纹,网格……

干货来袭!10个让人上瘾的设计神器

3. 工具简介

这是一个在线抽象球体生成器,可以一键生成那种在 Ai 入门教程中非常常见的球体:环形,波纹,网格……是的,现在你连门都不用入了。

你可以随意更改花纹:

干货来袭!10个让人上瘾的设计神器

你可以调整球体的平滑度来实现变形:

干货来袭!10个让人上瘾的设计神器

当然,每种花纹的疏密和大小都可以调节:

干货来袭!10个让人上瘾的设计神器

懒得调参数?那就直接点击随机生成好了:

干货来袭!10个让人上瘾的设计神器

甚至可以上传自己的图片,作为图形的纹理!看,一秒钟自制星球

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用

干货来袭!10个让人上瘾的设计神器

六、漫画速度线生成器

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./Speed-Line/

2. 灵感来源

当漫画遇到超燃场景时,画面上常常会包围着一圈线,俗称速度线。可惜网上的优质速度线素材极少,要么付费要么不是透明背景…所以我们就制作了就有了这样一个简单好用的速度线生成器!

干货来袭!10个让人上瘾的设计神器

七、贝塞尔曲线生成器

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./Bezier/

2. 灵感来源

来自一个非常酷的网站https:///,这个网站上有超多酷炫抽象的点线效果,不过需要购买才可以使用哦~

3. 工具简介

这种粒子曲线,非常适合喜欢科技风的甲方了,一键无痛生成各种酷炫的线型图片!

这个工具有七种点线style,各具特色~

可以调整点线的数量

干货来袭!10个让人上瘾的设计神器

也可以调整点线的杂乱程度,杂乱也有杂乱美呀~

干货来袭!10个让人上瘾的设计神器

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用

抽象线条再旁边点缀一些关键词,很科技作风。

干货来袭!10个让人上瘾的设计神器

把工具中几种形状结合起来,再加上一些同样抽象的粒子,一张抽象海报就诞生了!

干货来袭!10个让人上瘾的设计神器

八、动态马赛克背景生成器

1. 试玩地址

https://wangyasai./Awesome-Mosaic/

2. 灵感来源

据说在发布会中,下面这张马赛克背景重复利用太多次至今没找到替代品……所以,我又开始了。

干货来袭!10个让人上瘾的设计神器

3. 工具简介

最初的时候,我们就想开发一个马赛克背景,就带点科技效果就好了,嗯,有点闪的科技效果。

干货来袭!10个让人上瘾的设计神器

在开发过程中,我做偏了……忘记为什么就加了下面的环绕模式,但最后的效果似乎还不错就保留下来了。控制面板上可以改变整体的规则程度,它可以每一圈一样的宽度,也可以每一圈各有长短,很随意但依然有节奏的变换。

干货来袭!10个让人上瘾的设计神器

可以用 Spacing 控制圈与圈之间的间距。

干货来袭!10个让人上瘾的设计神器

用 Nums 调整每一圈中的数量。

干货来袭!10个让人上瘾的设计神器

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用

如何更骚气?试试粉黄撞色!骚气值至少上升10个度吧!

干货来袭!10个让人上瘾的设计神器

若是换成黑金配色,诶,画风转向低调奢华有内涵。

干货来袭!10个让人上瘾的设计神器

九、向量场迹生成器

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./Perlin-Noise/

2. 灵感来源

在一次粒子系统的学习过程中,我少写了一行代码 background() ,居然……获得了这个奇妙的抽象效果,或许这就是代码的奇妙之处吧,给人意想不到的效果。

3. 神器简介

和上述所有工具一样,各种参数可调整:颜色,线长,噪波比例……

干货来袭!10个让人上瘾的设计神器

是不是很像高中的等高线?但更也是更有艺术感的等高线吧!

干货来袭!10个让人上瘾的设计神器

控制面板中有一个参数 noiseScale ,它就是负责让线的弯曲程度,数字越小,比卷发还卷,不信的话你试试,数字越大,就相对越规整,也不会出现等高线那样一圈一圈的。

干货来袭!10个让人上瘾的设计神器

最后绘制出流畅美感的线条~

干货来袭!10个让人上瘾的设计神器

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用

干货来袭!10个让人上瘾的设计神器

十、粒子爆炸生成器

干货来袭!10个让人上瘾的设计神器

1. 试玩地址

https://wangyasai./Particles-Emission/

2. 灵感来源

小时候玩过的弹力球~

干货来袭!10个让人上瘾的设计神器

3. 神器简介

想必大家都很熟悉我的工具的参数套路了……颜色、速度、形状、粒子大小等等……

干货来袭!10个让人上瘾的设计神器

调大粒子的阴影效果,竟然有种假3D的错觉。

干货来袭!10个让人上瘾的设计神器

增加粒子的重复次数,可以让粒子瞬间充斥你的整个屏幕

干货来袭!10个让人上瘾的设计神器

勾选旋转,就可以保存这样一张绽放出一朵抽象粒子花?

干货来袭!10个让人上瘾的设计神器

4. 参数解释

干货来袭!10个让人上瘾的设计神器

5. 案例应用

干货来袭!10个让人上瘾的设计神器

以上就是今天给大家安利的9款好玩的神器,值得一试,此工具生成的图像都是免费可商用,请放心食用。如果打不开网站,建议多刷新几次,或更换成 Chrome 浏览器。

这些工具如何制作 Gif ?建议用录屏软件!

windows 用户:推荐 honeycam、Ocam

macOS 用户:推荐 LICEcap

好啦,快去玩吧~

免责申明:文章来源于公开网络,仅供设计师学习,版权归原创者所有!无对涉及版权问题负责,如有原作者认侵,联系必删

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多