PPT排版,用一個樣機展示多個圖片

有多張 APP 截圖時,該怎麼排版呢?


我在電視上看到一個處理,結合動畫進行頁面的切換,這裡分享一下。

PPT排版,用一個樣機展示多個圖片

(這是我簡單模仿的,圖壓縮後有點變化)


這裡用到一個手機樣機,通過動畫,實現 5 張圖片之間位置的切換

製作步驟如下。

01 樣機獲取

02 圖片排版

03 動畫添加


樣機獲取

樣機圖如何獲取呢?

例如可以到在線樣機生成網站 QURB(qurb.rishimohan.me),

PPT排版,用一個樣機展示多個圖片


選擇合適的樣機(如白色的 iPhone 8),根據尺寸需求上傳一張純色圖,顏色與樣機其他部分有較顯著的差異,點擊【Save mockup】保存圖片。

PPT排版,用一個樣機展示多個圖片


PPT排版,用一個樣機展示多個圖片

有問題,純色圖怎麼做?

根據提示像素比例(實測發現所需尺寸與標示尺寸有少許偏差,可自行微調),在 PPT 裡畫個矩形,設置無輪廓純色填充,另存為圖片就可以了。

PPT排版,用一個樣機展示多個圖片

接下來,把圖片插入到 PowerPoint 中,【選擇圖片】-【圖片格式】-【顏色】-【設置透明色】,點擊手機屏幕位置,完成鏤空處理。

PPT排版,用一個樣機展示多個圖片

圖片排版


接下來,就是對圖片進行排版了。

準備好需要展示的截圖(這裡我找了幾張植物圖),

調整圖片大小和位置,位於中間的圖片最大,隨著向兩端推移圖片越小,最後把樣機圖放在最頂層位置


PPT排版,用一個樣機展示多個圖片

為了讓圖片之間有點層次感,我給圖片添加了一點陰影。

PPT排版,用一個樣機展示多個圖片

動畫添加


第三步,添加動畫。

這裡我使用平滑切換動畫。

PPT排版,用一個樣機展示多個圖片

根據需要,多複製幾頁幻燈片,依次調換圖片的位置,給後面幾頁幻燈片設置平滑切換效果就可以了。

PPT排版,用一個樣機展示多個圖片

最後,想直接要這個版式的,可以在同名公號後臺回覆 多圖01 獲取,圖片是通過佔位符添加的,自行復制幻燈片、添加圖片及調整層次關係即可。

(注:至少要 PowerPoint 2016 版本才能看到正常的動畫效果)


分享到:


相關文章: