微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)

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

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

今天就来讲讲如何设置一篇微信公众号文章的背景图

先来看看几个例子

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(1)

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(2)

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

各位宝宝觉得怎样?

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

1.上传背景图

2.选择半透明样式

3.插入样式 适当修改

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

一:上传背景图

上传背景图有两种方式,

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

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

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

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

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(3)

二:选择半透明样式

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

像这样:

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(4)

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

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

像这样:

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(5)

具体操作方法:

样式中心半透明样式收藏

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(6)

三:插入样式

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

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

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(7)

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

给样式换色改变透明度

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(8)

修改代码放大示意图:

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(9)

在代码中找到

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

效果展示

微信公众号排版做图教程(手把手教你玩转微信公众号文章排版背景图)(10)

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

小编在这里提供一个思路

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

常常会有意外收获~

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

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页