分享

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

 完颜阿骨打矩阵 2016-11-01

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

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

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

先来看看几个例子

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

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

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

各位宝宝觉得怎样?

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

1.上传背景图

2.选择半透明样式

3.插入样式 适当修改

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

一:上传背景图

上传背景图有两种方式,

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

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

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

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

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

二:选择半透明样式

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

像这样:

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

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

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

像这样:

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

具体操作方法:

样式中心?半透明样式?收藏

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

三:插入样式

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

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

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

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

给样式换色?改变透明度

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

修改代码放大示意图:

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

在代码中找到

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

效果展示

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

移除点击此处添加图片说明文字

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

小编在这里提供一个思路

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

常常会有意外收获~

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


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多