# 5.8  图片融入背景

![img](/files/-LmOzfXxMjf9D0YTk127)

图5-61

如图5-61所示，直接将图片放在版面上，会让图片变得十分生硬，即是将背景颜色改成和图片相似的主色系，还是不能抵消这种生硬的感觉，若想要消除图片与背景过渡的问题，我们可以选择一个图片特效实现这种预想，那就是柔化边缘，这种方式在以前提到过，我们对此加以深化此功能。

如图5-62所示。

![img](/files/-LmOzfXzmD99lnYwsAZ_)

图5-62

在这里，我们其实用到了柔化边缘巧妙的去除了图片的边缘以使得图片融入到背景，然后将文字置于图片两旁。

首先我们插入图片，设置图片效果，单击右键选择“设置图片格式”，或在“图片工具-格式”选项卡中设置图片效果，进入图片格式设置的窗口，选择“柔化边缘”，参数如图5-63所示，效果如图5-64所示。

![img](/files/-LmOzfY1TWTqCpjwZFBD) ![img](/files/-LmOzfY3caejg0TkPFch)

图5-63 图5-64

加入文字内容，将文本框设置为置于顶层，将挡住图片的文字隔开，不需要将隔开的区域都非对其不可，别忘了你的文本已经设置过一个左对齐了，对于文本对齐来说已经够了。

![img](/files/-LmOzfY5KX7n0PPI-JVz)

图5-65

为了让整个版面更有设计感，我们让人物的眼睛看到更多文本内容的那一端，这样会让版式更和谐一些。

在“图片工具-格式”选项卡中选择“旋转”命令，在下拉选项卡中使用“水平旋转”命令。

![img](/files/-LmOzfY9CFQZ320q2MXB)

图5-66

最后我们得出最终效果图，如图5-67所示。

![img](/files/-LmOzfYBckuqkykMdZfw)

图5-67

还有另外一种将图片融入背景的方法，那就是图形与图片的结合，这里面运用到了图形的渐变。这又是一个不同的方法。

实现效果如图5-68所示。

![img](/files/-LmOzfYDhDLqnRkS1YN3)

图5-68

这个实现过程不难，首先我们得认识图形的渐变，我们在前面就有所了解，页面的版式设计上我们相对于上一个效果有所改变，这是因为实现的效果不同，所展示的版式就不同，所以我们应该灵活的运用版式，去配合不同的效果。

我们首先进行一些简单的基础操作，将整个版式排版成如图5-69所示的样子。

![img](/files/-LmOzfYFga3IDi6xuWi2)

图5-69

这些都是色块与色块间的组合，中间的色块颜色如何调配呢？这应该是大多数人的想法，其实这非常简单，本书在设计中间色块的颜色时，仅使用了一步，吸取颜色即可，别忘记了PPT还有这样的一个大杀器可供选择，中间色块使用的吸取的颜色为图片的背景色。

在设置完成版式后，我们需要加入插入一个矩形的色块，大小为中间色块的长度。对色块设置线性渐变，线性向右，角度为0°，设置两个光圈，颜色和版式中间色块的颜色相同，对第一个色块设置100%的透明度，设置参数如图5-70所示，效果如图5-71所示。

![img](/files/-LmOzfYHfO2qC9K9c8DP) ![img](/files/-LmOzfYJXV-8vFctydOY)

图5-70 图5-71

然后将渐变色块置于图片的右侧，调整好位置，设置就完成了。

![img](/files/-LmOzfYLoFclQ3W5JzeX)

图5-72


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://purelife.gitbook.io/little-design-powerpoint/part-2-ti-gao-pian/chapter5/chapter5-8.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.