网站地图生成器_分享4关于实用网站素材类

实用工具类

一、双色图片生成器

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

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

7b9f2d6832e3520ebcdaad605e485782.png

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

967009b0747b3ab2d9cb374f5f055bc7.gif

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

dcaaad5c158f683c3e706d8be8262d6b.gif

1. 案例参考

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

9d315279e9af808cf2bf7be9ee86fed5.png

e4cbc75a03d11581b3d2fb38b371ddb3.png

二、故障艺术生成器

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

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

bf038ea68011da1de65303340fcb058e.png

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

221177efd32a8e2b00338d2a0a72b2cd.png

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

ac9f71f45c90abbacbf86839db25f2e3.png

如果你对特效不满意,除了可以继续点击「MOSH」切换,里面有很多炸天的效果,放在简历作品上分分钟提升一个档次:

862220c4f1d3964860ea51287dcf75a9.png

1. 案例应用

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

2cb441b0cdb8bd6f0cb267a1e238f3b1.gif

cf882f0828ca10558a9ed3795a164b11.gif

e7b42917d2e4d59ff66d96090e8f4543.png


三、炫光生成器

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

xua炫光素材生成器,点击鼠标就随机生成一张图,就这么简单粗暴。

2fab1810159753b1f15e0199b99cc4bf.gif

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

2f9828633801b14d4ade761e42dbee95.gif

1. 案例应用


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

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

698ec8a8c9b14df94187fa7e537da349.png


四、镜像炫光生成器

359fa14efca75725b21e313a8d33af01.png工具地址:http://weavesilk.com/

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

2c6e0b4496729c1acbfee7e2f05b7097.png

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

d86df50d56b5ed01aba50fe8b0f18c07.gif

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

44b6477bdaabd7c8b7809e1eefab230c.png

我们来看看其他大神们的作品吧:

1b26919437db26cc89b15ceb7a67cd7b.png

5b0362663cdcc5ae5edb8738ae96d9f1.png

f81af25c93a56af21585979dfa70ee2f.png

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

b405b617b64ebf7385ca37716e768e86.png

a2f0dc297a247c9a6b497eae9dfc4175.png

34ddb16599b1fc2272cfc33a747ed376.png

1. 案例应用

是不是像极了华为PPT哈哈哈哈哈哈?

750d834822b779d82eb6d807f157ee3c.png

c1fc048cf9c2e31339c49d13c8e83ffa.png


五、流动渐变层生成器

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

a8059ca1ab376762b77f7c39dbd7fcdf.gif

调整参数不多,个人使用最多的就是这两个选项:

8f7a206dd576179beb860cffefba88e4.png

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

5a7f6ce83decfd022466624a5a35474f.png

1. 案例应用

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

006ac2edd93f0e5e74c3a29331ba27bb.gif

491d08d9bd3974b89422fa03a4827aed.gif


六、图片体素化生成器

e362a1a7f591feaad22cfc202f6b4cda.png工具地址:http://pissang.github.io/voxelize-image

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

1b539c3a7b482dd5be1b77a3c6c063a7.png

0f02ce834463d6b6234d4ca8805a9b62.png

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

4fd5e83a42752247241afaade1d7ab6c.png

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

d186427d0b2ce66f434213034bce1072.png

1. 案例参考

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

6445e6366aa034cd427a436bb7fd172f.png

6e64530fbcdcd4f8b24464d440de8c5a.png

c0fce651dbb157bc0934ca30f87b73c1.png


七、剪纸风格生成器

ce136efbab685f713d2cb7b53f349868.png工具地址:https://pissang.github.io/papercut-box-art/

31a8ed640397eeb45751b43236ee2942.png

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

5cb994223509712a049d1cf789d0b6cb.png

1. 案例参考

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

4b9fe9d99993e20ff6c81fb27cb2170e.png


八、万箭齐发背景生成器

2d2c9ba6732d69825fca614c6ce35a4f.png工具地址:https://wangyasai.github.io/Stars-Emmision/

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

d72a42d8615b5c0742171bbaa1ada335.png

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

a02f75d74d912e4a516eb7654f3f3c65.gif

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

43c0dac081b4ba0d2940c606c40d4944.png

91026d6ecb5af82157ae18366b9d14e8.png

1. 案例参考

6be690ac10d44840aaa2d168165bc9ad.png

9ac73e086495f3f6908b0a15a4f0db2c.png

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

7e0779a2888cd5aa8eeeab068b1131e5.gif


九、液态星球生成器:Nebula Artefact

981d19c877741fa5cf63b85f42afdb0e.png

