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