恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一键帮你节省 69% 的设计时间:10个有毒的设计神器
0.0°
2020-04-22 好文转载 教程 原作者: Simon_阿文 举报 2734 86 40 0

以下神器都是在线工具,无需下载。由于担心大家过目就忘,于是整理了出来,希望能给大家一些帮助。

以下神器都是在线工具,无需下载。由于担心大家过目就忘,于是整理了出来,希望能给大家一些帮助。



一、双色图片生成器


开发团队:ShapeFactory

工具地址:https://duotone.shapefactory.co/


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


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


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


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


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


隐藏彩蛋

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


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

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


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


二、故障艺术生成器


开发团队:Airtight Interactive Inc.

工具地址:https://photomosh.com/


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

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


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

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


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

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

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

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

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

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



三、炫光生成器


开发者:Ben Matthews

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


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


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

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


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


隐藏彩蛋

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


四、镜像炫光生成器


开发者:Yuri Vishnevsky

地址:http://weavesilk.com/


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

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

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

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

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


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

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


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


隐藏彩蛋

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


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



五、渐变层生成器


开发者:Fabio Ottaviani

优化者:@pissang

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


这是一个可以快速生成渐变层的工具

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

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


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

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



六、流动渐变层生成器


开发者:Karim Maaloul

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


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


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

如果你需要静态背景,直接右键就能另存高清图了。


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



七、体素生成器


开发者:Marpi

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


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


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

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





八、图片体素化生成器


开发者:@pissang

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


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

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

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

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

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

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

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

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

放大让你们感受一下:

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






九、剪纸风格生成器


开发者:@pissang

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



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

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


好看的背景素材总是那么百搭


十、万箭齐发背景生成器

开发者:@亚赛大人

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


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

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

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

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


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


Powered by Froala Editor

更新:2020-04-22

收藏

86人已收藏

会设计的喵

微信公重号【会设计的喵】

  • 3

    作品

  • 2

    粉丝

  • 16

    关注

  • 用了那么久的PS,原来还有彩蛋?有趣
  • 甲方说你配色丑?这几个技巧足够让他 “ 闭嘴 ”!

    猜你喜欢

      2020-04-22 好文转载 教程 原作者: Simon_阿文 举报 2734 86 40 0

      一键帮你节省 69% 的设计时间:10个有毒的设计神器

      0.0°

      你确定要举报一键帮你节省 69% 的设计时间:10个有毒的设计神器

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年04月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      40
      86
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录