有多張 APP 截圖時,該怎麼排版呢?
我在電視上看到一個處理,結合動畫進行頁面的切換,這裡分享一下。
這裡用到一個手機樣機,通過動畫,實現 5 張圖片之間位置的切換
製作步驟如下。
01 樣機獲取
02 圖片排版
03 動畫添加
樣機獲取
樣機圖如何獲取呢?
例如可以到在線樣機生成網站 QURB(qurb.rishimohan.me),
選擇合適的樣機(如白色的 iPhone 8),根據尺寸需求上傳一張純色圖,顏色與樣機其他部分有較顯著的差異,點擊【Save mockup】保存圖片。
有問題,純色圖怎麼做?
根據提示像素比例(實測發現所需尺寸與標示尺寸有少許偏差,可自行微調),在 PPT 裡畫個矩形,設置無輪廓純色填充,另存為圖片就可以了。
接下來,把圖片插入到 PowerPoint 中,【選擇圖片】-【圖片格式】-【顏色】-【設置透明色】,點擊手機屏幕位置,完成鏤空處理。
圖片排版
接下來,就是對圖片進行排版了。
準備好需要展示的截圖(這裡我找了幾張植物圖),
調整圖片大小和位置,位於中間的圖片最大,隨著向兩端推移圖片越小,最後把樣機圖放在最頂層位置。
為了讓圖片之間有點層次感,我給圖片添加了一點陰影。
動畫添加
第三步,添加動畫。
這裡我使用平滑切換動畫。
根據需要,多複製幾頁幻燈片,依次調換圖片的位置,給後面幾頁幻燈片設置平滑切換效果就可以了。
最後,想直接要這個版式的,可以在同名公號後臺回覆 多圖01 獲取,圖片是通過佔位符添加的,自行復制幻燈片、添加圖片及調整層次關係即可。
(注:至少要 PowerPoint 2016 版本才能看到正常的動畫效果)