美文网首页
制作一个手机界面

制作一个手机界面

作者: UI涛 | 来源:发表于2017-02-16 19:47 被阅读0次

    今天制作一个手机界面,首先建立一个750x1334像素的背景

    然后拉一个背景图案进来

    接下来开始制作一个信号图标14x14的小圆3个填充黑色 15x15的小圆2个填充白色,效果描边。

    接下来利用钢笔工具添加 中国移动 和 4G 时间 的文字 字体大小如图

    再来做一个电池的图标,利用图层合成做出一个电池的形状

    再做一个矩形来当电池显示的电量,颜色填充00ff00

    接下来做一个电池充电的图标,利用图层合成

    再做一个闹铃的图标 138x27的圆,填充黑色 再做两个32x8的椭圆 用来当闹铃的耳朵  9x9的椭圆来做指针

    整体的图标做完之后如下图

    接下来制作一个微信的图标,首先建立一个118x118的圆角矩形 颜色填充6ac335

    再建立一个57x50和43x40.5的椭圆 利用图层合成 做出图标 颜色填充e8f5f5

    接下来做一个4x4的小圆 通过复制移动来做眼睛

    在图标下面添加文字

    这里我就就不一一的说所有图标的制作过程了,整体的做出来的效果是这样的

    第一次自己做出来的手机界面,里面的图标有的是看一眼手机照着做的,有的是自己做的,有什么不好的地方,希望大神们指点!

    相关文章

      网友评论

          本文标题:制作一个手机界面

          本文链接:https://www.haomeiwen.com/subject/hjenvttx.html