文档章节

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老师
07/21
0
0
上亿人使用的3D版QQ黄脸表情是怎么做出来的?

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

优设-UISDC
2017/12/27
0
0
让图片浮起来-用 PS 添加阴影效果

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

沉思CONTEMPLATE
2017/11/03
0
0
每天一点点 PS制作照片撕裂效果

代码敲累了,来点PS调剂调剂,动手制作照片像纸一样的撕裂效果,应该算有特色的吧!制作过程中的参数可以根据具体情况调整。 方法/步骤 1、首先打开一张图片,双击右下角的图层面板上的图层让...

aitaozi11
03/23
0
0
在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问

有同学在群里提问,如何使用axure制作商品数量增加减少效果,见GIF图。 虽然属于初级教程,但很多同学还是小白新手阶段,所以特地录制了详细的视频讲解,供大家学习参考! 该教程由原型库网站...

bigbigtu
2014/05/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot 使用parent方式引用时 获取值属性方式默认@

采用官网提供的 引入依赖时,application.properties中的值变量,无法通过${}获取,这是由于Spring Boot 已经将字符方式调整为 <resource.delimiter>@</resource.delimiter>。故如果在,工程中...

翱翔fly
29分钟前
1
0
HTTPS证书验证流程及SSL证书生成步骤【附nginx开启https配置】

------------------------------------------------------------ HTTPS证书验证流程(极简化版) 1.客户端向服务端请求证书(server.crt) 2.服务端下发证书(server.crt) 3.客户端用预制的...

xiaomin0322
30分钟前
1
0
预编译sql语句和参数化sql能有效防止——sql注入攻击——

预编译和参数化处理sql原理类似: 参数化处理sql 是将参数进行了字符串化处理,把参数中的单引号,井号#,等都做了转义处理,进而在执行sql语句时不会被当做sql中的定界符和指定符来执行。 ...

fang_faye
31分钟前
1
0
springboot最全配置解释

​​​​​​​# ----------------------------------------# 核心属性# ----------------------------------------# 文件编码banner.charset= UTF-8# 文件位置banner.locati...

废柴大叔
32分钟前
85
1
(大致了解下)从单机到2000万QPS: 知乎Redis平台发展与演进之路

导读:知乎存储平台团队基于开源Redis 组件打造的知乎 Redis 平台,经过不断的研发迭代,目前已经形成了一整套完整自动化运维服务体系,提供很多强大的功能。本文作者是是该系统的负责人,文...

Ocean_K
40分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部