在看教程之前，我先把效果图放出来给大家瞧瞧。
今天我就教大家，怎么轻易DUANG出这样的设计。
这些效果，其实都是一个线上网站生成的。
这个神奇的网站，是一个会写代码的设计师；微博@亚赛大人的作品
wangyasai.github.io/designtools.html
截止到现在，亚赛大大已经写了10种设计工具，每一种都极其特色，极富艺术感、科技感。
虽然这个网站，完全是自动化操作，但并不代表它是面向设计菜鸟的。
据我所知，很多专业的设计师，都沉迷其中不能自拔，换着法子发掘新玩法。
今天Why姐就做个引路人，教大家初步玩一下这个牛逼的网站。
No.1
『玩个球』效果
https://wangyasai.github.io/Play-a-ball/
进入网站
可以看到中间旋转的大球球
以及右侧的设置区
除此之外就没其它多余的功能了
在右侧的选择栏
我们可以通过调整参数
调试主体物的外观和动态
它不止有球型
还有圆饼、圆柱以及方块
在【Shape】一栏就可以选择
我先教大家
做出下面这个梦幻的方块儿
第一步
先把Shape调成【Box】
这次的效果不需要我们调节线条
只需要上传一张图片素材就可以了
点击Upload（上传）
选择一张你想贴上去的图片
在公众后台回复【梦幻】
可以获得宇宙风格的图片素材
贴上我准备的星空图后
小方块马上就蜕变成一个
360°无死角的宇宙魔方啦
真是美得不得了
假如你并不追求动图
那你此时已经完成了80%了
直接用【save】下载图片
（勾选【savepng】-下载透明背景的png）
然后用其他工具加上字就OK了
做成静态图也很好看
第二步
想做动态图的同学，现在继续看好了！
先根据自己的喜好
用【Radius】-调整方块的大小
用【Speed】-调整旋转的速度
（建议方块调小一点，速度调快一点）
接着打开Gif录制软件，在左下角设置你想要的尺寸，点击【录制】后，等左上角321倒数完就开始录制啦！大概录个1-2秒就可以了。
我用的是仅400K大小的LICEcap。
于是我们就得到了一张
非常有科技感的3D方块gif了
第四步
接下来
我非常不好意思的说
咱们还是得打开PS
不过它的操作并不难
把Gif文件直接拖进PS
CS6版本以上的PS
就会看到下面出现一个时间轴
如果没有就从【视图】调出来
咱们先不管它
先把右边的图层拉到最上面
单击【文本】工具（快捷键T）
打上字并调整字的位置
看到文本图层前面的眼睛没？
用你的鼠标点两下
让它先隐藏再显示
这时候
你的文字就成功覆盖所有帧了！
我们的任务已经完成
最后【导出】-【存储为Web所用格式】
一张酷炫的gif图就大功告成
假如你想做下面这种线框效果
也是同样的做法
只需要修改一些设定就行
把【shape】设为-【Sphere】
把【Pattern】设为-【Pattern6】
自由调节下光滑度、线条粗细
颜色的参数
然后下载/录制
添加文字就完事了
以下是用这个网站的其他工具
制作的作品
连设计湿小丽都看呆
No.2
『马赛克』效果
https://wangyasai.github.io/Awesome-Mosaic/
设计师@Simon_阿文 的作品
模仿一个
No.3
『重彩画笔』效果
https://wangyasai.github.io/Noise-flow-field-painter/
上传一张图片
你就可以去干别的事了
代码会马不停蹄的为你现场绘制图片
No.4
『向量迹场画笔』效果
https://wangyasai.github.io/PerlinNoisePainter/
在【Text】直接输入文本
或者上传透明底的png图片
直接生成流光溢彩的效果
至于其他的6种工具，我就交给你们自己探索了，毕竟留点秘密，才有仪式感。
最后再补充一句，网站作者亲口盖章：这些生成后的图片，都是免费可商用的素材，大家可以放心去使用哦！
