tft每日頭條

 > 生活

 > ppt動畫視覺

ppt動畫視覺

生活 更新时间:2024-08-11 05:18:58

上次的文章給各位小夥伴複刻了某Tube網站上一個很厲害的UP主的内容。

今天繼續,分享一下一個在設計界很知名的“視差”效果在PPT中的實現。

“無圖無真相”,我們先看看這個視差效果做出來啥樣子:

ppt動畫視覺(聽上去高大上的)1

看完效果,我們就正式進入複刻環節。

下面的内容可能看上去挺複雜,但其實都是一些基本操作,沒有什麼太”超綱“的地方。隻不過這些内容更加考量的是我們對這些基本操作的綜合應用能力與糅合能力。

1、首先在空白頁面中用OK插件的插入“全屏矩形”功能插入一個無邊框的全屏矩形

ppt動畫視覺(聽上去高大上的)2

2、插入無邊框全屏矩形後,調節此矩形透明度。可以調節得高一點,例如29%:

ppt動畫視覺(聽上去高大上的)3

3、更改此全屏矩形顔色,并按下圖插入其他四個矩形,設置好顔色後,都設置透明度并旋轉。

這裡5個矩形顔色可按自己喜好随意設置,目的在于後續操作時方便分辨不同矩形,設置的顔色和最終效果沒有關系的。

此時下圖中的層級關系如下:

  • 左側:綠色矩形在最上層,藍色矩形在中間層
  • 右側:同樣,綠色矩形在最上層,藍色矩形在中間層
  • 最下一層:淡黃色矩形,在上述左右共四個矩形的最下面

ppt動畫視覺(聽上去高大上的)4

4、選中淡黃色矩形,Ctrl C複制一下,再單擊左側藍色矩形,選擇“合并形狀”中的“相交”,得到下圖。可以看到,左側原藍色矩形已經消失,變為左側深一點黃色的倒梯形:

ppt動畫視覺(聽上去高大上的)5

5、Ctrl V,粘貼剛才複制好的淡黃色矩形,再選中左側綠色矩形,同樣“相交”,得到下圖:

ppt動畫視覺(聽上去高大上的)6

此時左側非常明顯有兩個倒梯形,分别是綠色和黃色。

6、用同樣的步驟,将右側2個矩形也相交,生成倒梯形,如下圖:

ppt動畫視覺(聽上去高大上的)7

7、此時再按Ctrl V,把剛才的淡黃色矩形粘貼過來,并将其置于最底層:

ppt動畫視覺(聽上去高大上的)8

8、選中左側2個倒梯形,添加陰影,按下圖設置陰影參數:

ppt動畫視覺(聽上去高大上的)9

9、同理,右側2個倒梯形,按下圖設置陰影參數:

ppt動畫視覺(聽上去高大上的)10

10、OK,現在,最關鍵的兩步來了。

現在,我們要設置幻燈片背景為圖片。在此頁幻燈片空白處點擊右鍵,選擇“設置背景格式”;在“填充”中,選擇“圖片或紋理填充”,選擇下面的“圖片源”再點擊下方的“插入”按鈕,選擇一張圖片,作為背景插入:

ppt動畫視覺(聽上去高大上的)11

由于現在頁面上所有形狀我們都已經設置了透明度,所以插入背景圖片後,現在可以隐約看到這張背景圖。

11、Ctrl A選中頁面上全部5個形狀,在這5個形狀的屬性設置頁面中,選擇“幻燈片背景填充”,具體步驟和效果如下動圖:

ppt動畫視覺(聽上去高大上的)12

是不是用背景填充後,馬上有了“眼前一亮”的感覺?

12、按下圖右側參數,再調節一下這些形狀的陰影:

ppt動畫視覺(聽上去高大上的)13

OK,到這一步,基本的形狀及其設置就完成了,下面該設置動畫了。

13、首先選中左側最上層的倒梯形,給它添加“直線和曲線”動畫中的“向左”動畫。具體參數如下:

ppt動畫視覺(聽上去高大上的)14

14、當前這個“向左”動畫,往左移動的距離有些長(即下圖中白色框中線條的長度)。調節此線條的長度到初始長度的五分之一,比較合适:

ppt動畫視覺(聽上去高大上的)15

15、為左側最上層的倒梯形再添加一個“放大/縮小”動畫,設置其方向為“水平”,其他參數按下圖設置:

ppt動畫視覺(聽上去高大上的)16

16、其餘幾個倒梯形,可以用“動畫刷”功能把動畫複制過去。隻不過右側的2個倒梯形需要注意下,要把它的方向改為“向右”。

17、對于最下層的原淡黃色矩形,需要添加一個”向右“動畫和”放大/縮小“動畫,參數如下圖所示:

ppt動畫視覺(聽上去高大上的)17

18、最後,要添加文字,設置字體和顔色,并将文本框放置在最底層原淡黃色矩形之上,第二層左右2個倒梯形之下,這樣才能在初始狀态下使文字被遮擋住一部分:

ppt動畫視覺(聽上去高大上的)18

好啦,所有的設置就是這些。

看上去感覺挺複雜,但隻要仔細看,就會發現實際上都是一些比較基礎的操作,并沒有什麼超過常規的操作。

可能唯一問題就在于:這些基礎操作單獨用沒任何問題,一旦混合起來綜合應用,可能就不是太好理解。

這點非常正常。不過這種情況也是我們PPT定制過程中經常碰到的情況,客戶/領導對你的要求實際上是對你個人能力的一個綜合考量。能夠做到這一點,說明你的綜合素質在提升。

所以我認為,這種效果的複刻,它的意義就在于此。

OK,有關”視差效果“或”Parallax Effect“在PPT中的實現,就是這些啦。

大家都”學廢“了嗎?

老規矩,源文件我也給大家準備好了,方便大家确定具體參數:

ppt動畫視覺(聽上去高大上的)19

END


————壹分鐘了解@斜杠前線————

Far more than PPT, 始于PPT,不止于Power Point,我是斜杠前線。

如果喜歡我的文章,記得關注我喲,一個有知識、有情趣、不會讓你失望的頭條幹貨主講人~

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved