充会员,很划算

神器种草01:10个有毒的设计神器

效率·工具2018-04-24
留言 6
神器种草01:10个有毒的设计神器
导读

以下教程介绍的PPT神器都是在线工具,无需下载。由于担心大家过目就忘,本人亲身试毒,制作了超多案例。所以文章比我还长, 喜欢就好。

这次回归,一口气为大家带来10个有毒的设计神器 ,毒性有多强?包你上瘾

以下神器都是在线工具,无需下载。由于担心大家过目就忘,本人亲身试毒,制作了超多案例。所以文章比我还长, 喜欢就好。

》开发团队:ShapeFactory

》工具地址:duotone.shapefactory.co

Duotone,中文是双色调的意思,一种欧美杂志惯用的设计风格。顾名思义,这个神器能让你一键无痛生成酷炫的双色画风!完全不用开 PS!

工具的界面如下图, 左侧是调色板,右侧是默认推荐的图片,素材都是来源于大名鼎鼎的免费可商用图库 Unsplash :

除了可以选用默认推荐的图片,你还可以上传自己的,直接把图片拖拽进工具即可:

你还可以随意修改配色,所见即所得:

》案例参考:

现在,当你再看到这样的设计时,是不是已经毫无压力了呢:

受这些作品启发,我在 #PPT365# 打卡时也用神器做了几张双色PPT,抛砖引玉一下~

》隐藏彩蛋:

这个神器其实还有一个彩蛋,就在左上角的开发团队里,点击一下试试~

你会发现卧槽原来除了Duotone之外, ShapeFactory 旗下还有其他三个小工具!篇幅原因就不详细介绍了,带大家浏览一下吧~

● LOGO: 输入文字就生成 LOGO 的生成器:

● Pigment: 一个骚气的色卡生成器:

● Gradient: 一个骚气的渐变色生成器:

》开发团队:Airtight Interactive Inc.

》工具地址:photomosh.com

《银翼杀手》《攻壳机动队》等科幻电影构建了一个风格独特的赛博朋克(Cyberpunk)世界,也成功催生了一种名为故障艺术(Glitch Art)的设计风格,近年越来越受设计师的追捧。

说人话,就是一种你家电视坏了 / 你手机屏幕碎了的效果,在国内也被称为抖音风…

网上有很多一键生成故障艺术的工具,但 PhotoMosh 是最屌的一个(不接受反驳)。使用方法很简单,直接把图片拖拽进工具即可:

PhotoMosh 一共提供了27种故障特效,如果你有选择困难,点击下方的随机按钮【MOSH】就能一键把你的屏幕摔坏啦:

另外,它居然还支持静图 / 动图 / 视频三种格式的导出:

如果你对特效不满意,除了可以继续点击【MOSH】切换,还可以在右侧列表调整参数:

27种特效,通过排列组合你肯定能找到自己想要的效果:

》案例应用:

每一种特效都值得你去深挖。比如这个叫【wobble / 摇晃】的效果,可以瞬间让你的图片扭动起来,感受一下:

如果把这种扭动效果保存为动图或视频应用到 PPT 中会怎样呢?会很骚:

再比如这个叫【Jitter / 抖动】的效果,看起来是不是很抖音呢?

于是,我们工作室 AbleSlide 把这种特效直接应用在了抖音的发布会上,偷偷剧透给你们看:

未来我们还会在官方微博@AbleSlide 做详细的设计复盘喔,欢迎关注:

》隐藏彩蛋:

在 PhotoMosh 的特效列表中,你会发现一个熟悉的名字:Doutone

是的,你没猜错,功能和上文推荐的第一个神器一模一样!也就是说,以后我们有 PhotoMosh 就够了。

》开发者:Ben Matthews

》工具地址:codepen.io/tsuhre/full/BYbjyg

这是我在 CodePen 社区上偶遇的一个生成器,虽然它只是工程师 Ben Matthews 的一个编程练习,但我们可以利用它生成各种各样的炫彩背景。毫无操作可言,点击鼠标就随机生成一张图,就这么简单粗暴:

另外,这些光带会根据浏览器窗口的尺寸来自动填充,你可以拉伸窗格来获得不同密度的背景:

直接右键就能保存到一堆酷炫的背景素材啦:

》案例应用:

如此百搭的图片素材,不用来做背景实在有点浪费,继续抛砖:

而且这种抽象的炫光通过复制、水平翻转,就可以拼接出一张大气的超宽屏素材啦,很适合应用到发布会设计:

