仅用PPT做出iOS7的用户界面(上)
1、新建Microsoft PowerPoint文档,新建一张幻灯片,删除标题与副标题的文本框(或直接设置版式为空白,为方便观看,我这里设置了灰色母版。)

3、画边缘高光。复制iPhone外观,插入一个直角矩形,大小以能截取复制出的iPhone外观的一个角为宜,选择复制出的iPhone外观,与直角矩形,执行菜单下格式-合并形状-相交,去轮廓线,执行菜单下格式-形状填充-渐变-其他渐变,类型选择射线,角度158度,在渐变光圈上添加三个停止点(加上原有的两个,即有5个停止点,),颜色从左至右依次选择黑-黑-50%灰-黑-黑,位置分别为0、40%、55%、55%、100%(要保证第四个点的位置与第三个点的位置相同,才能产生高光与阴影的强烈反差)。复制三个,旋转,放到其他的三个角上。再插入一个比原iPhone外观稍小一点的圆角矩形,调整合适大小,作为iPhone的最上层面板。

5、画听筒。插入圆角矩形,调私网褡爸整大小,与素材iPhone的听筒大小保持相同,放到合适的位置,执行菜单下格式-形状髦芎埙玳填充-渐变-其他渐变,在弹出的设置形状格式里,选择渐变填充,类型选择线性,角度选择150度,停止点的颜色分别为黑-灰-白-白-黑-灰-白-黑-黑,不需太精确,能模拟高光、中间调与阴影即可,因为上面还要放一层听筒的丝网状的膜。再插入一个圆角矩形,调整大小,与素材iPhone的听筒内网状物的膜大小保持相同,放到合适的位置,执行菜单下格式-形状填充-渐变-其他渐变,在弹出的设置形状格式里,选择图案填充,图案选择棚架(倒数第二行,倒数第二个),前景色选择黑色100%,背景色选择黑色淡色25%,再对其执行格式-形状效果-阴影-内部-内部居中。(参数仅供参考,下同)

7、画屏幕与屏幕高光。复制iPhone最上层面板(稍小的那个圆角矩形),再插入一个三角形,调整到能截取一部来做高光的大小为宜,选择复制出iPhone最上层面板与三角形,执行菜单下格式-合并形状-拆分,执行菜单下格式-形状填充-渐变-其他渐变,在弹出的设置形状格式里,选择渐变填充,类型选择线性,角度选择180度,光圈停止点为黑-50灰,位置为0、100%,透明度85%,亮度-100%(此处参数可能有误,不行就设置为白-50%灰,位置为0、100%,透明度85%,亮度100%,建议选择红色参数,我把PPT做完,再到写这篇教程,中间隔了好一阵,一些详细的参数记不太清了。)。再画一个直角矩形,填充为灰色25%里的深色90%。调整合适的图层顺序,得下图:到此,iPhone的外观才算正式完成吧,接下来,开始点亮屏幕。实际上听筒左边应该有个近场感应的小灯,黑色的iPhone看不见,这里就不做他了吧。

9、短信。画一个圆角正方形,设置好圆角幅度,(建议复制若干,要多次用到,以便保持统一)设置渐变填充,如果对颜色把握不准,可以用吸管吸;再画一个椭圆,再插入一个新月形,选中椭圆与新月形,执行格式-合并形状-联合,输入文字短信,字体为华文黑体(iPhone自带的字体疑似一种叫苹果俪黑的字体,我没找到,就用相近的华文黑体代替)。为便于icon的查看,这里将母版的颜色改为灰色25%里的深色50%。

11、照片。照片的icon其实不好做,这八个椭圆的分布从左上角以顺时针方向到左边的疑似颜色是以红-橙-黄-绿-青-蓝-紫-品红进行分布的,呈中心对称,建议先做水平的两个,复制,旋转成竖直的,然后再复制水平与竖直方向的4个,旋转45度,再调整颜色,可以保证中心对称,透明度设置为10%左右。

13、视频。画6个镜面对称的平行四边形,然后合并形状-联合,复制一个圆角矩形,选中圆角矩形与合并后的平行四边形,合并形状-修剪,删去不要的部分。再复制一个圆角矩形,设置渐变,停止点(共4个)颜色分别为80%灰-黑-鲜绿 -淡蓝。位置分别为0、31%、32%、100%。

15、天气。这个图标好办,设置圆角矩形的渐变。橙色的正圆为太阳,云朵的图标为三个正圆合并而成,最底端用一个直角矩形补齐,然后合并形状-联合,设置透明度15%。

17、备忘录。这个也不难,设置好圆角矩形的渐变即可,渐变填充的五个停止颜色点分别为浅黄-金色-白色-50%灰-白色,停止点位置分别为0、29%、30%、31%、100%,最后加上线条即可。

19、提醒事项。这个icon很好做,左边四个标记点可以用两层,底层用大一点的正圆,顶层放小一点的正圆,再加上白色轮廓。

21、由于图片较多,本教程分为两部分,未完,待续,请继续查阅下半部分