神器种草!9个酷炫到爆炸的星球生成器 - uisdc
2020-02-29 design 18 mins 91 图 6476 字
@Simon_阿文 :人称神器挖掘机的我,这次把挖掘机开到了外太空。在这里,我发现了很多星球制作神器,如果你碰巧也喜欢看球,那就跟我一起来吧。
一、液态星球生成器:Nebula Artefact
- 一句话描述:柔软得想捏它一下
- 开发者:Altered Qualia
- 地 址:alteredqualia.com
- 装逼值:★★★☆☆
- 编辑性:★☆☆☆☆
- 延展性:★★★★☆
这是一个简单到只要单击鼠标就能随机生成一枚星球的酷炫生成器。
由于没有参数可调,编辑性不强,操作起来十分随意。左右移动鼠标,可以旋转星球:
上下移动鼠标,可以缩放星球:
为什么叫液态星球?当鼠标划过时,你会发现这个 「太阳」 居然是水做的!(有一种伸手进屏幕捏一下的冲动…)
换个颜色,更加名副其实了:
直接右键就能另存图片,图片的大小取决于你屏幕的分辨率。看,这不就解锁了一个宇宙星空图库还天天不重样么?
1. 案例参考:
由于这些星球表面光滑纯净,都是绝佳的背景素材,成为了我们工作室的常用背景,抛砖引玉一下:
即使作为主角,这些星球也超级百搭:
2. 隐藏彩蛋:
这位名字不知道怎么念的作者 Altered Qualia 其实大有来头,他是最早一批接触 WebGL 的编程艺术家之一,写了无数对行业影响深远的牛逼例子,前文提到的星球生成器只是他众多小玩具中的一个:
他有多强?当年,大部分同行还停留在这种水平的时候:
他已经写出这样的例子了:
以至于很多后来崛起的 WebGL 大神,都是看着他的代码和例子长大的。例如我们的老朋友 @pissang ,当年就被残忍地……
如果你有兴趣,不妨关注一下这位始祖级的 WebGL 大神,个人主页:alteredqualia.com
二、毛线星球生成器:Electric Sphere
- 一句话描述:妄想用代码拯救脱发危机
- 开发者:David Crooks
- 地 址:www.decrooks.com
- 装逼值:★★★☆☆
- 编辑性:★★☆☆☆
- 延展性:★★☆☆☆
这是编程艺术家 David Crooks 的一个 p5.js 小练习。(你可以粗暴地把 p5.js 理解为 Processing 的网页版,反正就是可以做很多很厉害的创意编程啦~)
这个练习作品的效果就是能自动生成一团毛线 ……等一下,别走,人家的毛可是非常有质感的!
由于是编程练习,不仅没有参数配置,而且还有一个小 bug:默认的边距太小,导致毛球在生成过程中会被边缘切割……
怎么办?改代码。别慌,超简单。
切换到代码窗口,直接修改第49行代码的 width 参数就可以调整边距了,数字越大越远,这样毛球的边缘就不会被裁掉啦~
修改完后,重新点击中间的运行按钮,现在你就拥有一颗完整的毛球了!
如果你觉得毛球不够大,直接修改第4行 CreateCanvas 里的参数,就能修改毛球的大小,两个紫色数字分别代表长和宽:
1. 案例参考
掌握了这两个参数,现在这团毛线想多大就多大啦!而且你会惊喜地发现,无论怎么放大,每一根毛都清晰可见,通过不同比例的裁剪,我们就有了一组巨有质感的背景素材了:
我们工作室在帮 @邱晨 制作 PPT 时,就用上了这个素材:
2. 隐藏彩蛋
有同学嫌弃说,难道我想改颜色也要改代码吗?不用。
由于这个球只用了黑白两种颜色,这意味着我们只要修改这两种颜色,就能达到重新着色的效果。
还记得我们在《一键帮你节省 69% 的设计时间:10个有毒的设计神器》中推荐过的两个双色调神器吗?是的,只要丢进其中一个神器,颜色就可以为所欲为啦~
丢进 Duotone :
丢进 PhotoMosh :
灵活运用这些工具,还用担心配色问题?
三、欧普球生成器:Play a Ball
- 一句话描述:学AI不如玩个球
- 开发者:@亚赛大人
- 地 址:wangyasai.github.io/Play-a-ball
- 装逼值:★★★★☆
- 编辑性:★★★★★
- 延展性:★★★★★
相信不少同学在刚入门 Ai 的时候,都跟着教程做过这样的抽象球体:环形,波纹,网格……
虽然教程简单易懂,但很多同学还是过目就忘……现在,懒癌的福音来了!
设计师之光 @亚赛大人 为大家制作了一个生成器:Play a Ball(玩个球),让你连门都不用入就能做出这样的抽象图形:
比起前面介绍的两个工具,这个生成器的可编辑性高得离谱。比如,你可以随意更改花纹:
你可以调整球体的平滑度来实现变形:
当然,每种花纹的疏密和大小都可以调节:
懒得调参数?那就直接点击随机生成好了:
你以为这就完了?仔细看看参数面板,你会发现还藏着一个小功能:
是的,你甚至可以上传自己的图片,作为图形的纹理!看,一秒钟自制星球:
1. 参考案例
直接右键就能另存图片,想要动态效果的话用录屏工具录制即可。赶紧去试玩吧,我先打卡为敬啦:
2. 隐藏彩蛋
不知不觉, @亚赛大人 已经陆续推出了6款超好玩的设计神器了,不仅颜值超高,而且每款都能巧妙地切中设计师的痛点。
更酷的是,所有生成器的产物免费可商用,还没上车的同学赶紧关注吧:微博 @亚赛大人
四、Q版星球生成器:Polygonal Planet
- 一句话描述:像玩游戏一样制作星球
- 开发者:Oskar Stålberg
- 地 址:oskarstalberg.com
- 装逼值:★★★★★
- 编辑性:★★★★★
- 延展性:★★☆☆☆
这是独立游戏开发者 Oskar Stålberg 开发的一款又萌又酷的星球生成器,只需要动几下鼠标就能生成这样的萌物:
工具栏长得非常友好,分为三类:
操作也十分简单,选中一个模块类型(比如森林),在星球上随意点击即可:左键生成,右键消除,就是这么简单。
同一模块,你还可以叠加多层,看这拔地而起的气势:
如果你想要更精细的效果,建议在右侧工具栏把星球设置到最大,这样就能有更多发挥空间啦:
除了在线版,作者还贴心地提供了更高清更流畅的客户端下载!早就帮你打包好了,在我公众号回复:星球,即可获取。
此外,这个星球还被收录到 Steam 平台上的著名分心壁纸应用 Wallpaper Engine :
安装后,这个星球就会被镶嵌在桌面背景,有多分心你们感受一下:
1. 案例参考
遗憾的是,由于这枚星球的定位是小游戏,并不能导出图片甚至视频,更不可能商用,那只能截屏或者录屏来做做飞机稿了:
2. 隐藏彩蛋
作为一位天才游戏设计师,Oskar 还开发了很多好玩的小工具,再推荐大家两个。
这是一个小型建筑生成器,只要点击「随机」按钮就会自动生成一个砖型小区:
你甚至可以自己添加或删除楼层,操作依然是熟悉的左键生成,右键消除:
街道生成器,直接在空白地方点击就会随机生成一个街区:
已经喜欢上这个大神了?那就去追星吧。个人主页:twitter.com/OskSta
五、立体星球生成器:Little big city
- 一句话描述:零基础制作3D星球你敢信?
- 开发者:@pissang
- 地 址:pissang.github.io
- 装逼值:★★★★★
- 编辑性:★★★★★
- 延展性:★★★★★
你能想象自己有一天,什么软件都不用学,直接打开浏览器就能做出这样的3D星球吗?
是的,说的就是它:Little Big City,而且还会自!己!动!
星球上的这些3D建筑并不是随机生成的,而是对接了 MAPTALKS 上的真实数据,直接拖拽右下角的地图,就会实时刷新:
最酷的是,你看到的整个3D星球都是可拆分的:土地,道路,建筑,水域,云层都可以分别设置是否可见,以及调整颜色:
这意味着我们可以通过图层和颜色的排列组合,创造出不同风格的星球!比如,只有公路和土地的 3D 星球,有种奇特的科幻感:
比如,纯道路的镂空星球:
又比如,纯建筑的镂空星球:
制作好的星球直接右键就能下载高清图片;如果你想下载透明背景的PNG,请先关闭「sky」选项。
1. 案例参考
这样,我们就有了用之不尽的超优质3D星球素材了,而且素材还免费可商用!继续抛砖:
2. 隐藏彩蛋
只要你点击左上角的切换按钮,就可以把星球一键转换成一座立体的悬浮城市!
同样的简易操作,拖拽地图即刷新建筑:
同样的360度无死角实时渲染:
真是越玩越手痒,继续打卡为敬:
另外,这个神器甚至可以导出 OBJ 三维格式喔~想象一下,结合 PPT 的 3D 功能还能玩出什么花样?又到你告诉我啦~
已经忘了第几次推荐 @pissang 的神器了,每一次都惊为天人。
那个5年前被 Altered Qualia 大神 「爆出翔」 的中二少年,早已蜕变成了别人眼中的大神,以致敬的方式追赶着自己的偶像。
他的个人主页,我推荐一百遍都不会腻:twitter.com/pissang1
六、气象地球生成器:EARTH
- 一句话描述:在酷炫的地球上兴风作浪
- 开发者:Cameron Beccario
- 地 址:earth.nullschool.net
- 装逼值:★★★★☆
- 编辑性:★★★★☆
- 延展性:★★★☆☆
Earth 是一个开源的在线气象可视化工具,能展示天气、洋流、海面温度、大气污染等数据,由于可读性超强,长期以来受到数据新闻领域的追捧,是全球最知名的数据可视化项目之一。
但比起这些专业的数据监测,我们更关注的可能是 —— 颜值。是的,这颗地球长得超好看:
不仅可以随意转动,还可以随意缩放还不失真,这不就是绝佳的星球素材么?
除了默认展示的气象图,你还可以切换到其他模式,得到不同形式的地球:
比如,海洋模式:
比如,化学污染物:
比如,我们熟悉的 PM2.5 分布情况:
每一种展示模式下还有不同的覆盖模式。反正,通过排列组合,你又一下子解锁了几十款酷炫的数据地球了,有一种科幻的异星感:
1. 案例参考
遗憾的是,这个工具没办法直接保存图片,手痒的同学只能截图玩玩了。
2. 隐藏彩蛋:
其实这个神器除了我们常见的球体之外,还提供各种专业的投影模式:
个人最喜欢的就是:沃特曼蝴蝶投影(Waterman Butterfly Projection),顾名思义,可以得到一张蝴蝶形态的地图~~
开个脑洞,这不就意味着我们能用它来制作各种花纹蝴蝶吗?而且花纹位置还可以用鼠标拖拽变动:
来,看看我的「标本」:
七、在线星球生成器:planetmaker
- 一句话描述:星球制造机
- 开发者:Kevin Gill
- 地 址:planetmaker.wthr.us
- 装逼值:★★★☆☆
- 编辑性:★★★★★
- 延展性:★★★☆☆
Planet Maker,顾名思义这是一款在线星球生成器,虽然界面有点土,但功能十分强大。看,光是地球,就有9种样式可选:
除了地球,它还提供其他数十种星球的纹理,让你一秒钟切换到外星:
除了切换星球,你还可以配置各种各样的参数。比如,太阳直射的角度:
比如,云层的设置,从厚度,高度,亮度……再到透明度,参数详细到让人发指:
你以为这就完了?右侧还有一大堆参数在等着你呢:
每一项展开同样有超多参数,个人比较常用的就是「星环」,可以让星球凭空生出一个可随意编辑的环:
1. 案例参考
就这样,我们又收获了一堆写实风格的星球素材了!如果你经常做 PPT,肯定对下面这组夜空素材不陌生,现在你都可以360度全体位保存图片了:
当然,成为了我们工作室作品的常客:
2. 隐藏彩蛋
细心的同学肯定会发现,右下角有一行文字:This is a Chrome Experiments,不妨点进去看看~
https://experiments.withgoogle.com/
你会发现,这里聚集了来自全世界的编程艺术家,有点像程序员版的 Behance。他们用 Chrome 浏览器做着各种有趣的技术实验,很多有趣的工具或者案例就是这么诞生的,正如上文这个 Planet Maker。
比如,我们在《一键帮你节省 69% 的设计时间:10个有毒的设计神器》推荐过的马卡龙色体素生成器 Biomes:
此外,这里还有AR,VR,AI……等其他领域的酷炫实验,你会发现,这其实就是 Google 的黑科技实验室!
还记得前段时间 Google 刷爆朋友圈的小程序《猜画小歌》吗?其实这个小游戏早就在实验室发布了,叫《快速涂鸦》:
发布时间是2017年5月。看,有事没事来这逛逛,说不定可以见证未来的技术热点喔~
八、终极星球生成器:Space Engine
- 一句话描述:让你承包整个宇宙
- 开发者:Vladimir Romanyuk
- 下 载:spaceengine.org
- 装逼值:★★★★★
- 编辑性:★★★★★
- 延展性:★★★★☆
这是一个超酷的太空模拟器,你能用它探索各种天体:小行星、卫星、行星、恒星、中子星、星团、星云和星系……由于体量比前面推荐的在线生成器大得多,需要把软件下载到电脑上:
安装后怎么玩?超简单。只要在浩瀚的宇宙中选中一坨星云或者一颗星星,点击按键「G」就能瞬间穿越:
当然,你也可以通过搜星器直接搜索想去的星球,比如,直接输入地球:
更可怕的是,你找到的任何一颗星球都可以直接调整图像参数:
只要点击「F11」按键,就能存储超清的不带界面的截图。每一帧,每一个角度,每一个体位都是大片:
1. 案例参考
可以想象,平时设计用到的大部分星空素材都可以直接从这生成,赶紧试试吧。
2. 隐藏彩蛋
其实,Space Engine 还有一个「着陆」功能,你可以着陆到任意一个你找到的星球。更可怕的是,如果你安装了官方的超清素材包,甚至可以看到特定星球的超细致纹理!感受一下:
多么完美的背景素材:
以上,我只提到了 1% 的功能,其实这个引擎最大的乐趣在于探索宇宙,因此吸引了国内外大批天体爱好者。
他们经常在论坛或者社区内分享自己找到的星球坐标,甚至模有样地讨论着是否宜居……如果你也是同好,可以关注一下百度贴吧「spaceengine吧」,里面还有很多新手教程喔~
九、Microsoft Office
- 一句话描述:一直被你忽视的小可怜
- 开发者:微软
- 地 址:www.office.com
- 装逼值:★★★★★
- 编辑性:★★★★★
- 延展性:★★★★★
早在去年的文章中我就预告过,最新版的 PPT 将会自带一个在线3D模型库,现在,未来已来:
直接点击按钮就会弹出一个 3D 素材库,而其中一大类,就是我们要找的星球素材:
随便选一个插入到 PPT 中试试,完美兼容,还可以随意调整模型角度:
如果你在两页 PPT 之间加上「平滑」切换动画,模型还会自动过渡!
而且,去年 Office 还为 3D 模型量身定做了一系列动画!
现在,你的模型可以自转了:
还会跳了!
1. 参考案例
Get 到了这些技巧,你还担心做不出这样的 PPT?
2. 隐藏彩蛋1:
同样在去年的教程中,我教过大家用 Paint 3D 来自制星球:
你会发现制作这样的星球,都是五分钟的事情:
同样地,结合「平滑」切换动画,又可以打开新世界大门啦~
更多操作我就不唠叨了,还没看过教程的同学请戳《3D模型:PPT逆天新功能全剧透》
3. 隐藏彩蛋2:
其实不止 PPT, Excel 中也藏着一个地球,就在「插入」工具栏里:
这个「三维地图」功能,可以直接把你的地理数据标注在一个地球上,你能想象 Excel 中居然打开了一个数据地球么,还能换各种主题:
还有类似 PPT 的「平滑」切换功能:
看球看腻了?展开为平面地图试试,同样酷炫:
最近,我们工作室接到了一个「帮我做一个把地球展开的简单动画吧」的需求,看,马上就用上了:
更多玩法就不展开了,还没看过的同学来戳我的老教程吧:《Office 2016的数据可视化大杀器》
总结
为什么推荐这么多星球生成器?
因为在日常制作 PPT 的时候,我们经常遇到这样的客户需求:
经过无数次被虐哭后,我发现原来他们想要的是这样的 PPT 啊:
于是,我总结了一个规律
有了这9个神器,你还担心自己的 PPT 不够大气?