![ae0801c9714200760bab0e817d787482.png](https://i-blog.csdnimg.cn/blog_migrate/a668595d25cbb299b8d52699e5f239b4.jpeg)
今天和大家分享【幻灯片背景填充】这个功能。结合具体案例,附上详细教程,有兴趣的小伙伴码住。
【幻灯片背景填充】
当你选择任何一个形状或者文本框,在填充选项里会有一个常被我们忽略的[幻灯片背景填充]。
![53fd024a76aeaf08b3dd7d9ce0ee496c.png](https://i-blog.csdnimg.cn/blog_migrate/ae26465d6a8962e99537efadf43677f8.jpeg)
这个功能顾名思义,就是将当面页面的背景样式(背景颜色或者背景图片等)填充给形状。
比如当前页面我设置了背景格式为填充了一张图片。然后我插入一个形状,当我把这个形状设置为【幻灯片背景填充】,那么我把这个形状到不同的地方,就可以显示不同的内容。
![042be5f265f85c4209d9984ece15466e.gif](https://i-blog.csdnimg.cn/blog_migrate/36121344b6ab917cc78d60121c0cfaac.gif)
注意:这里一定要把背景填充设置为图片填充,而不可以直接在页面里插入一张图片。
那这个简单的功能能有啥用?我们用它能设计出什么神器的页面?
幻灯片背景填充的作用
用途一:制作与背景融为一体的画中画
咱们先看案例,我再分析制作过程
![86631ee69eeaec6a5c54243918ca8cda.png](https://i-blog.csdnimg.cn/blog_migrate/a74d230713d46b04a322248eb322a212.jpeg)
1.先在页面里插入一张图片,并把它调整到和页面等大。然后Ctrl+C复制这张图片。
2.设置背景填充,填充选择为图片或纹理填充,图片源为剪贴板
![31e35e86b179e63e4f22bf8aaf8aa59a.png](https://i-blog.csdnimg.cn/blog_migrate/77874e6fb67928e0906ed82e33caddc5.jpeg)
3. 选中页面中的这张图片,将其图片的艺术效果设置为【虚化】
![1a8259edf154b72a60525ee2bb576f71.png](https://i-blog.csdnimg.cn/blog_migrate/fb547d77b01c224a1e01087dde401dab.jpeg)
4. 最后插入一个矩形,给这个矩形设置【幻灯片背景填充】
![5d045a315b8a8cac9cb4d96976626d4d.png](https://i-blog.csdnimg.cn/blog_migrate/c3f6d873c5307471ffc166894f9286ff.jpeg)
掌握了这种思路,你还可以稍微改造下:
步骤1和2不变,把上述步骤3更改为将图片的颜色设置为黑白的。
![2afeb7c0c749be20225140100d3b48e3.png](https://i-blog.csdnimg.cn/blog_migrate/5a12d88b84cb35eb7ab60f54039aa9d3.jpeg)
步骤4也不变,但是在原来的圆角矩形的基础上,外面可以再套一个样机素材。(样机素材可以去觅元素找)
就可以做出这个页面。
![b3a16882881ae72b574044f778e2d81f.png](https://i-blog.csdnimg.cn/blog_migrate/cd59a2afe635eb9fc4d3de6f83d54e0f.jpeg)
那么这种手法,常见于很多的手机发布会上。
![84ae75d7852195256582d4209d16ba39.png](https://i-blog.csdnimg.cn/blog_migrate/27501e2f27006e01409f57149982e7f3.jpeg)
![3c053e57f536114557ebe9edf005fefd.png](https://i-blog.csdnimg.cn/blog_migrate/db79e9605095cf4b0fd5d54d2fc83125.jpeg)
用途二:用以强化突出重点
比如原始这样一张图片:
![76c287e09cb956c0fbd83e764149549d.png](https://i-blog.csdnimg.cn/blog_migrate/003bfdfe9279d8867ad77bc7a1a1ad41.jpeg)
那么经过处理后,你可以做出这样的设计。
![ca8bd39f9e389867abd26e021a7a496f.png](https://i-blog.csdnimg.cn/blog_migrate/82d333499944c88d493fe1bd698cea73.jpeg)
制作方法:
前2步和上述案例一样。
1.先在页面里插入一张图片,并把它调整到和页面等大。然后Ctrl+C复制这张图片。
2.设置背景填充,填充选择为图片或纹理填充,图片源为剪贴板
3.在【图片格式】-【颜色】里把图片的颜色设置为灰度图片
4. 插入-形状里,插入一个任意多边形
![6286302a66176825c6964c579927f8be.png](https://i-blog.csdnimg.cn/blog_migrate/6e0009d8e876ccab2ec69280a3d28e8c.jpeg)
利用它去勾画人物的轮廓。
![fb90d95d50fa77aa0b0bb673ba68e165.png](https://i-blog.csdnimg.cn/blog_migrate/5d54b9df09b875eb3fe7c7154d45b1de.jpeg)
将这个勾画出的形状,设置填充为【幻灯片背景填充】,即可完成。
同样的方法,对于这张素材。
![79b8a215090f06ded9d627c01f60043d.png](https://i-blog.csdnimg.cn/blog_migrate/859d6d15b1afdab6e46b4d6eef1135a2.jpeg)
你还可以做出这样的页面。
![21a2b44b07f3a3c9416842d21c46bf11.png](https://i-blog.csdnimg.cn/blog_migrate/11632bb9326451cf56f65b20b8a116a6.jpeg)
用途三:用以制作出文字穿插效果
比如原始这样一个页面,将背景设置了图片填充。然后我们插入文本框后,文字会在上方。
![75091f6d1e194044388385599595d9dc.png](https://i-blog.csdnimg.cn/blog_migrate/484ff81d621ac68ef970b722768066bf.jpeg)
那如果我们用任意多边形画出一个形状。
![bbc447ff51091b4ce5083e5c2bfd445b.png](https://i-blog.csdnimg.cn/blog_migrate/14b6d2261ddafd6d1654d27bc61b1780.jpeg)
现在咱们设置这个形状填充为幻灯片背景填充后,即可得到这个效果
![4529ca276c95d3ae03133db1d19d2608.png](https://i-blog.csdnimg.cn/blog_migrate/d4030a306fe73ac4caa0a6199a6cf8c1.jpeg)
同样地方法,我们直接插入文本框是这样的效果。
![9a4f9d3acdc9732597fcc7feb2a2419f.png](https://i-blog.csdnimg.cn/blog_migrate/37a342dc90b9bb7257629f30766f4c61.jpeg)
如果先勾画出这样两个形状。
![17bc52448eecdac3695e282de536c186.png](https://i-blog.csdnimg.cn/blog_migrate/00fc5594b5eef58de1c9db19a88e1ded.jpeg)
设置幻灯片背景填充,现在可达到这个效果。
![8a6b7c188bfce6720d5222078c4804a6.png](https://i-blog.csdnimg.cn/blog_migrate/55e30c2a2d7cdbe52119dad4c7848513.jpeg)
用途四: 制作人物穿插在形状中的效果
原始样式: 设置好背景填充为这张图片后,直接在页面里插入一个线框
![f69df24ab7b5b8dfaabde3671b5ac89c.png](https://i-blog.csdnimg.cn/blog_migrate/e3aa707cc4a2a22bc941706244c66d4d.jpeg)
在人物被遮挡处勾画出两个形状。
![6ddc178f67c7048e739b8f4330c5c687.png](https://i-blog.csdnimg.cn/blog_migrate/650d7aae8541e095f8303e49f7cef56d.jpeg)
形状设置幻灯片背景填充后:
![1db52c3101bff9a868eae1cd4e90a8f7.png](https://i-blog.csdnimg.cn/blog_migrate/4bd796c3505ff7cdc25f1368f0960ef5.jpeg)
用途五:制作不闭合形状
原始页面背景填充为一张图片,插入文本框后是这个效果:
![18e57b436ebe26a1a1308317eaeaf70b.png](https://i-blog.csdnimg.cn/blog_migrate/0f3fb6740437603958ab748dafc592b2.jpeg)
现在直接将文本框设置为幻灯片背景填充即可
![42c5efd9859ed485c1a6c1eb3915d5cd.png](https://i-blog.csdnimg.cn/blog_migrate/42d54dd91eb3f283ca38469fb96291d3.jpeg)
一样地大家就可以做出这个效果了:
![5c555a33ae8d223ac6d81d2928713773.png](https://i-blog.csdnimg.cn/blog_migrate/a11039f467bd57d0d4cf07245cdfb800.jpeg)
![561523d8f4c4f0309a4c17249c6f3d38.png](https://i-blog.csdnimg.cn/blog_migrate/1944386badd37fb0b6d50a0501a57c8f.jpeg)
最后再提醒注意:这里的背景一定是要右键-设置背景格式,将其填充为按图片填充。不可以直接插入图片置于底层来作为背景。
以上就是和大家分享的关于幻灯片背景填充,希望对你有所帮助!