|
今天的主角是@亚赛大人和她制作的10款在线设计工具。之前三顿在她的微博上看到了不少超酷炫的设计案例： 这么酷炫的页面，做起来一定特别复杂吧！完全不会，用她制作的工具，几分钟就能搞定！ 今天就给大家分享一篇来自@亚赛大人的文章，一起来了解一下这10款超好用的设计神器！ ------------------------------------------- 10大在线免费设计神器 作者：微博@亚赛大人，转载自优设网
▼ 试玩地址 https://wangyasai./waveFont/ ▼ 灵感来源 如果你对 Joy Division 这个乐队爱到不行，亦或是完全不知道《unknown pleasure》这专辑是什么鬼，但是你对这些看上去突出的山峰/波浪一定不会陌生。 这个经典的图案曾多次出现在影视作作品中，比如《头号玩家》中的一个彩蛋，女主背心上印的就是这个图案。 但事实上这并不是山峰或波浪，这是人类第一颗发现的脉冲星 CP 1919的脉冲信号。当然你也不用纠结这是什么，反正如你所见，这个工具的目的就是让文字突出！ ▼ 工具简介 上手十分简单，直接输入文字就可以实时生成，还可以调整字体的大小和粗细，这不就意味着你得到了波纹字体了吗？想写啥就写啥，还可以支持特殊符号！！！ 这个工具当然支持填充颜色，那如何只看到文字不看到周边线条的颜色？只需要把背景颜色和线条1的颜色统一就好啦～ 再试试颜色模式下的渐变，就是另一种风味了。 说完颜色，再说说山的海拔，调整 Control 面板中的 Height ，就可以任意拉高或降低高度了。 刚生成的字默认每一列小山峰都排列的整整齐齐，如何让它们不如此规整呢？那就调整 Offset 吧，这是调整山的偏移量，可以让文字的每个部分错落分布。 参数太多？不想一个一个调？那就不如试试随机效果 Random 吧，任意更改面板中的种种参数，给一个意想不到的结果。
▼ 参数解释 参数太多，篇幅有限，大家自行探索吧～
提示：这次工具除了常规的 JPG 和 PNG ，还支持 SVG 下载哦～ ▼ 案例应用 @Simon阿文提前内测做了下面一组打卡。 如何做到循环播放？先用开篇提到的录屏软件录制gif，然后在PhotoShop 中删除超出一个完整循环的帧，最后循环播放时，最后一帧和第一帧能自然过渡。
感受到心电图般砰砰砰砰砰地跳动了吗？
猜猜下面两组是怎么做的？
他用我的工具，做了很多案例在#PPT365#的微博话题上，那里还聚集了很多人的设计脑洞，大家可以随时去找灵感噢～（对了，本篇中若无特殊注明的案例均来自 @Simon阿文 ）
▼ 试玩地址 https://wangyasai./PerlinNoisePainter/ ▼ 工具简介 如你所见，这个工具就是粒子充斥在文字里面，拥有它，让文字搭上酷炫的班车。
这个工具已经默默更新了 2.0 版本，1.0版本需要上传黑底白字的图片，现在直接在文本框输入文字，即刻生成效果。同样，也支持输入符号，输入一个 ★ ，就可以生成五角星粒子字。
用 Nums 控制粒子的数量，数量越多，当然文字看的更清楚啦，粒子越多也会影响运行的速度，建议粒子控制在能够看清文字的数量就够啦～
粒子的默认颜色是三种颜色随机分布，当选择 ColorMode 里面的渐变模式，颜色就会从上到下渐变。
▼ 参数解释
▼ 案例应用 想必你也掌握了下面的是怎么做的了吧～
▼ 试玩地址 https://wangyasai./TheMatrix/ ▼ 灵感来源 没错！就是来自科幻大片《黑客帝国》！！！ ▼ 工具简介 顾名思义，就是一款自带黑客帝国特效的文字工具。作为一个爱耍酷的工具，它绝对不会满足一种模式的，它内置多款故障字体，你可以用它来生成各种乱码文字雨背景。
除了默认的几种模式，你还可以定制文字雨中的关键词，只要在 Unicode 中选择 Text 模式，在下方文本框中，随意敲击文字，就可以实时看到输入的文字在屏幕中随机生成，瞬间 get 词云的新玩法！
另外，还提供多种参数设置，比如文字雨射出的方向，比如你可以通过设置透明度来营造出射线的错觉~
当把文字方向改成从左到右横，这不就是一面弹幕墙了吗～
▼ 参数解释
▼ 案例应用
看，@林书尼把图表和这个效果结合，开启科技感图表的新鲜玩法～
说完上面上面3个我制作的文字相关工具，再来说一个运用隐藏技巧可以制作油画字效的工具。
▼ 试玩地址 https://wangyasai./Noise-flow-field-painter/ ▼ 灵感来源 来自 Jason Labbe 大神开发的工具 Noise Flow Field Painter，我在他的基础上，加了一个控制面板，像其他工具一样可以方便修改参数～ ▼ 工具简介 这个工具就是用一堆圆柱形状把一张图片重绘，神奇地模仿出油画的质感~~
你可以上传你电脑中的任意图片，想重绘哪张就哪张。
可以非常方便地调整画笔的粗细、长短：
调整画笔的粗细：
诶，还记得前面说这是一个可以运用隐藏技巧制作油画字体的工具，如何实现呢？ 上面我们上传的都是完整的照片，试想上传有油画效果的文字，那不就是油画字吗？
@Simon阿文就这样用它做出了一套很好看的油画数字，相信你现在也掌握了吧！
同理，各种圆形、方形、三角形、不规则图形的油画效果也这样处理。
▼ 参数解释
▼ 案例应用 让梵高的油画再次加工，这个笔触真的超有感觉～
@Simon阿文用他旅游时拍的一张照片，把处理后的油画效果图，再和原图进行拼接，内容引起极度舒适，看了好想出去玩呀！！！
说完了上述的这四个字体工具，我们再来玩个球吧！
▼ 试玩地址 https://wangyasai./Play-a-ball/ ▼ 灵感来源 相信不少同学在刚入门 Ai 的时候，都跟着教程做过这样的抽象球体：环形，波纹，网格等等。
虽然教程简单易懂，但很多同学还是过目就忘。现在，懒癌的福音来了！ ▼ 工具简介 这是一个在线抽象球体生成器，可以一键生成那种在 Ai 入门教程中非常常见的球体：环形，波纹，网格等等。是的，现在你连门都不用入了。
你可以随意更改花纹：
你可以调整球体的平滑度来实现变形：
当然，每种花纹的疏密和大小都可以调节：
懒得调参数？那就直接点击随机生成好了：
甚至可以上传自己的图片，作为图形的纹理！看，一秒钟自制星球：
▼ 参数解释
▼ 案例应用
▼ 试玩地址 https://wangyasai./Speed-Line/ ▼ 灵感来源 当漫画遇到超燃场景时，画面上常常会包围着一圈线，俗称速度线。可惜网上的优质速度线素材极少，要么付费要么不是透明背景…所以我们就制作了就有了这样一个简单好用的速度线生成器！ ▼ 工具简介 如何一秒钟让你的设计成为焦点？如何让画面冲击力突破天际？你可以试试在画面上加上速度线，感受一下啊！
你不仅可以调整焦点位置，你还可以调整线的数量、粗细、长短：
同样，点击 Save 就可以保存透明背景的图片了，再也不用在素材网站上苦苦搜寻。 ▼ 参数解释
▼ 案例应用
中二感溢出屏幕…… 你甚至可以切换成弯曲线型，一秒钟制造诡异画风
▼ 试玩地址 https://wangyasai./Bezier/ ▼ 灵感来源 来自一个非常酷的网站https:///，这个网站上有超多酷炫抽象的点线效果，不过需要购买才可以使用哦～
▼ 工具简介 这种粒子曲线，非常适合喜欢科技风的甲方了，一键无痛生成各种酷炫的线型图片！ 这个工具有七种点线style，各具特色：
可以调整点线的数量：
也可以调整点线的杂乱程度，杂乱也有杂乱美呀~
▼ 参数解释
▼ 案例应用 抽象线条再旁边点缀一些关键词，很科技作风：
@林书尼把工具中几种形状结合起来，再加上一些同样抽象的粒子，一张抽象海报就诞生了！
▼ 试玩地址 https://wangyasai./Awesome-Mosaic/ ▼ 灵感来源 据说在各种发布会中，下面这张马赛克背景重复利用太多次至今没找到替代品。所以，我又开始了！
▼ 工具简介 最初的时候，我们就想开发一个马赛克背景，就带点科技效果就好了，嗯，有点闪的科技效果。
在开发过程中，我做偏了。忘记为什么就加了下面的环绕模式，但最后的效果似乎还不错就保留下来了。 控制面板上可以改变整体的规则程度，它可以每一圈一样的宽度，也可以每一圈各有长短，很随意但依然有节奏的变换。
可以用 Spacing 控制圈与圈之间的间距：
用 Nums 调整每一圈中的数量：
▼ 参数解释
▼ 案例应用 如何更骚气？试试粉黄撞色！骚气值至少上升10个度吧！
若是换成黑金配色，诶，画风转向低调奢华有内涵：
▼ 试玩地址 https://wangyasai./Stars-Emmision/ ▼ 灵感来源 一年前，我们在群里讨论到一张有冲击力的海报，诶，这不就是中心向外扩散的射线吗？如果有这样一键生成小米海报这种背景效果的工具，无疑会大大节省了我们的设计时间。
▼ 神器简介 你一打开它，就会有一堆射线迫不及待地向你射来：
支持 | 上 | 下 | 左 | 右 | 中心 | 五种刺激的发射方式，看久了比刺激战场还紧张吧。
可以调整粒子的数量：
最后保存的静态图，有种下一秒就要冲出屏幕的感觉！
▼ 参数解释
▼ 案例应用
当然，你也可以录制成动图 / 视频，效果会酷炫一百倍：
▼ 试玩地址 https://wangyasai./Perlin-Noise/ ▼ 灵感来源 在一次粒子系统的学习过程中，我少写了一行代码 background() ，居然获得了这个奇妙的抽象效果，或许这就是代码的奇妙之处吧，给人意想不到的效果。 ▼ 神器简介 和上述所有工具一样，各种参数可调整：颜色，线长，噪波比例等等。
是不是很像高中的等高线？但更也是更有艺术感的等高线吧！
控制面板中有一个参数 noiseScale ，它就是负责让线的弯曲程度，数字越小，比卷发还卷，不信的话你试试，数字越大，就相对越规整，也不会出现等高线那样一圈一圈的。
最后绘制出流畅美感的线条～
▼ 参数解释
▼ 案例应用
嘿嘿，恭喜你已经抵达本文的最后一个工具了！笔芯💗～
▼ 试玩地址 https://wangyasai./Particles-Emission/ ▼ 灵感来源 这个工具是因为起初在微博#ppt365#打卡中好几次用到，想做个可以一键生成的小工具。也因为开启制作这个工具，我才陆陆续续制作了上面的9个工具，还是很有成就感哒～
▼ 神器简介 想必大家都很熟悉我的工具的参数套路了：颜色、速度、形状、粒子大小等等……
调大粒子的阴影效果，竟然有种假3D的错觉。
增加粒子的重复次数，可以让粒子瞬间充斥你的整个屏幕：
勾选旋转，就可以保存这样一张绽放出一朵抽象粒子花？
▼ 参数解释
▼ 案例应用
------------------------------------------- 赶快收好@亚赛大人制作的10款设计神器吧：
由于微信图片尺寸限制，很多案例无法完整呈现，也欢迎大家关注@亚赛大人的同名微博，查看更多设计案例！
|
|
|
