PS教你制作扁平化HTC ONE

2016-04-01 12:39 17 1 收藏

下面图老师小编跟大家分享一个简单易学的PS教你制作扁平化HTC ONE教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - ps图片合成教程 】

PS教你制作扁平化HTC ONE

   事先声明,这不是广告。就是一个简约的PS教程,适合练手,制作其它图标也是类似的思路。融会贯通,您可以将任何物体扁平化成小巧可爱的图标:)

PS教你制作扁平化HTC ONE 图老师

  1. 创建新文件,大小1200×1600 px,油漆桶上色,#20ade1,分辨率72px

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

  2.选择圆角矩形工具,勾选对齐边缘

  宽度:680px

  高度:1350px

  半径:70px

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

  3.Ctrl/CMD+A 全选,然后水平居中,垂直居中,然后Ctrl/CMD+D取消选择

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

  4.双击形状图层缩略图,颜色改为 #d6d6d6 重命名为外部轮廓

41

  5.继续圆角矩形工具,勾选对齐边缘

  宽度:670px

  高度:1340px

  半径70 px

  颜色设为#ffffff,然后水平居中,垂直居中。

  当然,如果你用的是CC,完全可以复制一份图层,然后使用实时形状属性进行修改,如下图。

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

  现在,上下左右各有5px的空间了

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

  6.使用矩形工具

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  宽度:670px

  高度:1150px

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

  颜色#2d2d2d

  水平居中并垂直居中,命名为屏幕1

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

  7.使用矩形工具

  宽度:640px

  高度:1035px

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

  颜色#646464

  栅格化图层,Shift+向上箭头 3次,命名为屏幕2

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

  8.扬声器部分,使用椭圆工具。

  宽度:5px

  高度:5px

  颜色#000000

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

  栅格化图层,复制,按向上键移动8次,让两个黑点间距离为3px,然后打造出4个黑点,合并图层。

8b

  我们共需要48 栏x 4个黑点,大家可自行合并

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

  我的方案是1-2-4-8-16,然后复制了3个16栏,调整后合并。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  复制完了水平居中,然后用方向键调节位置,让扬声孔贴紧屏幕。然后Shift+向上键 2次

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

  9.摄像头部分

  椭圆工具

  45×45颜色#222222

www.tulaoshi.com  27×27 颜色#333333

  19×19 颜色 #515151

  9×9 颜色#6d6d6d

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

  选择四个图层,然后水平居中,垂直居中,Ctrl+G编组,命名为摄像头

  视图显示智能参考线

  然后让摄像头和扬声器圆点垂直中心对齐,让摄像头紧挨圆点,然后Shift+向右键 4次

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

  10.扬声器左边加两个圆,尺寸16x 16,扬声器和圆之间距离25px,两圆之间距离10px

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

  11.SHIFT+ALT +拖移扬声器图层,贴紧屏幕下边缘,Shift+向下键两次

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

  12.最后,我们需要添加图标,左边的图标使用直线工具,粗细3px,随便画一条,然后自由变换,长度18,宽度18,CTRL+J复制图层,然后水平翻转,调整位置,让两个直线形状图层拼成向左箭头,然后合并图层。

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

  颜色设为#C9C9C9,利用只能参考线让箭头图层和扬声器图层左边缘对齐

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

  垂直对齐,用矩形选框选取下图的位置,然后选择垂直居中对齐就可以了。命名为左图标

12c

  右图标,直线工具,3px,下边宽度20px,左右边高度12px,然后用直线工具画出两条正方形对角线交合。对齐什么的参考上一步即可。命名为右图标

12e

  完工!

来源:http://www.tulaoshi.com/n/20160401/2080908.html

延伸阅读
本教程主要使用Illustrator制作超酷的扁平化长阴影效果。废话不多说了,打开AI我们一起来学习吧。希望大家可以通过这个教程学习教程的要点。 首先,老规矩先上最终效果图。 STEP 1 当然是新建一个500x500px的文档,用RGB或CMYK颜色模式随你喜欢,屏幕72PPI就好,其它不用动,点确定。 STEP 2 选用星形工具创建一个半径1:160px,半...
标签: 设计
本文将传授你多样的扁平化设计风格,绝对时髦教程,读完本文,你将轻松掌握时下最热门的设计手法,四种风格包括:常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置: 垂直:157px,177px,250px,323px, 343px, 378px 水平:7...
从零开始教你打造优秀的扁平化PPT   陌君:设计没有唯一和统一的答案,扁平化也只不过是万千设计形式中的一种.用的人多了,好像就变成了趋势.根据题主的疑问,我们或许可以试一试,将制作的过程呈现出来,以帮助理解。 现在,请点击Powerpoint,几秒的静默之后,一个空白的世界即将展开. 在动工之前我们得思考几个问题: ...
标签: PS
PS绘制设计一个扁平化胖次图标   绘制设计一个扁平化胖次图标,设计的思路及方法,值得借鉴学习 图老师 PS绘制设计一个扁平化胖次图标(2)

经验教程

865

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部