仅用PPT做出iOS7的用户界面(下)

2025-04-04 23:00:13

1、股市。这个icon难的是那条白色线条下面的从灰到黑的渐变,复制一个圆角矩形,插入任意多边形,然后顺着白缏堋垌胯线的趋势点击(趋势线这部分尽量要精准,趋势线外的地方右随意画,只要能盖住icon下端的两个圆角即可),最后点击起始点,闭合路径得到任意多边形,将任意多边形与复制的圆角矩形相交,得到icon下端的部分,设置灰色80%到黑100%的渐变,方向为线性,角度为90。最后,再次插入曲线,沿趋势线再画一遍,双击停止,这样出来的是一条有弧度的曲线,不是折线,选中曲线,执行格式-编辑形状-编辑顶点,进入顶点编辑状态,选中顶点,按住Alt键可以拖动曲线的两个控制柄调整曲线为折线,得到趋势线的折线。(其实,可以将之前得到的icon的下端部分复制一个,进行顶点编辑,右击顶点,开放路径,删除不要的,留下走势线。我原来就是这样做的,但现在这里的选项全是灰色的,不可用,不知道是什么原因。)最后,给蓝色的小圆点加上黑色的轮廓。

仅用PPT做出iOS7的用户界面(下)
仅用PPT做出iOS7的用户界面(下)

2、iTunes Store。这个简单些,画正圆,去掉填充,设置轮廓为白色,合适的磅值,音乐符号为横向的平行四边行与两个竖直方向的矩形和两个椭圆组成,将他们合并即可。

仅用PPT做出iOS7的用户界面(下)

3、报刊杂志。iOS6以前,这几个图标中的四本书从下至上分别是Poem、Art、Travel、Sport(顺便感慨一下,老外对于生活的认识与追求真是很有格调的。),iOS7扁平化了以后,变成了几个色块,没有多大难度,记住几本书有淡淡的投影。

仅用PPT做出iOS7的用户界面(下)

4、遥控器。这个太简单了,渐变、三角形,不多说,我也不想打了,打字已经打吐。。。。。。

仅用PPT做出iOS7的用户界面(下)

5、设置。这个Safari一样,也有点难度。画一个三角形,调整好大小,再复制一个,旋转180度,合并两个形状,得到一个菱形,复制菱形若干(建议19个,每一个旋转5度,然后再整体复制,旋转90度),得到图中第三个形状,然后画圆,相减,得到大齿轮,复制大齿轮,缩小得到小齿轮。再加上像奔驰一样的三角标志,得到大致形状,最后别忘记大小齿轮有两次方向相反的渐变填充,呈现高光与阴影。(如果要得到最下图的icon还需要三角形将三角标志与大齿轮接连处补满,然后再后小圆相减,得到最终的icon,弧形的接连。连接的详细步骤请参考12相机图标的做法)

仅用PPT做出iOS7的用户界面(下)

6、FaceTime。圆角矩形、直角矩形、梯形,无难度,不赘述。

仅用PPT做出iOS7的用户界面(下)

7、电话。电话机身为椭圆,听筒与麦克为两个圆角矩形合并可得,中间的腰身可用圆角的等腰梯形(不用细说,应该都能想到办法了吧?)修剪得到。

仅用PPT做出iOS7的用户界面(下)

8、邮件。画直角矩形,再用圆角正方形的一个圆角去修剪邮件的上半端,下边部分用两个窄的直角矩形相减可得。

仅用PPT做出iOS7的用户界面(下)

9、Safari。这个标志的方法参考26设置标志的做法,只是图标里的线条要画做宽度极窄的矩形(因为线条不能修剪,而矩形可以修剪),长线条按10度为梯度旋转,短线条按5度梯度旋转,再加上一红一白的两个三角形,不多说。

仅用PPT做出iOS7的用户界面(下)

10、音乐。哇,终于,最后一个了。。。不多说,参考22iTunes Store。其实呢,如果你能坚持一步一步地做到这里,重复几次,基本上已经算得上是一个PPT能手甚至是高手了。但是,行百里者半九十,伟大的工程还得继续下去才算上是伟大!继续吧。。。。。。

