vue arcgis 多边形填充的颜色_小功能大作用,幻灯皮片背景填充原来如此有意思...

ae0801c9714200760bab0e817d787482.png

今天和大家分享【幻灯片背景填充】这个功能。结合具体案例,附上详细教程,有兴趣的小伙伴码住。

【幻灯片背景填充】

当你选择任何一个形状或者文本框,在填充选项里会有一个常被我们忽略的[幻灯片背景填充]。

53fd024a76aeaf08b3dd7d9ce0ee496c.png

这个功能顾名思义,就是将当面页面的背景样式(背景颜色或者背景图片等)填充给形状。

比如当前页面我设置了背景格式为填充了一张图片。然后我插入一个形状,当我把这个形状设置为【幻灯片背景填充】,那么我把这个形状到不同的地方,就可以显示不同的内容。

042be5f265f85c4209d9984ece15466e.gif

注意:这里一定要把背景填充设置为图片填充,而不可以直接在页面里插入一张图片。

那这个简单的功能能有啥用?我们用它能设计出什么神器的页面?

幻灯片背景填充的作用

用途一:制作与背景融为一体的画中画

咱们先看案例,我再分析制作过程

86631ee69eeaec6a5c54243918ca8cda.png

1.先在页面里插入一张图片,并把它调整到和页面等大。然后Ctrl+C复制这张图片。

2.设置背景填充,填充选择为图片或纹理填充,图片源为剪贴板

31e35e86b179e63e4f22bf8aaf8aa59a.png

3. 选中页面中的这张图片,将其图片的艺术效果设置为【虚化】

1a8259edf154b72a60525ee2bb576f71.png

4. 最后插入一个矩形,给这个矩形设置【幻灯片背景填充】

5d045a315b8a8cac9cb4d96976626d4d.png

掌握了这种思路,你还可以稍微改造下:

步骤1和2不变,把上述步骤3更改为将图片的颜色设置为黑白的。

2afeb7c0c749be20225140100d3b48e3.png

步骤4也不变,但是在原来的圆角矩形的基础上,外面可以再套一个样机素材。(样机素材可以去觅元素找)

就可以做出这个页面。

b3a16882881ae72b574044f778e2d81f.png

那么这种手法,常见于很多的手机发布会上。

84ae75d7852195256582d4209d16ba39.png
3c053e57f536114557ebe9edf005fefd.png

用途二:用以强化突出重点

比如原始这样一张图片:

76c287e09cb956c0fbd83e764149549d.png

那么经过处理后,你可以做出这样的设计。

ca8bd39f9e389867abd26e021a7a496f.png

制作方法:

前2步和上述案例一样。

1.先在页面里插入一张图片,并把它调整到和页面等大。然后Ctrl+C复制这张图片。

2.设置背景填充,填充选择为图片或纹理填充,图片源为剪贴板

3.在【图片格式】-【颜色】里把图片的颜色设置为灰度图片

4. 插入-形状里,插入一个任意多边形

6286302a66176825c6964c579927f8be.png

利用它去勾画人物的轮廓。

fb90d95d50fa77aa0b0bb673ba68e165.png

将这个勾画出的形状,设置填充为【幻灯片背景填充】,即可完成。

同样的方法,对于这张素材。

79b8a215090f06ded9d627c01f60043d.png

你还可以做出这样的页面。

21a2b44b07f3a3c9416842d21c46bf11.png

用途三:用以制作出文字穿插效果

比如原始这样一个页面,将背景设置了图片填充。然后我们插入文本框后,文字会在上方。

75091f6d1e194044388385599595d9dc.png

那如果我们用任意多边形画出一个形状。

bbc447ff51091b4ce5083e5c2bfd445b.png

现在咱们设置这个形状填充为幻灯片背景填充后,即可得到这个效果

4529ca276c95d3ae03133db1d19d2608.png

同样地方法,我们直接插入文本框是这样的效果。

9a4f9d3acdc9732597fcc7feb2a2419f.png

如果先勾画出这样两个形状。

17bc52448eecdac3695e282de536c186.png

设置幻灯片背景填充,现在可达到这个效果。

8a6b7c188bfce6720d5222078c4804a6.png

用途四: 制作人物穿插在形状中的效果

原始样式: 设置好背景填充为这张图片后,直接在页面里插入一个线框

f69df24ab7b5b8dfaabde3671b5ac89c.png


在人物被遮挡处勾画出两个形状。

6ddc178f67c7048e739b8f4330c5c687.png


形状设置幻灯片背景填充后:

1db52c3101bff9a868eae1cd4e90a8f7.png

用途五:制作不闭合形状

原始页面背景填充为一张图片,插入文本框后是这个效果:

18e57b436ebe26a1a1308317eaeaf70b.png

现在直接将文本框设置为幻灯片背景填充即可

42c5efd9859ed485c1a6c1eb3915d5cd.png

一样地大家就可以做出这个效果了:

5c555a33ae8d223ac6d81d2928713773.png
561523d8f4c4f0309a4c17249c6f3d38.png


最后再提醒注意:这里的背景一定是要右键-设置背景格式,将其填充为按图片填充。不可以直接插入图片置于底层来作为背景。

以上就是和大家分享的关于幻灯片背景填充,希望对你有所帮助!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值