神器种草!9个酷炫到爆炸的星球生成器 - 优设-UISDC

神器种草!9个酷炫到爆炸的星球生成器

2018/08/20 75042评论区

@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 还开发了很多好玩的小工具,再推荐大家两个。

Brick Block

这是一个小型建筑生成器,只要点击「随机」按钮就会自动生成一个砖型小区:

你甚至可以自己添加或删除楼层,操作依然是熟悉的左键生成,右键消除:

City Generator

街道生成器,直接在空白地方点击就会随机生成一个街区:

已经喜欢上这个大神了?那就去追星吧。个人主页: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 不够大气?

欢迎关注作者的微信公众号:「我懂个P」

「超强大的PPT合集」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/9-planets-builder

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里