》隐藏彩蛋:

每个神器的背后总是隐藏着一个大神,你总能顺藤摸瓜摸到一堆其他的工具。比如这位作者 Ben Matthews ,你会发现在他的 CodePen 主页中还有其他小玩意,自己去淘宝吧:

》开发者:Yuri Vishnevsky

》工具地址:weavesilk.com

作为在线生成器的鼻祖之一,Silk 早在 2010 年就发布了,而且效果至今无人超越。

打开工具后,你只需要用鼠标瞎画就能生成一组非常对称的炫光图形了,就是这么简单:

参数设置也很简单,个人比较常用的有这些:

其中修改渐变色的方式有点萌,需要你拖拽一个色块去勾搭其他色块:

有了这个神器,我们又解锁了一类超炫的背景素材了!!!

甚至!我们可以利用这个神器的对称性来画画!

不好意思放错图了,我们来看看其他大神们的作品吧:

另外,你还可以取消【镜像对称】选项,这样鼠标就变成一支自由控制的画笔了,再来看看大神的作品吧:

》案例应用:

大神离我们太远,我等凡人可以怎么开脑洞呢?其实我们可以利用镜像对称来绘制一些简单的结构图,看,是不是比 PPT 自带的 SmartArt 酷炫一百倍?

》隐藏彩蛋:

眼尖的同学肯定会发现,这个神器还有app版:

Silk 一共出了两款付费应用,比在线版多了更多参数调整和玩法,这里就不展开啦,有兴趣的同学可以买来玩玩:

》开发者:Fabio Ottaviani

》优化者:@pissang

》工具地址:codepen.io/pissang/full/geajpX

看过我打卡教程的同学都知道,在PPT中可以利用 iSlide 插件快速生成这样的渐变层:

本以为这已经是最快的生成方式了,直到我在 CodePen 社区上遇到这个神器……居然直接用鼠标拖拽就能搞定,来,想要多少层随便点:

而且提供超多调整参数,调整过程本身就是一种视觉享受,比如调水平方向的弧度:

比如,调垂直方向的弧度:

当然,还有每个神器的标配功能【随机生成】:

遗憾的是神器本身不能直接保存图片,但好基友@pissang 在源代码基础上加了一个下载SVG格式的功能!这意味着我们不仅可以下载图片,还能下载到矢量格式,拖进PPT里取消组合就能一层一层一层地剥开它来编辑:

》案例应用:

没啥好说的,你平时怎么用色块就可以怎么玩这个神器:

》开发者:Karim Maaloul

》工具地址:codepen.io/Yakudoo/full/rJjOJx/

嗯,看这不正经的网址就猜到,这又是 CodePen 上另一位大佬的编程练习。他说盯着这些流动的渐变层看一分钟就会有凝神静气的奇效……但,为什么我越看越骚动!

如此养眼的配色提供的调整参数却不多,个人使用最多的就是这俩选项:

如果你需要静态背景的话,直接右键就能另存高清图了,看这溢出屏幕的骚气啧啧:

如果你需要动态背景,建议你使用录屏工具直接录制 Gif 或者视频,强烈推荐一款叫 HoneyCam 的软件,不仅可以调整时长和尺寸,还可以逐帧编辑:

》案例应用:

录制好后,直接应用到 PPT 中就能做出这样的页面啦:

》开发者:Marpi

》工具地址:demo.marpi.pl/biomes

你能想象封面这个背景你也可以一键生成么?用的是国外 WebGL 大神 Marpi 的一个工具:Biomes,可以随机生成抽象的体素地形:

这个工具提供调整的参数也不多,但对于这种不规律的随机图形,我们有【随机】按钮就够了:

由于配色经过特殊优化,随机生成的每张图片都看起来好好吃……严重怀疑这是马卡龙植入了广告,你们感受一下:

》案例参考:

于是,我们又又又解锁了一类背景素材啦,做两页PPT庆祝一下:

》隐藏彩蛋:

值得一提的是,Marpi大神还有自己的个人主页,里面全是他的 WebGL 作品喔~~你会惊叹,这是一位把浏览器用成了 C4D 的男人。

》开发者:@pissang

》工具地址:pissang.github.io/voxelize-image

终于讲到我最爱的男人(之一)了!

Voxelize Image 十分简单易用,你只需要往右下角的方框拖拽一张图片,它就会自动把图片转换成这种立体的体素效果:

你看,这比刚刷完的厕所地板还要亮丽的效果,居然是一个在线工具一键生成的,完爆那些打开都要半天的专业 3D 软件!!

