文档章节

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

王尘宇
 王尘宇
发布于 2017/09/07 00:02
字数 821
阅读 2
收藏 0
点赞 0
评论 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
西安
上亿人使用的3D版QQ黄脸表情是怎么做出来的?

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

优设-UISDC ⋅ 2017/12/27 ⋅ 0

让图片浮起来-用 PS 添加阴影效果

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

沉思CONTEMPLATE ⋅ 2017/11/03 ⋅ 0

将cdr文件导入ps技巧分享

本教程主要介绍如何将cdr文件导入ps技巧,教程介绍的方法很实用,尤其对于新手来说很值得学习,喜欢的朋友可以跟着教程一起来学习,希望对大家有所帮助   这篇教向朋友们介绍cdr文件和ps文...

软件达人 ⋅ 2015/02/10 ⋅ 0

每天一点点 PS制作照片撕裂效果

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

aitaozi11 ⋅ 03/23 ⋅ 0

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

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

bigbigtu ⋅ 2014/05/03 ⋅ 0

思维导图教程之如何在MindManager15中文版中实现网络搜索的功能

 MindManager15是Mindjet MindManager公司研发出的最高级别的版本,功能越来越强大,操作越来越简便。在软件内部进行网络搜索不仅可以让制作导图的过程更加简便,也可以节约大量的时间。本教...

软件达人 ⋅ 2015/04/03 ⋅ 0

8 个实用的 Bootstrap 3 案例教程

Bootstrap 3发布各大设计论坛议论纷纷。这次Bootstrap 3最大的特点就是——扁平化。下面就是一些早期的Bootstrap 3例子,不过亲们注意咯,因为大部分最早期的测试案例,可能用到一些Bootstr...

曾沙 ⋅ 2013/08/07 ⋅ 28

PS教程1000例

http://www.missyuan.com/thread-446934-1-1.html Photoshop绘制逼真头发发丝效果 http://www.missyuan.com/thread-446912-1-1.html Photoshop合成在空中漂移的陆地 http://www.missyuan.co......

机器的心脏 ⋅ 2017/12/12 ⋅ 0

01、Python 系列之 什么是 python

版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/f7d2d2083862 本文出自TigerChain简书 Python 系列 教程简介 1、...

TigerChain ⋅ 2017/12/15 ⋅ 0

Mac OS Office 制作PPT学习-2

三十二 实例2 演讲型的PPT怎么做 注意事项 封面设计 简洁、图片可选 星空、城市。。。 背景设计 尽量不用反白色 (一般都是暗光深色渐变背景) 尽量少用特殊字体 演讲型PPT不难做,好图+一句...

时间之友 ⋅ 01/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

中标麒麟(龙芯版)7.0优盘安装

########################################## 制作U盘安装盘: 1.准备U盘: PMON环境下U盘必须格式化成ext3; 昆仑固件环境下可以格式化成ext3,ext4 2.把整个镜像 xxx.iso 复制到U盘下面 3....

gugudu ⋅ 2分钟前 ⋅ 0

老司机写的大数据建模五步走

本文将尝试来梳理一下数据建模的步骤,以及每一步需要做的工作。 01 第一步:选择模型或自定义模式 这是建模的第一步,我们需要基于业务问题,来决定可以选择哪些可用的模型。 比如,如果要预...

gulf ⋅ 11分钟前 ⋅ 0

PacificA 一致性协议解读

PacificA 的 paper 在 08 年左右发出来的,比 Raft 早了 6,7 年。 在 PacificA 论文中,他们强调该算法使用范围是 LAN (Local Area Network),讲白了就是对跨机房不友好。 不管是 ZAB,Raf...

黑客画家 ⋅ 14分钟前 ⋅ 0

盘符图标个性化

设置自己的专属盘符图标 准备ico格式的图片文件一个,在根目录下创建autorun.inf文件 文件内容 [Autorun]icon=logo.ico 重新启动或者插拔U盘即可看到结果...

阿豪boy ⋅ 14分钟前 ⋅ 0

Windows下QQ聊天记录中图片的默认存放位置

Windows下QQ聊天记录中图片的默认存放位置在设置中是没有说明的。 实测位置在:D:\Documents\Tencent Files\974101467\Image 其中: “974101467”为对应的QQ号; “C2C”为个人之间的聊天图...

临江仙卜算子 ⋅ 20分钟前 ⋅ 0

GC 的三种基本实现方式

参考资料《代码的未来》(作者: [日] 松本行弘)。 由于并非本人原著(我只是个“搬运工“),SO 未经本人允许请尽情转载。 另外个人像说明一下这里所说的GC指泛指垃圾回收机制,而单指Jav...

xixingzhe ⋅ 21分钟前 ⋅ 0

Android双击退出

/** * 菜单、返回键响应 */ @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if(keyCode......

王先森oO ⋅ 25分钟前 ⋅ 0

idea 整合 vue 启动

刚学习Vue 搭建了一个项目 只能命令启动 Idea里面不会启动 尝试了一下修改启动的配置 如下: 1.首先你要保证你的package.json没有修改过 具体原因没有看 因为我改了这个name的值 就没办法启动...

事儿爹 ⋅ 31分钟前 ⋅ 0

redis在windows环境的后台运行方法

在后台运行,首先需要安装redis服务,命令为 redis-server.exe --service-install redis.windows.conf --loglevel verbose 启动,命令为 redis-server --service-start 停止,命令为 redis-...

程序羊 ⋅ 34分钟前 ⋅ 0

比特币现金开发者提出新的交易订单规则

本周,四位比特币现金的四位开发者和研究员:Joannes Vermorel(Lokad),AmaurySéchet(比特币ABC),Shammah Chancellor(比特币ABC)和Tomas van der Wansem(Bitcrust)共同发表了一篇关...

lpy411 ⋅ 38分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部