學(xué)習(xí) | 多圖排版,樣機(jī)動態(tài)變換

有多張 APP 截圖時(shí),該怎么排版呢?

我在電視上看到一個(gè)處理,結(jié)合動畫進(jìn)行頁面的切換,這里分享一下。

(這是我簡單模仿的,圖壓縮后有點(diǎ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 版本才能看到正常的動畫效果)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容