Voxelize Image 还提供超多参数配置,但个人用得比较多的是金属材质选项:

如果你觉得金属感太强,可以试试把【roughness】参数调大,画风马上就突变了:

比起 blingbling 的金属质感,这种画风在日常设计中更常用,比如,我把一张PPT拖拽进来,一秒钟就生成了一张3D海报了:

放大看看细节,少了金属反光的刺眼,多了几分朴实的像素感:

即使放大到局部,细节也不会丢失,反而更加丰富:

如果你导入的是一张色彩丰富的图片,层次感就更加鲜明了:

放大让你们感受一下:

再换个8倍镜,一张抽象的背景素材秒 get:

》案例参考

现在你还担心自己的 PPT 配图不够酷炫吗?我们都能冒充3D大神了:

》开发者:@pissang

》工具地址:pissang.github.io/papercut-box-art

前不久,我和@pissang 不约而同地迷上了这种层次分明的剪纸风格:

有段时间我的打卡都是长这样的:

当我兴致勃勃地拿着PPT去跟@pissang 吹牛逼时,发现他……他做了个剪纸风格生…生成器……是的,一键生成那种:

带着挑剔的目光打开工具,发现……还真特么好用!!很多细节都可以在右侧的参数面板微调,个人用得比较多的是这几项,供大家参考:

以前我们制作这样的背景图片至少花半小时,现在只需要一分钟:

》案例参考

好看的背景素材总是那么百搭,PPT张手就来:

》隐藏彩蛋:

@pissang 其实是百度 ECharts 团队的其中一位大神,平时主要活跃在 Twitter 以及全球最大同性交友社区 GitHub ,经常会发布各种各样的小玩具,有兴趣的同学可以关注一下喔:

Twitter:twitter.com/pissang1

GitHub:github.com/pissang

》开发者:@亚赛大人

》工具地址:wangyasai.github.io/Stars-Emmision

这是一款效果比名字更浮夸的生成器,可以一键生成小米海报这种背景效果,大大节省了我们的设计时间:

一打开工具就会有一堆射线迫不及待地向你射来:

个人常用的参数如下,供大家参考:

直接右键就能另存高清图:

》案例参考:

恩,这是我们今天解锁的最后一类素材:

当然,你也可以录制成动图 / 视频,效果会酷炫一百倍:

》隐藏彩蛋:

梦想成为一名 processing 大神的亚赛同学,一般活跃在 Instagram,在这你能看到她每天的编程打卡,喜欢她的同学可以关注一下喔,你会发现会编程的设计师是多么有魅力:

ins:www.instagram.com/yasaisai

@亚赛大人和 @pissang 还有很多超酷的小工具,在未来我会为他们分别写一篇专题,记得催更喔~~~

以上就是今天所讲的10个神器,你都中毒了吗

1】阿文是怎么找到这么多神器的?

其实在去年的同一天,我写过一篇深度剧透,里面有我找神器的所有方法。如果你碰巧没看,请戳:好玩的神器去哪找?

当然,想及时看到最新鲜好玩的神器,欢迎关注我的微博打卡活动 #PPT365#,目前打卡的同学已经累计推荐了近百个设计神器了。

2】为什么网上有这么多设计生成器?

以上推荐这些神器的作者,大部分都是衍生艺术(Generative Art)的发烧友。他们也是设计师,只是热衷于用编程语言(如 Processing)来创作,这种代码带来的有规律的随机性可以让作品产生无数种可能。你看,即使是一个练习稿都能让我们这群门外汉惨叫连连……噢不,啧啧称奇。

与其把自己圈在 PPT 中坐井观天,整天妄想着逆袭 PS 逆袭 AE,不如保持好奇心,跳出来看看外面的世界,因为…

希望每次回归,都能让你高潮。

我们下期见,以上

 

来源:https://weibo.com/ttarticle/p/show?id=2309404231253195911223

《“神器种草01:10个有毒的设计神器”》 有 6 条评论

  1. Gongyuan说道:

    太厉害了!
    另外,《好玩的神器去哪找?》没有链接,点不了。。。

  2. pk51cm说道:

    只想说太虎了

  3. wyz584818说道:

    嘤嘤嘤

  4. kayaky说道:

    你好,请问第十个如何保存动图?

  5. fenglair说道:

    加油,虽然很小众,但是很酷。

发表回复

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 粤ICP备19137043号 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑难杂症找站长遇到困难,找站长!