小米、魅族和OPPO都在用的PPT图片处理技巧，简单几步就能做出超惊艳的图片

badmanchan

图片是PPT最重要的组成元素之一，而图片的处理自然而然成为了一个高频出现的问题。PPT图片到底要怎么放才好看？
- q  W" Y1 c' Y: t# ]  d这次，三顿从小米、魅族和OPPO的官网上发现了不少精彩的案例，我把它们搬到了PPT中：
/ J0 g" D# V( P6 l$ v* Z; d
( G. ~; u2 Q/ M& X+ x从中总结了3个兼顾实用性和美观性的图片处理技巧，这期三顿食堂就给大家做一个完整的分享。
& p5 t8 O/ o) P8 _# i画中画效果
4 c1 h3 I0 T) z( J) H第一个要给大家分享的，是画中画效果。啥是画中画？放个案例你就能理解。

) q& R- V4 b0 ~4 d$ y背景和样机效果（其他形状元素亦可）使用完全相同的图片，所营造出的这种画中画效果非常惊艳。
3 c- |2 `( I# s不仅视觉呈现震撼，还可以让大家的视线很好的聚焦到图片部分，从而突出强调图片内容。
# U' u. k: G. J: W0 |# b4 U
& ]8 t, E5 O9 _' D  B+ Y另外，这种画中画效果的玩法非常多样！我们可以在小图的部分放置文字，同样起到的是突出强调的作用。

/ C) a& k7 k" w( C# X
那如果想让图片或文字的显示效果更清晰，还可以在背景的部分加上一层半透明的黑色蒙版。
# j& @; |) J( j: Z
  f' ?( K( d) P& U9 J, Z+ ?& y& a
  x9 g  z$ {/ [- O# h* Z# `( Q4 `
) P2 m. P8 ?. \+ H4 A( n除此之外，还可以让样机（或其他形状元素）立体化，做出像下面这样的页面。


9 ^  i, w' [) \1 u0 H$ F) Q
% ?7 x( t" z' i. h5 r% H而在具体制作的部分，立体效果需要素材支撑，而平面的效果只需要用到幻灯片背景填充功能，不妨可以在看完文章后自己尝试一下~
, B& ^4 }% O1 E突破边界效果
' a. v" ]$ q( N7 V: u/ u

效果展示

第二种要介绍的效果，三顿给它取了个不好听，但是非常形象的名字，叫做突破边界。
2 a+ [5 {7 x6 U3 f; I

  N: g0 T5 K) k  F2 G就像案例呈现的这样，图片中的人物或元素有一小部分超出了原本的边界，让页面立体感十足。
8 L, N" A3 l8 m# m1 M4 y
& j- Q1 J) q* Z* A
& j$ W' [* e+ r2 U$ K效果惊人的同时，也有超多玩法！比如在画中画效果的基础上，可以让小图中的一部分“打破”边框，从而增强页面的层次感。

- q4 W' D+ _" z% }( s$ [2 V  I
6 ~5 H8 H$ I- I) c再比如将元素立体化，让图片真的有一种“扑面而来”的感觉。
* }& ^$ Q! F2 l) Z* i; a
# s8 ~& M- B4 B) B6 D& ]) p3 w$ V

怎么样，是不是特别酷炫？
! C( n' w3 z9 y4 Z! R% B: k+ T/ E; g% K

具体制作

三顿三顿，这么高大上的效果，一定也是用专业的工具制作的吧？其实简单的效果PPT也能搞定！
以下面这页为例，案例本身是一个中规中矩的图文页，如何让它更惊艳一些？
' ?9 w8 b' P5 j. t; r/ b! t: R/ y
1 y) P" ]# _4 a( p1 N其实拆解一下页面，就是内容和背景两层。我们重点要处理的是内容层上的这张图片，给它加上“突破边界”的效果。

+ ?4 T& f# O/ |5 R第一步，是抠图。我们可以利用PPT自带的删除背景功能，或是之前推荐过的在线工具Remobg（www.remove.bg），将图片中的人物扣取出来。

9 X, G$ D: I$ J' V第二步，放大原图。将PPT中的原图进行等比放大，使人物的头部稍稍超出原先的边界（电视机框），

3 s4 u  t$ E* [- M第三步，剪裁原图。将放大好的图片进行剪裁，剪裁掉超过电视机框的部分。
2 G9 h" J. Y9 v
' {; G$ h" J8 {" W1 A( k. Z8 Q1 |第四步，拼合图片。把扣好的人物图片放到PPT中，调整大小并拖动到和原图人物相同的位置即可。
4 N0 K/ @! v% J  m
只要四步就能做出这种突破边界的效果，是不是特别简单？其实回顾一下前面的案例，方法原理都是如此。
+ {* P  h2 K2 o% |6 s我们可以通过抠图、放大原图，再进行拼合的方式突出图片主体，打造“突破边界”的效果，营造页面的层次感。

只要有清晰主体的图片，都可以用这个方法进行操作，看完文章自己动手尝试一下吧！
4 s, R5 l/ t" p- W图文交错效果
0 h( L5 M! v. e: U第三种要介绍的效果，叫图文交错。这又是个什么效果呢？更加简单，就是将文字置于背景层和图片层之间。

* _+ Y$ o9 |0 T/ Y3 H
; K! O" p7 Y( K; N4 h& e& Y0 B% K这种图片与文字融合的设计，同样也能很好的增强页面的立体感：
  U  ]" o, U) Y9 s% D7 r/ L, _
3 E: z6 v8 ~7 L% P" S5 n! y8 W看完就能想到是怎么做的吧？只要有合适的PNG图片，做起来非常方便。
而可怕的是，它还能结合前面两种效果，做出下面这样的设计：
' L7 i, M# u2 F  Y! D$ Y2 b+ E; N
  r& _: y# m7 [  {; ^0 h

具体案例

▼ 案例一
简单的“图文交错”效果，先设置背景，再加上文字，最后加上PNG图片就能完成。
那要是没有现成的PNG图片素材怎么办呢？也不困难，就像三顿前面分享的这个案例，它本身是一张完整的图片。
4 Q' q4 b% h2 O! ]1 i) {
第一步，是抠图。同样是用删除背景或是在线抠图网站，将图片的主体，也就是手机部分扣取下来。

  H9 N! T5 v  ^1 d/ `- Y第二步，加文字，在原图上添加设置好文字内容。
- b& C+ }; e1 S' V$ B
. c1 g' L+ x$ K第三步，拼合图片。将扣好的图片放置在原图主体的位置，两者完全重合后加上最后一层文字即可。

