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

制作一个手机界面

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

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

然后拉一个背景图案进来

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

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

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

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

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

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

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

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

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

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

在图标下面添加文字

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

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

相关文章

  • 制作一个手机界面

    今天制作一个手机界面,首先建立一个750x1334像素的背景 然后拉一个背景图案进来 接下来开始制作一个信号图标1...

  • 30.QGraphicsTextItem应用--Apple的学习

    一,前言 之前完成了start欢迎界面,那么常见的还有About界面。 二,需求 制作一个about界面,带网页超...

  • 表单制作

    题目: 制作一个用户注册的界面如图所示 代码: 用户注册界面 用户...

  • 2018-12-03 2.3

    《2.3 系统主界面的制作》 目的实现MDI主界面的制作 2.3(1) 一.贴效果图 二.实现MDI主界面的主要步...

  • 实践7 唯一选中项

    1、制作一个京东app中手机充值的界面,如下图 2、设置选中状态,如下图: 在交互样式中设置中设置选中的文字、填充...

  • 响应式第5天:App和手机网站的区别

    响应式第5天-响应式手机网站制作 1.1、App和手机网站的区别 App是直接嵌在手机内的,断网也可打开,界面可由...

  • 如何用PS制作UI界面小图标

    制作界面小图标 哈喽大家好~我是阿默老师。今天给大家更新一个有趣的制作界面小图标的教程。 1、首先我们先新建一个宽...

  • VR开发--Cardboard项目二:UI界面制作

    千里之行,始于足下,只有掌握UGUI才能更好的运用. 项目二:制作VR的UI界面(包括血条制作,介绍界面,包裹界面...

  • 登录界面制作

    1.第一步 2.第二步功能描述 本程序简单方便快捷 3.第三步-窗体 label,linklabel,textbo...

  • pygame 界面制作

    author=REI date:2018/11/24 import pygamepygame.init()fro...

网友评论

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

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