查看原文
其他

作为PPT/图文排版必备技能,你知道平铺背景如何快速生成吗?

JZCreative 2023-03-21

除了干货,其它什么也没有

职场

数据

新媒体

设计

极客

高级PPT定制咨询:021 37218818

https://v.qq.com/txp/iframe/player.html?vid=c0544njx64m&width=500&height=375&auto=0


看似简单的平铺背景设计,在实操时往往让新手满头大汗——如何确保图片上下左右循环衔接?如何快速整齐堆叠素材?以上视频,来自 PPT 设计大咖璞石(微信公众号:pushippt)的教学,帮助你高速解决上述问题。



而这个网站,机智地通过 SVG+CSS 代码逻辑,完成了平铺画面的设计。就可以将生成结果快速地:


  • 导出图像,用于 PPT 背景平铺

  • 导出图像,用过微信图文排版背景平铺

  • 导出代码,直接内嵌到开发的网页前端




操作简单

打开网站新建空白文件后,你既可以从右侧直接选择你喜欢的图标,也可以加载其他矢量 SVG 图标文件



可控参数非常多,既包括常用的尺寸、角度、透明度等,也也可以对 SVG 路径重新进行着色。这种路径着色动作相信读者们都很清楚,和我们带领整个行业学习的 SVG 交互设计图文原理一致







至于小编如何把下载到的图片应用在微信排版里平铺,你可以点击阅读《教你改变微信图文的背景!(纯色/花纹/动态)》学习。实际上,<background-reapeat>参数默认是重复状态的,唯一要注意的是:


  • 建议背景图的花纹颜色偏白一些;

  • 建议直接设置白色文本背景,这样当块级元素的背景穿过文字时,文本背景可以予以遮挡,否则背景很容易跟文字混合导致识别度降低。




最后是所需网址

https://patterninja.com/




至于更多 PPT、Prezi、简历、邮件等更多零零碎碎但又十分有用的技巧去哪里学习?可以长按识别以下二维码,加入我们超高评分的职场全能网易云课堂课程▼






#推荐阅读#

15个不翻墙免费可商用矢量素材下载网站

地图类素材有这个网站就够了

最全H5音效库素材网站推荐

6个免抠图透明背景素材库



视觉设计咨询:021 37218818


其他你会感兴趣的内容

回复 P  S获取软件专业滤镜资源包

回复 配色了解设计学配色基本理论

回复 汉仪下载更多的汉仪字库试用

回复 H  5开启移动营销技术学习课

回复 GIF 看动态图制作的入门教学


H5、平面、视频等数字营销服务请致电

TEL:(021)3721 8818


客户案例:APEC 峰会 | 中国航天科技集团 | 香奈儿 | 肯德基(湖南) | 中国国际航空 | 湖北省电视台 | 河南卫视 | 浙江省人民广播电台 | 三生制药 | 交通银行 | 建设银行 | 真格基金 | 南方周末 | 上海闵行教育学院 | 牛津大学出版社 | 新东方集团 | 伟巴斯特 | 雪佛兰汽车 | 观致汽车 | 雷诺汽车 | TNS 新华信 | 高力国际|第一太平戴维斯|德国莱茵|盖茨基金会|追星集团

抱歉,除了干货,其他什么也没有。





您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存