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

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

一、常规扁平化

步骤 1:

宽度: 500px, 高度: 400px. 背景色#e8d59b.

步骤 2:

参考线设置:

垂直:157px,177px,250px,323px, 343px, 378px
水平:72px, 107px, 127px, 200px, 273px, 293px, 328px

最终结果:

步骤 3:

前景色#d14242,,圆角矩形工具,半径40,如下

步骤4:

椭圆工具,颜色#ffffff, 在中心创建圆状物体。

依然在圆形图层,选择减去顶层形状,画出圆环形状如下图。

步骤 5:

自定义形状工具,前景色 #ffffff, 中心创建三角箭头

基本扁平化图标告成

二、长投影

步骤 1:

矩形工具,前景色#000000, 在三角箭头图层以及圆环图层下方画出形状如下图

自由变换,选择45度

为矩形形状添加图层蒙版

在图层蒙版位置按住CMD+左键单击圆角矩形形状图层,然后选择>反向

使用油漆桶工具,前景色设置为#000000,抹去超出圆角矩形的阴影

如下图使用钢笔工具

不透明度设置为 20%

步骤2:

步骤1是三角箭头的阴影,步骤2是圆环的阴影,类似同上,不再赘述。

三、 渐变式

步骤 1:

复制圆角矩形图层,然后移动到图层最顶端,填充设置为 0%

步骤 2:

使用钢笔工具,删除一些锚点,然后拖移一些锚点到中心,如下图。

为复制后的图层添加图层样式,如下(正片叠底 不透明度20% 缩放100%)

步骤3:

原圆角矩形图层也如下设置(正片叠底 不透明度10% 缩放100%)

四、投影式

这个超级简单,给所有图层添加如下图层样式即可(正片叠底 不透明度20% 距离10)

恭喜,完工

本教程利用PS讲述了几种扁平化风格的实现,希望你能学以致用,多多实验,开创自己的风格。

优设网翻译:@MartinRGB

(0)

相关推荐

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

    事先声明,这不是广告.就是一个简约的PS教程,适合练手,制作其它图标也是类似的思路.融会贯通,您可以将任何物体扁平化成小巧可爱的图标:) PSD源文件下载 宽度:680px 高度:1350px 半径: ...

  • 2016年六个全新的扁平化设计风格

    时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格.扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进 ...

  • AI教程:[13]四种形状组合模式

    在前面绘制的图形中,我们经常使用到形状组合的模式,那么现在就具体讲下四种形状组合模式吧~ 操作方法 01 打开ai软件,新建画布,然后点击"窗口"--"路径查找器&quo ...

  • PS新手教程!打造一枚简约音乐播放器

    用PS中的矢量形状以及图层样式打造精致的音乐播放器组件. 界面设计一定要保持简约,保证原汁原味的内容,一眼即知的操作方式. 通过本文,你将学习到:如何使用PS图层样式添加流畅精致的质感:如何打造细腻的 ...

  • PS新手教程!手把手教你创建一个超现实的微型画像

    小编:今天给大家分享一篇非常有趣的ps教程,而且非常简单!哈哈~设计原来可以这么玩,不信你可以试试~ 首先我们打开没有手指的图片: 置入有手指的图片,顺带添加个蒙版: 选择画笔工具,然后涂抹掉手指部位 ...

  • PS新手教程!手把手教你绘制人体特效海报

    很多电影海报都会用的效果,简单易学还特别有视觉冲击力!今天这篇教程是小麦丫临摹的海报效果,教程不难,10分钟就可以学会,一起来试试. 操作方法 01 导入PS,调整颜色.方向(使之接近临摹海报的黑白色 ...

  • PS新手教程!教你如何制作炫酷的UI界面

    制作炫酷的UI界面可以说是刚需,尤其是对于从事游戏UI设计和电商设计的同学而言.这次 止于了之给大家带来的UI界面设计教程就是与此有关.最终效果可能并不符合你的需求,但是最重要的是学习制作的思路和方法 ...

  • PPT怎么打造完美扁平化风格

    一.扁平化PPT设计之四大原则 1.亲密:相互关联的内容最好放在一起 如果叫你从左图中找到可口可乐,你能一眼看出来在哪里吗?很难.但是按照亲密性原则调整后,右图是不是更容易找到一些? 2.对齐:保证页 ...

  • 让扁平化设计也爆发视觉冲击力(5招)

    扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计 ...