工具地址:https://alteredqualia.com/xg/examples/nebula_artefact.html#

这是一个简单到只要单击鼠标就能随机生成一枚星球的酷炫生成器。

由于没有参数可调,编辑性不强,操作起来十分随意。可移动放大,点击鼠标可切换星球,直接右键就能另存高清图:

678604ed786bd5dcaecf0f813dbdc60a.png1. 案例参考


5b9aaefecf90908fbc1c9a8767616043.png

64dc99448d9e788d344ffd8c29a05d57.png

820b96aa9cf5377d0b002130a910f77f.png


十、欧普球生成器:Play a Ball




4e7766e375adf5f5c085c48edd90a34d.png

工具地址:https://wangyasai.github.io/Play-a-ball/

Play a Ball(玩个球)这个网站真是懒癌的福音,让你AI都不用打开都不用入就能做出这样的抽象图形:1c7472f16ada37cf40698fc8cfde7f25.gif

f2b698e7f018df31d5dfbc81a2b852c2.gif

1. 案例参考


141d8e51af712f1c0ffc85f42ab697d3.gif

bc76915a19b50d844ee3914e3a0d0e43.gif


十、Q版星球生成器:Polygonal Planet

5c7c1271d462e376a0833e64de02ea72.png

工具地址:http://oskarstalberg.com/game/planet/planet.html

这是独立游戏开发者 Oskar Stålberg 开发的一款又萌又酷的星球生成器,只需要动几下鼠标就能生成这样的萌物:

944fa4f081a37d57d7caeba95662128a.gif

工具栏长得非常友好,分为三类:

8efb3b15df3aff266f0e237d95de4852.png

操作也十分简单,选中一个模块类型(比如森林),在星球上随意点击即可:左键生成,右键消除,就是这么简单。

bb695076322208b80d3aabdf66c0d788.gif

同一模块,你还可以叠加多层,看这拔地而起的气势:

d305137c934ea050d34efe2a1d272291.gif

1. 案例参考


141c2289de62209a899adb1dbed3f9f3.png

c4c53c517d17903ddb431a43d0f99746.png


十一、立体星球生成器:Little big city

0a88a34472fd01c1df945b9bb2b17a33.png

工具地址:https://pissang.github.io/little-big-city/

2.5D素材!换不快到收藏起来!

0319a3b9eebf540d1281f826f59181d9.png

星球上的这些3D建筑并不是随机生成的,而是对接了 MAPTALKS 上的真实数据,直接拖拽右下角的地图,就会实时刷新:

18d5a2dbd54c78b002283117a2978368.gif

最酷的是,你看到的整个3D星球都是可拆分的:土地,道路,建筑,水域,云层都可以分别设置是否可见,以及调整颜色。这样,我们就有了用之不尽的超优质3D星球素材了,而且素材还免费可商用!继续抛砖:

c3dab6769877a6f70108d688df27dca5.gif

1. 案例参考


a8c5c4f03bb8461d80e137f56b82e6b3.png

d705f525438dbfb139c5a19ec25ae3d7.png

ef64d77df1951b7ee8ba2317867294e2.png

5f89d1ddf30efbde396d2a24aeb07c93.gif

4c231fa8d7c48255235a9b169581118c.gif

b6564df80dcd375029f5963f8bf1c0f9.gif

配色网站类

经常会遇到同事问配色的问题,或者有没有适合推荐的网站下面是一些我遇到一些配色问题经常逛的网站

1、渐变调色器


4fecae286b86b5956a455de60a03d66b.png

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

ShapeFactory这个网站可以选择色系.饱和度.明度能很好的帮助我们找到想要的渐变色系。

8d27d5e0a2db632916f490be406eabdd.png

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

这个网站颜色还是很舒服的,如果用厌倦了常用颜色去逛逛这个网站会有不同的感觉,里面有标注数值色号,直接复制到ps里面就可以方便使用。

1、颜色生成

b8a0b9fb84f2a42d26ba28d0f977334f.gif

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

还是ShapeFactory的,他家三款软件真的实用了。

f8ad3d2b8f63a94f090a3e18660c1ef3.png

4a2fd75b2dd9f2d1d03fece58fb17d37.png

工具地址:https://coolors.co/app

coolors可以生成颜色同时还可以看一些优秀设计师的配色表并且可以下载分享。

f37ea5902327d7e81acc993bf465a7c2.png

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

icolorpalette是个人比较常用的配色网站,里面都是用照片的颜色进行提取所以做出来的设计不会有违和的感觉。


么久大家对我工作的支持和包容,不足的地方请大家多多包涵;

最后祝大家:

前程似锦 海阔天空!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值