▼ 案例二
' D' J) q; @" ?( h' t简单的效果容易制作，那前面看起来就很复杂的三合一效果该怎么做呢？以这页为例，思考一下。

* s1 V+ m3 e0 B5 c0 q! \- }其实一点不难，整个页面分为三层，最底层是背景层和一张PNG格式的图片。
% c9 l  q* h4 W6 c" a3 A3 d  ?
第二层添加文字，注意将中间的数字拆为两个文本框。
7 T7 d) ^9 t; {1 n
0 l* H7 ]/ C$ D7 I+ y" T而第三层则是将原先的PNG图片复制，剪裁出一部分后拼合到原图中去，
* G+ ~$ I& T; Y- a
" C  y; i9 \0 D. F2 ^0 C最后，将数字1置于PNG图片下方（选择窗格功能），整个页面就大功告成啦！文末提供了完整的案例源文件，大家不妨可以自己动手尝试一下。
3 ]# h6 i$ d! w8 W6 B. w以上就是这期三顿食堂的完整内容啦，赶快收好这三种超酷炫的图片效果：
3 o, r7 q+ t0 j
8 k6 q. {; n! }; N* G方便大家动手练习，案例的源文件（部分为图片）也给大家做了打包：

推荐资源：


: S5 S% y3 \/ b
+ B: {: O9 B: I" p( L来源：http://www.yidianzixun.com/article/0MBX8Pud
, O& f1 U/ y0 q' N. y: `4 g免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！