京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 8008|回复: 0

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

[复制链接]

16

主题

0

回帖

10

积分

新手上路

积分
10
发表于 2019-6-4 16:42:32 | 显示全部楼层 |阅读模式 来自 中国
) G% b  P+ A& l1 D# \$ c
图片是PPT最重要的组成元素之一,而图片的处理自然而然成为了一个高频出现的问题。PPT图片到底要怎么放才好看?- `' O* M5 t; o' y( y
这次,三顿从小米、魅族和OPPO的官网上发现了不少精彩的案例,我把它们搬到了PPT中:
- {! `) }7 A- g0 ~3 @* y! ]2 {0 A1 N, M! J( t6 {) M" R2 C" o  n4 M
从中总结了3个兼顾实用性和美观性的图片处理技巧,这期三顿食堂就给大家做一个完整的分享。
* u! o7 n9 R8 g. x5 |1 ~4 p6 Z& b画中画效果
+ ~! e4 ]) G9 `) E0 h第一个要给大家分享的,是画中画效果。啥是画中画?放个案例你就能理解。
( t( f. l/ m& m! @
' E8 a* o5 \* O$ Z背景和样机效果(其他形状元素亦可)使用完全相同的图片,所营造出的这种画中画效果非常惊艳。
+ Z9 `  N! F, o. a不仅视觉呈现震撼,还可以让大家的视线很好的聚焦到图片部分,从而突出强调图片内容。
! M$ Z7 Q+ ]# q! _8 c" h
" j  ]4 l. c+ X8 z/ z另外,这种画中画效果的玩法非常多样!我们可以在小图的部分放置文字,同样起到的是突出强调的作用。
$ f2 f0 d1 n3 q) h# S: b1 ]1 r- f& `/ t" B2 }/ I

( q* ~0 k6 f5 Y4 S, M/ q4 B# S8 F那如果想让图片或文字的显示效果更清晰,还可以在背景的部分加上一层半透明的黑色蒙版/ |# V; T8 s6 @

3 u" N8 I! I" z
: L1 M' ~" r& x# w. s) X: q: P
. {8 I6 z5 a' `除此之外,还可以让样机(或其他形状元素)立体化,做出像下面这样的页面。( G  b$ n( S3 P8 O% H% w

0 Q6 r# m! \% l* |
. `$ I+ Z) Y# H- C' N1 c7 i0 G. g4 r+ k; T
而在具体制作的部分,立体效果需要素材支撑,而平面的效果只需要用到幻灯片背景填充功能,不妨可以在看完文章后自己尝试一下~
5 E2 k& ^! `8 D; z突破边界效果
" H7 d, T$ }, A. B
效果展示
第二种要介绍的效果,三顿给它取了个不好听,但是非常形象的名字,叫做突破边界/ X( v1 A' r6 A7 O8 s' D* U
0 t! R# M3 I* g

: T4 K) A8 c3 U  s就像案例呈现的这样,图片中的人物或元素有一小部分超出了原本的边界,让页面立体感十足。! I# ~, G$ J3 t- J7 V9 W, x8 {
, o0 L& L/ A8 l# ]

% i! v1 j; v" Q( j0 K* W效果惊人的同时,也有超多玩法!比如在画中画效果的基础上,可以让小图中的一部分“打破”边框,从而增强页面的层次感。
; }9 S0 x. H3 z0 U; N" [3 X5 I/ B

4 m. ^) z' A# k# Y再比如将元素立体化,让图片真的有一种“扑面而来”的感觉。# M$ |$ ?( p& k% y/ x
  R; X2 O/ d4 Q* O* g4 e4 N

; I" d9 i6 L" b7 t! i% q' d
( K  B4 M6 H3 E  m# p怎么样,是不是特别酷炫?# s1 k$ W; w9 K3 g& g3 ~3 D% s0 ?
具体制作
三顿三顿,这么高大上的效果,一定也是用专业的工具制作的吧?其实简单的效果PPT也能搞定!( A& K' `+ H( M% _4 x" G
以下面这页为例,案例本身是一个中规中矩的图文页,如何让它更惊艳一些?" z% J- U' j% Q/ ]& O8 j* x. M
  B, k$ t6 y8 U2 S- v7 V8 h
其实拆解一下页面,就是内容和背景两层。我们重点要处理的是内容层上的这张图片,给它加上“突破边界”的效果。
0 s& I1 C; w9 @5 c0 n& N' \0 j! c' }  w) y9 H
第一步,是抠图。我们可以利用PPT自带的删除背景功能,或是之前推荐过的在线工具Remobg(www.remove.bg),将图片中的人物扣取出来。8 @7 b! K9 ?; _7 w

9 K% h9 s: P7 @' v- u! D' X, T第二步,放大原图。将PPT中的原图进行等比放大,使人物的头部稍稍超出原先的边界(电视机框),. A; u: j+ E% K$ c. N

7 x' x, I3 ^2 Z) y6 S7 Q第三步,剪裁原图。将放大好的图片进行剪裁,剪裁掉超过电视机框的部分。4 i: z% K- x! M& T0 A( u

