图表美化教程|图案与形状填充

今天跟大家分享简单的信息图制作方法——形状/图案填充法

▽▼▽

今天教大家简单的图表形状填充。

●●●●●

首先是一个已经做好的柱形图。

每天都看着这样的图表时间久了也会看腻的,那么一个小小的柱形图到底可以衍生出多少新花样呢!

今天教大家三种图表美化思路:

图片填充:

形状填充:

图案填充:

形状填充:

如果说这个案例中的数据是指代的水果(苹果、香蕉等),农产品甚至小汽车,你都可以利用现有的形状素材,把柱形图的每一个数据条填充成对应物品。

购物消费数据:

导入素材——素材填充颜色——复制素材——选中数据条并黏贴

打开数据序列设置选项卡,找到图片或纹理选项卡,点选层叠。

然后就是见证奇迹的时候,你敢相信自己的眼睛吗?

注意我刚才选用的素材是从PPT美化大师的形状中插入的矢量素材(可编辑的形状),当然如果是使用像素图的话也可以,不过颜色无法更改。

在填充形状的时候,一定要填充前自定义好形状的颜色,否则填充之后是无法更换颜色的。

填充咖啡:

图片填充:

下面的WiFi标识是一个(位图)像素图,无法更改颜色。

不过要是能够找到挺精致而且颜色也很协调的图标的话,填充效果也是棒棒哒,如果觉得填充值后图标太大了,没关系,将数据条之间的间距调小,图标就会自动等比缩放(前提是勾选层叠)。

至于间距多少合适,自己看着调啦~

图案填充:

excel的图案填充功能非常有趣,里面内置了大概42款不同的图案样式,而且你可以自己定义前景色、背景并调制出自己喜欢的图案样式。

前景色与背景色调制规则(前景色一定要用深色,背景色使用同一色系的浅色)

只有你想不到,没有它做不到,这种纹理填充风格,非常类似于咨询公司的研究报告中的图表风格。

利用软件自带的图案形状填充功能,你可以充分发挥自己的想象力,创作出很多的奇葩的图表来!

还有一点儿,填充之后的图表,依然是可以添加图例、数据标签的,如果是重要场合使用,美化是一码事儿,完善图表的各种必备元素(图例、备注、数据标签)等才是更重要的!这里为了节省时间,就省略掉了。

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-04-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯社交用户体验设计

H5动效的常见制作手法 - 腾讯ISUX

5962
来自专栏IT平头哥联盟

如何使用CSS3画出懂你的3D魔方~

  最近在写《动画点点系列》文章,上一期分享了< 手把手教你如何绘制一辆会跑车 >,本期给大家带来是结合CSS3画出来的一个立体3d魔方,结合了js让你随心所欲...

965
来自专栏应用案例

揭开ps的神秘面纱——初步认识photoshop

在这个看脸的“世界”里 论软件的强大莫过于ps 堪称美图界“磨人的小妖精” 下面就让小编带大家伙了解一下神秘的它吧 1.什么是psPS(位图图像处理软件Phot...

2258
来自专栏腾讯社交用户体验设计

经验分享:多屏复杂动画CSS技巧三则 - 腾讯ISUX

2622
来自专栏技术专栏

微信小程序- 移动设备的分辨率与rpx

2271
来自专栏Fred Liang

移动端 Web 渲染解决方案

秋招 H5 移动端(面向微信)设计师出的落地页的动画层数有30层左右,在通过 bodymovin 导入前端页面中后再加载好素材之后仍有5秒左右黑屏渲染动画 目...

1894
来自专栏九彩拼盘的叨叨叨

第三届 CSS 开发者大会笔记

这次大会于 2016 年 12 月 17 日在广州的天虹酒店举办。演讲嘉宾有大漠,勾三股四等一些业界大牛们。特邀嘉宾有 Andrey Sitnik(PostCS...

1352
来自专栏Coco的专栏

不可思议的混合模式 background-blend-mode

1895
来自专栏华章科技

天天做饼图,你烦不烦?老板都看腻了!

好象也没毛病,也挺好看的。但是....所有人的图表都是这样做,怎能突出你的图表个性?还可以更好看?看看下面的水滴图表:

1032
来自专栏腾讯社交用户体验设计

高清ICON SVG解决方案(上) - 腾讯ISUX

3254

扫码关注云+社区

领取腾讯云代金券