学习 | 多图排版,样机动态变换

有多张 APP 截图时,该怎么排版呢?

我在电视上看到一个处理,结合动画进行页面的切换,这里分享一下。

(这是我简单模仿的,图压缩后有点变化)


这里用到一个手机样机,通过动画,实现 5 张图片之间位置的切换

制作步骤如下。


01 样机获取

02 图片排版

03 动画添加


01 样机获取

样机图如何获取呢?

例如可以到在线样机生成网站QURB(qurb.rishimohan.me),

选择合适的样机(如白色的 iPhone 8),根据尺寸需求上传一张纯色图,颜色与样机其他部分有较显著的差异,点击【Save mockup】保存图片。


有问题,纯色图怎么做?

根据提示像素比例(实测发现所需尺寸与标示尺寸有少许偏差,可自行微调),在 PPT 里画个矩形,设置无轮廓纯色填充,另存为图片就可以了。


接下来,把图片插入到 PowerPoint 中,【选择图片】-【图片格式】-【颜色】-【设置透明色】,点击手机屏幕位置,完成镂空处理。


02 图片排版

接下来,就是对图片进行排版了。

准备好需要展示的截图(这里我找了几张植物图),调整图片大小和位置,位于中间的图片最大,随着向两端推移图片越小,最后把样机图放在最顶层位置


为了让图片之间有点层次感,我给图片添加了一点阴影。


03 动画添加

第三步,添加动画。

这里我使用平滑切换动画。


根据需要,多复制几页幻灯片,依次调换图片的位置,给后面几页幻灯片设置平滑切换效果就可以了。


最后,想直接要这个版式的,可以在同名公号后台回复多图01获取,图片是通过占位符添加的,自行复制幻灯片、添加图片及调整层次关系即可。

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容