9 E! }: g0 d6 X1 K+ x" [2 X第四步,拼合图片。把扣好的人物图片放到PPT中,调整大小并拖动到和原图人物相同的位置即可。; f0 K+ I! c" R+ N% s& X6 b
, }4 N% Z7 f! ?& [1 s# V% c% _. J4 D
只要四步就能做出这种突破边界的效果,是不是特别简单?其实回顾一下前面的案例,方法原理都是如此。
- O4 E+ p) ?7 U* Y4 W我们可以通过抠图、放大原图,再进行拼合的方式突出图片主体,打造“突破边界”的效果,营造页面的层次感。8 c" O, Y1 f& _0 Z
% ?9 t/ `0 }0 I6 Y% R4 H) K! t8 z2 ~
只要有清晰主体的图片,都可以用这个方法进行操作,看完文章自己动手尝试一下吧!
: k% q% z+ R5 H7 e3 b/ C1 [图文交错效果: v4 |3 c2 r; H% C% g4 l3 K  Y
第三种要介绍的效果,叫图文交错。这又是个什么效果呢?更加简单,就是将文字置于背景层和图片层之间。
, c) r2 A* k3 @+ P8 t8 ~% D$ ?. P* s. H) Q1 [' e# V8 i
7 W3 I% }3 O8 ?. `  K
这种图片与文字融合的设计,同样也能很好的增强页面的立体感:3 X8 W7 z6 g4 \2 Q
' m5 k9 b2 Y6 E+ k. Y1 @) \( I
看完就能想到是怎么做的吧?只要有合适的PNG图片,做起来非常方便。& L( \, b8 h! E6 w& E0 y  `
而可怕的是,它还能结合前面两种效果,做出下面这样的设计:
& {: j% a. K" h( w- o) _4 R! l
6 \; w& C, l3 _9 H0 m9 U" `7 }, {1 ]2 Q: ]/ J1 u- O( u; z
具体案例
▼ 案例一% k$ w! m- U0 Q) m9 T
简单的“图文交错”效果,先设置背景,再加上文字,最后加上PNG图片就能完成。
7 _; m+ }: p5 K; C要是没有现成的PNG图片素材怎么办呢?也不困难,就像三顿前面分享的这个案例,它本身是一张完整的图片。
6 a  Z9 v3 m, L. A
* C+ K# f8 O) w2 C" p第一步,是抠图。同样是用删除背景或是在线抠图网站,将图片的主体,也就是手机部分扣取下来。" s1 _! A  ~$ ~

- ~/ |: J, E5 O6 b第二步,加文字,在原图上添加设置好文字内容。
( Y$ J. X5 C% O  |6 _2 C
& Q) N" ]& @6 T1 x第三步,拼合图片。将扣好的图片放置在原图主体的位置,两者完全重合后加上最后一层文字即可。1 G9 u4 U+ T& z- L

6 U; p- j. U7 _2 I, i▼ 案例二
9 N% c" g8 h; J* H$ z# k2 b2 R简单的效果容易制作,那前面看起来就很复杂的三合一效果该怎么做呢?以这页为例,思考一下。% M4 e% u/ h, G0 u- e" _. `

/ q+ z+ p3 J  r  r2 U7 J" L+ p其实一点不难,整个页面分为三层最底层是背景层和一张PNG格式的图片。! U8 U  R& [& o2 B4 N7 G9 X9 F) d9 t
' d/ p$ b4 \, G8 {% j+ ~
第二层添加文字,注意将中间的数字拆为两个文本框。
. D1 Z1 n2 T2 U( Q2 Z5 Y  B% j+ M( Z7 D9 e+ D- V
第三层则是将原先的PNG图片复制,剪裁出一部分后拼合到原图中去,- g& \8 q/ Z) J# ], Z2 U
! f/ ~) p6 m- t
最后,将数字1置于PNG图片下方(选择窗格功能),整个页面就大功告成啦!文末提供了完整的案例源文件,大家不妨可以自己动手尝试一下。
/ [3 U; R8 D( I) F5 y- v0 K% Q# h以上就是这期三顿食堂的完整内容啦,赶快收好这三种超酷炫的图片效果:6 _) [! Y$ U. l2 a' I8 y

9 a* a9 \* e7 U, A2 r- R! I1 X方便大家动手练习,案例的源文件(部分为图片)也给大家做了打包:# ^: r1 g" L- P; T6 I+ W! S! F# a3 z; J

2 P4 K  g3 Q5 b: E, D推荐资源:- y, R; R) K8 F' `& Z: e1 A" d

9 M9 n( \: D4 E0 w7 `; A! k; m- f( B
$ E( W5 Y8 L, m4 V7 C' u
$ m, j, }& _0 Y来源:http://www.yidianzixun.com/article/0MBX8Pud
1 B7 |8 i% t' N% i免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

帖子地址: 

梦想之都-俊月星空 优酷自频道欢迎您 http://i.youku.com/zhaojun917
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2026-4-21 11:16 , Processed in 0.051698 second(s), 24 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表