文档章节

PS新手教程:如何制作扁平化HTC One

王尘宇
 王尘宇
发布于 2017/09/07 00:02
字数 821
阅读 2
收藏 0
事先声明,这不是广告。就是一个简约的PS教程,适合练手,制作其它图标也是类似的思路。融会贯通,您可以将任何物体扁平化成小巧可爱的图标:) PSD源文件 下载 1.创建新文件,大小1200×1600 px,油漆桶上色,#20ade1,分辨率72px 2.选择圆角矩形工具,勾选”对齐边缘” 宽度:680px 高度:1350px 半径:70px 3.Ctrl/CMD+A全选,然后水平居中,垂直居中,然后Ctrl/CMD+D取消选择 4.双击形状图层缩略图,颜色改为#d6d6d6重命名为”外部轮廓” 5.继续圆角矩形工具,勾选”对齐边缘” 宽度:670px 高度:1340px 半径70 px 颜色设为#ffffff,然后水平居中,垂直居中。 当然,如果你用的是CC,完全可以复制一份图层,然后使用实时形状属性进行修改,如下图。 现在,上下左右各有5px的空间了 6.使用矩形工具 宽度:670px 高度:1150px 颜色#2d2d2d 水平居中并垂直居中,命名为屏幕1 7.使用矩形工具 宽度:640px 高度:1035px 颜色#646464 栅格化图层,Shift+向上箭头3次,命名为屏幕2 8.扬声器部分,使用椭圆工具。 宽度:5px 高度:5px 颜色#000000 栅格化图层,复制,按向上键移动8次,让两个黑点间距离为3px,然后打造出4个黑点,合并图层。 我们共需要48栏x 4个黑点,大家可自行合并 我的方案是1-2-4-8-16,然后复制了3个16栏,调整后合并。 复制完了水平居中,然后用方向键调节位置,让扬声孔贴紧屏幕。然后Shift+向上键2次 9.摄像头部分 椭圆工具 45×45颜色#222222 27×27颜色#333333 19×19颜色#515151 9×9颜色#6d6d6d 选择四个图层,然后水平居中,垂直居中,Ctrl+G编组,命名为”摄像头” 视图>显示>智能参考线 然后让摄像头和扬声器圆点垂直中心对齐,让摄像头紧挨圆点,然后Shift+向右键4次 10.扬声器左边加两个圆,尺寸16x 16,扬声器和圆之间距离25px,两圆之间距离10px 11.SHIFT+ALT +拖移扬声器图层,贴紧屏幕下边缘,Shift+向下键两次 12.最后,我们需要添加图标,左边的图标使用直线工具,粗细3px,随便画一条,然后自由变换,长度18,宽度18,CTRL+J复制图层,然后水平翻转,调整位置,让两个直线形状图层拼成向左箭头,然后合并图层。 颜色设为#C9C9C9,利用只能参考线让箭头图层和扬声器图层左边缘对齐 垂直对齐,用矩形选框选取下图的位置,然后选择垂直居中对齐就可以了。命名为左图标 右图标,直线工具,3px,下边宽度20px,左右边高度12px,然后用直线工具画出两条正方形对角线交合。对齐什么的参考上一步即可。命名为右图标 完工! 原文地址: 99designs

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
私信 提问
无中生有Photoshop CS6背景素材技法ps教程 [无中生有超多案例]

课程目标 只要你能掌握本套课程的技法,你就可以制作出一些高端大气上档次的PS背景特效,无中生有纯靠ps制作出各种背景素材!不需要在网上拿别人的背景图片来设计,自己就可以空手出画。 适用...

Lccee老师
2018/07/21
0
0
让图片浮起来-用 PS 添加阴影效果

布雷吉最近迷上了逛 Google 应用商店。他发现现在很多应用的 UI(交互界面)都采用了一种卡片式的设计风格,它们使用了一种简单的阴影效果。 本篇文章布雷吉将简单介绍阴影在设计中的应用以及...

沉思CONTEMPLATE
2017/11/03
0
0
上亿人使用的3D版QQ黄脸表情是怎么做出来的?

上亿人使用的3D版QQ黄脸表情是怎么做出来的? 优设-UISDC2017-12-271 阅读 教程腾讯 QQ黄脸在2003年加入QQ表情后就一发不可收拾,从此成为中国网民记忆力中信息量最大、最魔性的存在之一。 ...

优设-UISDC
2017/12/27
0
0
JS数组专题1️⃣ ➖ 数组扁平化

一、什么是数组扁平化 扁平化,顾名思义就是减少复杂性装饰,使其事物本身更简洁、简单,突出主题。 数组扁平化,对着上面意思套也知道了,就是将一个复杂的嵌套多层的数组,一层一层的转化为...

亖巠
2018/08/06
0
0
从iOS 11看怎样设计APP图标

苹果WWDC2017开发者大会已经尘埃落定,除了新产品的发布,iOS 11也正式亮相。新系统中,地图、App Store、时钟、相机、联系人等等原生应用都换了新的图标。此次图标的变化势必也会激发下一个...

jongde
2017/10/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

第1章

背景:因为最近在考教师资格证,考的是计算机学科,所以学科考的是:信息技术学科知识与教学能力;因此图书馆借了一本书,把最基本的知识看一遍,为之后的笔试和面试做充足的准备。 大学计算...

怪咖先生forever
56分钟前
1
0
element-ui之el-collapse-transition(折叠展开动画)源码解析学习

项目中发现同事使用了element-ui的el-collapse-transition来做折叠展开效果,打开源码看了下发现挺有意思,来解析学习一番。 el-collapse-transition的引入方式 // fade/zoom 等import 'e...

学霸猫
今天
1
0
解释器模式_实战

前言 解释器模式是什么?这个设计模式其实比较冷门,不太会解释,用例子说明把。解释器模式一般用在sql,xml,json解析等场景。比如说你有一个json对象,你要获取这个对象中任意一个节点的值。...

grace_233
今天
6
0
告别2018

今天中午从喵喵家回来之后,倒头就睡到下午4点了。可能是之前透支的身体,在我放松下来后,开始觉得疲惫了,所以最近估计会进入嗜睡期。醒来之后,拿了包花生,开了瓶低糖菊花茶,听着网易云...

七木网络科技
今天
4
0
MySql数据库分表分区实践

1. 背景 —— 公司物联网项目 海量设备通过物联网服务接入云端,设备每30s上报一次自身数据(以下称为动态数据)。 物联网服务将设备上报的数据转发给数据处理网关,由数据入库网关执行批量入...

吴伟祥
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部