纯手工打造IOS风格PPT
2020-04-04 本文已影响0人
关友博
IOS系统可以说是行业的标杆,无论是从美化的界面还是流畅的系统,以及完整的生态圈,都是众多友商模仿的对象。
今天我就用PPT纯手工模仿一下,制作一款IOS风格的稿件。
首先,我们去网上搜一张类似的图片,插入幻灯片母版的首页,作为整个PPT稿件的背景,加上主副标题,形成一张结构完整的PPT首页

然后,我的想法是接下来我们所要展示的内容,全部模拟IOS窗口效果观看,
如何用纯PPT打造窗口效果?一起来看吧。
首先,我们先把窗口做出来,

通过分析,窗口由顶部的标题栏,底部的状态栏,边侧栏和内容显示区域四部分构成,
我们采用从大到小,由底到顶的顺序来组织这个窗口,
1)插入一个无边框圆角矩形,填充白色,并添加正阴影,阴影设置如图;


2)接下来是边侧栏,我打算边侧栏以目录的形式展现幻灯片的各个章节;插入一个无边框的圆角矩形,填充冰蓝(#E3E7EC),并添加右偏移阴影,阴影设置如图;


3)现在制作标题栏。
标题栏并非是一个纯正的圆角矩形或直角矩形,它的左上和右上是圆角,左下和右下是直角。用布尔运算将两种图形混合起来即可【布尔运算动图】
得到的图形用渐变色填充,类型为“线性”,角度为“90°”向下,渐变光圈为由浅入深的灰色(#F0F0F0,#C9C9C9,#BEBEBE,#B2B2B2,#A7A7A7,#9B9B9B)其他如图设置或自行调节。

同理,画出状态栏。

4)接下来,简单装饰一下这个窗口,添加上按钮和搜索框,再将窗口剪切到幻灯片母版的第二页上,这样新建的所有幻灯片就全是这样的背景了。

大背景画好后,再分别根据各个页面展示项目的不同,多做几张分页面。








点击免费下载本模板