#我要上头条##职场达人说##职场达人上头条#
之前有说到用ppt制作ios系统,今天终于再次更新,而双十一也快到了,认识认识更多的产品也是可以的。
画一个圆角正方形,设置好圆角幅度,(建议复制若干,要多次用到,以便保持统一)设置渐变填充,如果对颜色把握不准,可以用吸管吸;再画一个椭圆,再插入一个新月形,选中椭圆与新月形,执行格式-合并形状-联合,输入文字短信,字体为华文黑体(iPhone自带的字体疑似一种叫苹果俪黑的字体,我没找到,就用相近的华文黑体代替)。为便于icon的查看,这里将母版的颜色改为灰色25%里的深色50%。
设置填充为白色,星期的字体也暂用华文黑体,数字和英文的字体为Helvetica,网上可以找到全系列的字体,如果字体太粗,就加白色的轮廓,如果太细,就选择粗体,粗体仍不行,就加黑色轮廓(iOS7里的英文字母与数字一般是细体或极细体,通常不会出现需要通过轮廓来加粗的情况)。
照片的icon其实不好做,这八个椭圆的分布从左上角以顺时针方向到左边的疑似颜色是以红-橙-黄-绿-青-蓝-紫-品红进行分布的,呈中心对称,建议先做水平的两个,复制,旋转成竖直的,然后再复制水平与竖直方向的4个,旋转45度,再调整颜色,可以保证中心对称,透明度设置为10%左右。
这个又要用到形状的合并与修剪。先画两个圆角矩形,再画两个三角形把肩部修补起来(均为联合),然后再用两个正圆减去多余的部分得到中间的形状再用两个矩形减去不要的部分,最后添加相机的镜头,按钮等,别忘记给相机添外观添加一个内阴影,使效果更逼真。(26中的设置图标也会用到这种方法,请留意。)
画6个镜面对称的平行四边形,然后合并形状-联合,复制一个圆角矩形,选中圆角矩形与合并后的平行四边形,合并形状-修剪,删去不要的部分。再复制一个圆角矩形,设置渐变,停止点(共4个)颜色分别为80%灰-黑-鲜绿 -淡蓝。位置分别为0、31%、32%、100%。
地图icon可以用五个矩形与圆角矩形相交而得,导航的方向图标可以用一个锐角三角形与一个钝角三角形相减得来,盾牌图标是三个椭圆相减而得来的,最后设置白色轮廓,设置红白蓝三色的渐变填充即可。
这个图标好办,设置圆角矩形的渐变。橙色的正圆为太阳,云朵的图标为三个正圆合并而成,最底端用一个直角矩形补齐,然后合并形状-联合,设置透明度15%。
这个也不难,设置好圆角矩形的渐变即可,渐变填充的五个停止颜色点分别为浅黄-金色-白色-50%灰-白色,停止点位置分别为0、29%、30%、31%、100%,最后加上线条即可。
Game Center应该是这里面最难做的icon之一(Safari与设置也比较难做)了,不过也有办法。这里要用到三维格式里的棱台。先画一个正圆,去掉轮廓,设置渐变类型为线性,方向90度,渐变色为紫-青绿-青绿-淡蓝(淡色40%),停止点位置分别为0、40%、65%、100%。停止点透明度分别为15%、25%、25%、50%,停止点亮度分别为0%、0%、0%、75%。最后是三维效果,顶部棱台设置为圆,宽度与高度分别为85磅,35磅,底部棱台也设置为圆,宽度与高度设置均为6磅,材料选择金属效果,照明选择平面,角度选择130度。这样,最大的气泡就做出来了,其余的只是渐变色不同(填充渐变色的时候要选择一定量的透明度,否则气泡可能会没有透明效果),其他操作相似,这里不重复。
我截图的时间是下午17点19分,就照这个做吧,画正圆,插入12个数字文本,摆放到12个时间点上,注意对称,可以画个圆辅助摆放,实在不行就找张jpeg图贴着放,针的画法不难,正圆加上不同宽度的圆角矩形,秒针设置颜色为正红色,将他们的针头旋转到圆心位置。
这个icon难的是那条白色线条下面的从灰到黑的渐变,复制一个圆角矩形,插入任意多边形,然后顺着白线的趋势点击(趋势线这部分尽量要精准,趋势线外的地方右随意画,只要能盖住icon下端的两个圆角即可),最后点击起始点,闭合路径得到任意多边形,将任意多边形与复制的圆角矩形相交,得到icon下端的部分,设置灰色80%到黑100%的渐变,方向为线性,角度为90。最后,再次插入曲线,沿趋势线再画一遍,双击停止,这样出来的是一条有弧度的曲线,不是折线,选中曲线,执行格式-编辑形状-编辑顶点,进入顶点编辑状态,选中顶点,按住Alt键可以拖动曲线的两个控制柄调整曲线为折线,得到趋势线的折线。(其实,可以将之前得到的icon的下端部分复制一个,进行顶点编辑,右击顶点,开放路径,删除不要的,留下走势线。我原来就是这样做的,但现在这里的选项全是灰色的,不可用,不知道是什么原因。)最后,给蓝色的小圆点加上黑色的轮廓。
这个Safari一样,也有点难度。画一个三角形,调整好大小,再复制一个,旋转180度,合并两个形状,得到一个菱形,复制菱形若干(建议19个,每一个旋转5度,然后再整体复制,旋转90度),得到图中第三个形状,然后画圆,相减,得到大齿轮,复制大齿轮,缩小得到小齿轮。再加上像奔驰一样的三角标志,得到大致形状,最后别忘记大小齿轮有两次方向相反的渐变填充,呈现高光与阴影。(如果要得到最下图的icon还需要三角形将三角标志与大齿轮接连处补满,然后再后小圆相减,得到最终的icon,弧形的接连。连接的详细步骤请参考12相机图标的做法)
这个标志的方法参考26设置标志的做法,只是图标里的线条要画做宽度极窄的矩形(因为线条不能修剪,而矩形可以修剪),长线条按10度为梯度旋转,短线条按5度梯度旋转,再加上一红一白的两个三角形,不多说。
PS:我在这里发起了投票,大家希望多更新什么样的内容,也欢迎投票:
PPS:这是我的专栏,如果有兴趣,可以关注了解,学习更多内容:
发表评论