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

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

PSD源文件下载

宽度:680px

高度:1350px

半径:70px

宽度:670px

高度:1340px

半径70 px

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

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

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

宽度:670px

高度:1150px

颜色#2d2d2d

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

宽度:640px

高度:1035px

颜色#646464

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

宽度:5px

高度:5px

颜色#000000

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

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

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

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

椭圆工具

  • 45×45颜色#222222
  • 27×27 颜色#333333
  • 19×19 颜色 #515151
  • 9×9 颜色#6d6d6d

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

视图>显示>智能参考线

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

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

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

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

完工!

99designs
优设网翻译:@MartinRGB

(0)

相关推荐

  • PS图文教程——教你制作金馆长表情

    操作方法 01 打开PS,双击空白部分,打开我的电脑,找到要进行P图的图片后点击[打开]. 02 如图,图片已呈现在画布中了.首先,我们在左侧工具栏选择[画笔工具]→[修复画笔工具].将画笔大小设置为 ...

  • ai制作扁平化风景插画教程

    ai制作扁平化风景插画图文视频教程 操作方法 01 1.新建文件:文件-新建 尺寸随意 可以是800*800 2.置入参考文件:文件-置入 02 3.画一颗小树: 绘制椭圆-顶点削尖-用竖线分割成左右 ...

  • 如何使用PS制作扁平化磁带

    PS是一个平面制作软件,那么你知道如何快速的制作扁平化磁带图形么?下面我们跟着以下图文步骤,学习制作的方法吧! 一.新建文档并绘制选区 01 打开PS软件,创建一个新的文档. 注:尺寸设为:720*1 ...

  • 如何使用PS制作扁平化手机

    使用ps制作扁平化手机,我们可以通过矩形工具快速完成效果. 操作方法 01 新建一个文档,快速调整尺寸大小. 02 使用矩形工具快速绘制一个矩形选区,作为我们手机的机身. 03 我们手机边缘一般是平滑 ...

  • PS如何制作扁平化风筝

    扁平化风格目前很流行,下面我们就来使用PS制作扁平化的风筝吧. 操作方法 01 新建文档,调整尺寸大小.(可根据需求而定) 02 使用多边形套索工具,绘制选区. 03 在画布上绘制三角形,作为风筝的身 ...

  • 如何使用PS制作扁平化高台

    有时候我们需要制作扁平化的图形化效果,那么应该如何制作呢?这里我们就来介绍如何使用矩形工具快速的制作立体的高台图形. 操作方法 01 新建一个文档,调整尺寸大小. 02 长按我们的矩形选框工具,长按鼠 ...

  • 如何使用PS制作扁平化手提箱

    扁平化风格十分流行,下面我们就以扁平化的箱子为例来学习制作扁平化风格的方法. 操作方法 01 新建一个文档,调整尺寸大小. 02 使用矩形工具绘制一个矩形,作为箱子的面. 03 因为我们不希望箱子的边 ...

  • PS简单教程教你瞬间变丝袜美女为己用

    PS简单教程教你瞬间变丝袜美女-丝袜网店有福了 要啥模特自己弄卖丝袜的淘宝网店有福气咯,不在为自己的店铺没人做模特而发愁了,看中哪个模特或者美女 明星啥的,直接PS过来 就成了你的专业模特了!下面看看 ...

  • PS新手教程:轻松掌握四种扁平化设计风格

    本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化.长投影.投影式.渐变式. 一.常规扁平化 步骤 1: 宽度: 500px, 高 ...