以下神器都是在线工具,无需下载。由于担心大家过目就忘,本人亲身试毒,制作了超多案例,希望能给大家一些帮助。

一、双色图片生成器

开发团队:ShapeFactory

工具地址:duotone.shapefactory.co

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

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

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

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

案例参考

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

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

2). 隐藏彩蛋

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

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

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

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

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

二、故障艺术生成器

开发团队:Airtight Interactive Inc.

工具地址:photomosh.com

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

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

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

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

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

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

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

案例应用

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

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

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

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

隐藏彩蛋

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

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

三、炫光生成器

开发者:Ben Matthews

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

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

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

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

案例应用

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

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

四、镜像炫光生成器

开发者:Yuri Vishnevsky

具地址:weavesilk.com

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

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

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

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

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

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

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

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

案例应用

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

五、渐变层生成器

开发者: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 庆祝一下:

八、图片体素化生成器

开发者:@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 吹牛逼时,发现他做了个剪纸风格生成器,还是一键生成那种:

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

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

1). 案例参考

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

十、万箭齐发背景生成器

开发者:@亚赛大人

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

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

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

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

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

案例参考

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

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

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

来源:优设

转载于:https://www.cnblogs.com/leolei/p/8944635.html

10个有毒的设计神器相关推荐

  1. Axure RP 10 for Mac (交互原型设计神器) v10.0.0

    Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程 ...

  2. 电商常用同义词库_【福利】不可错过的电商设计神器,提高工作效率

    开启高效设计,拒绝每天加班,设计助理插件,设计师高效设计神器,让你早下班的设计神器: 今天介绍一款非常人性化的插件,尤其适合做电商设计的小伙伴 设计助理插件官网视频介绍↓ 设计助理插件https:// ...

  3. 节省 3/4 的设计时间:14个设计神器

    1.镜像炫光生成器 weavesilk.com  作为在线生成器的鼻祖之一,Silk 早在2010年就发布了,而且效果至今无人超越.   2.在线自动生成背景图片 coolbackgrounds.io ...

  4. 经典网页设计:10个响应式设计的国外购物网站

    今天我想与大家分享电子商务主题的网站设计,更精确地说是为设计在线商店提供新思想.每个人都知道移动技术的市场发展迅速,已经很难找到一个人没有手机的人了.响应设计给我们提供了一个巨大的机遇:站点的访问量的 ...

  5. Ant Design Landing 产品首页的设计神器

    Ant Design Landing 产品首页的设计神器 Ant Design Landing 是针对产品首页的解决方案,我们秉承 Ant Design 的 设计价值观,延用 Ant Design 的 ...

  6. 推荐一款接口 API 设计神器!

    今天栈长给大家推荐一款接口 API 设计神器,传说中的,牛逼哄洪的 Swagger,它到底是什么?今天为大家揭开谜底! Swagger是什么? 官网:https://swagger.io/ Swagg ...

  7. HTML5期末大作业:生鲜水果蔬菜商城网站设计——天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:生鲜水果蔬菜商城网站设计--天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...

  8. 推荐一个Tkinter GUI 设计神器,不用一行代码就能搞定!

    在Python语言的世界里,有许多的界面开发库,包括python内置的tkinter,以及pyQt.wxPython等第三方库.在利用这些库进行界面开发时,都需要开发者自己编写程序,设计界面,对于开发 ...

  9. 产品经理基础-10运营平台端产品设计(完结~撒花~)

    10运营平台端产品设计 文章目录 10运营平台端产品设计 一. 运营平台端产品功能规划 二.平台端用户管理产品设计 1.用户列表 2.用户审核 三.平台端内容管理产品设计 1.内容审核 2.分类管理 ...

最新文章

  1. 适合初学者对Yaf框架的学习(一)
  2. Lexus Extroic OpenCart 2.X 自适应主题模板 ABC-0648-03
  3. 得到ios设备的屏幕尺寸信息
  4. C#中的委托与事件[翻译]
  5. python函数调用键盘热键_Tkinter对键盘和鼠标事件的处理
  6. IOS开发UIScrollView控件详解
  7. Servlet使用适配器模式进行增删改查案例(Dept.java)
  8. pl/sql developer 安装svn插件 64位
  9. golang---文件读写
  10. (44)FPGA条件编译(选择语句)
  11. android4.0闪光灯亮度控制代码,android 应用开发如何调节闪光灯亮度?
  12. 组成原理---补码加减法,原码一两位乘法,补码一两位乘法,754标准
  13. 1个app的完整测试用例_同你分享1个完整的聚类分析案例
  14. parquet格式_数据工程101:揭开Hadoop数据格式的神秘面纱:Avro,ORC和Parquet
  15. Debian10: 安装iF.SVNAdmin
  16. 端口扫描工具是什么?端口扫描工具有什么用
  17. WPS文档批量转换成PDF
  18. 19种电压转换的电路设计方式
  19. 大一python实验二答案_python实验二
  20. 猫咪藏在哪个房间python作业_猫作文

热门文章

  1. python安装包为什么这么小-为什么你的Python包老是装不上?收下这个网站就对了...
  2. 自学python可以做什么兼职-一行生财:毕业100天,通过副业赚(挣)到我的第一个10w...
  3. python详细安装教程3.7.4-python 3.7.4 安装 opencv的教程
  4. python代码翻译-用python实现百度翻译的示例代码
  5. python浪漫代码-使用Python代码的程序员也浪漫
  6. 自学python需要下载什么软件-一个零基础学习Python应该知道的学习步骤与规划
  7. python turtle画椭圆-python turtle 绘制太极图的实例
  8. python画柱状图代码-python绘制双柱形图代码实例
  9. python怎么导入包-python怎样导入包
  10. python自学免费课堂-如何系统地自学 Python?