手把手教你玩转文章背景图

厌倦了纯白的背景色,想要尝试更多元化的文章版式?
从背景下手,最容易出效果。
今天就来讲讲如何设置一篇文章的背景图

厌倦了纯白的背景色,想要尝试更多元化的文章版式?

从背景下手,最容易出效果。

今天就来讲讲如何设置一篇文章的背景图


先来看看几个例子


0?wx_fmt=png



grey.gif


以上两篇是小编截取的135历史文章中使用背景图的文章

各位宝宝觉得怎样?



做出上述炫酷的背景图,只需三个步骤:

1.上传背景图

2.选择半透明样式

3.插入样式 适当修改


下面小编将分条进行详细阐述



一:上传背景图



上传背景图有两种方式,

一是选择135编辑器的在线图片作为背景图,方法简便。

二是用户选择本地图片作为文章背景图。

本文主要讲述后者使用方法。


上传图片复制网址上传背景图 


grey.gif





二:选择半透明样式



背景图设置成功后,你会发现如果在背景图上码字,基本上看不清写了什么。

像这样:

grey.gif

这时,我们需要,在背景图上增加一个半透明的样式,

这样文字写在纯色图层上,更易分辨。


像这样:

grey.gif


具体操作方法:

样式中心半透明样式收藏

grey.gif





三:插入样式



插入样式后,首先判断样式与背景图是否搭调。


插入样式输入文章内容 ➤整体预览


grey.gif



若样式和背景图不搭,再进一步改变颜色和透明度


给样式换色改变透明度

grey.gif



修改代码放大示意图:


grey.gif


在代码中找到

opacity: 0.6; background: rgb(226, 121, 97);

删除 opacity: 0.6;

rgb(226, 121, 97); 改为 rgba(226, 121, 97,0.9)

注意:0.9为透明度。0为全透明,1为不透明

本次小编设置透明度0.9






效果展示


grey.gif


有些朋友可能要问了,好看的背景图哪里去找呢?

小编在这里提供一个思路

可以将 搜索关键词 设置为『手机壁纸、桌面壁纸』 

常常会有意外收获~


喜欢这种风格的朋友们,赶紧用起来吧~





grey.gif



抖音.gif



文章评价
登录后可以评论
立即登录