仅用PPT做出iOS7的用户界面(下)

11、WIFI图标按如下可得:5个正圆,相互加减,然后用直角三角形修剪, 得到最终图标。

仅用PPT做出iOS7的用户界面(下)

12、时钟图标。时钟图标的两个耳朵可以用两个小正圆与一个比时钟面板稍大的正圆相减得来,再加上稍小一点的时钟面板(正圆)与两个直角矩形即可。

仅用PPT做出iOS7的用户界面(下)

13、电池图标。用圆角矩形与直角矩形相减可得一端为圆角一端为直角的矩形,电池外框为圆角矩形框,电池的正极也同样为一个圆角矩形与一个直角矩形相减得来。(最后,别忘记在桌面的快捷图标栏上方加上一白若干灰的小圆点,表示桌面的APP还有第二页,嘿嘿。。。)

仅用PPT做出iOS7的用户界面(下)

14、这时候,问题来了,刚鸬钟召蜗才所做的这些icon里的图形部分是可以放大缩小的,但是字体不能随图案放大缩小。怎么办呢?解决的办法是:选中icon里的图案和文字,复制,粘贴为图片,如果担心粘贴为位图会模糊,可以将矢量图形放大,再进行复制和粘贴为图片,这样得到的图片会清晰很多,具体原理就不解释了。在运营商一栏加上信号格,小圆点就是能画出的最小的正圆,打上“中国移动”、17:19、84%都是文本。将已经做好的全部内容粘贴到最开始做的iPhone上,调整到合适的大小。怎么样?像那么回事儿了吧?有成就感了吧?哈哈。还没完呢!

仅用PPT做出iOS7的用户界面(下)

15、再新建一张幻灯片,设置背景色为土豪金,不知道RGB色值就用吸管吸,主动想办法。还记得为iPhone外观添加边缘高光的图案吗?复制夸臾蓠鬏过来,放好。再画出如下的两个角的三维立体形状,原因自己琢磨吧(这是模拟侧边高光,呆会儿会用到。。。)!右上角的渐变颜色为黑-80%灰-50灰-80%灰-80%灰,位置分别为0、3%、7%、18%、100%。右下角的渐变颜色为黑-黑-80%灰-50%灰-黑-黑,位置分别为0、18%、21%、28%、59%、100%。右中为SIM卡槽(SIM卡槽做法就是一个只有轮廓的、圆角很大的圆角矩形,针孔就是一个黑点)。接下来,就是见证奇迹的时刻了!

仅用PPT做出iOS7的用户界面(下)

16、对三张iPhone的外观分别设置三维旋转,预设选择透视(否则透视的值不可设置,而且透视会让你的iPhone自动产生一点轻微的颜色渐变,看上去会更加逼真哦),X轴、Y轴、Z轴的数值分别为50度、340度、320度,透视70度。

仅用PPT做出iOS7的用户界面(下)

17、将他们拼合好后,再给iPhone右边加上两条黑线,再添加阴影(阴影要画一个任意多边形,设置从灰到背景色的渐变,终止色一定要是背景色,才能做出阴影从有到无的效果,必要时,可以对多边形编辑顶点,做出想要的形状),对阴影进行柔化边缘,磅值适宜即可。

仅用PPT做出iOS7的用户界面(下)

18、最后,从苹果官网枪点文案过来,呈现一下主次,一个还像那么回事的iPhone广告就诞生了!

仅用PPT做出iOS7的用户界面(下)

19、也许你要钻空子了,这个广告里有个苹果的logo啊,这是从网上枪来的吧,这下没话了说吧。。。哎,最后,附上苹果标志制作图解,密集恐惧症请直接无视之。

仅用PPT做出iOS7的用户界面(下)
仅用PPT做出iOS7的用户界面(下)

20、哈哈,长达30页的制作就算大功告成!! 快向身边的人炫耀一下,让他们也叫你一声大神吧!

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:51
  • 阅读量:72
  • 阅读量:93
  • 阅读量:90
  • 阅读量:72
  • 猜你喜欢