利用PS轻松掌握四种扁平化设计风格
发布时间:2015-05-12 来源:查字典编辑
摘要:本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:)四种风格包括:常规扁平化、长投影、投影式、渐变...
本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:)
四种风格包括:常规扁平化、长投影、投影式、渐变式。
![利用PS轻松掌握四种扁平化设计风格1](/Images/jiaocheng/2015-05-0510/3831363913.png)
一、常规扁平化
步骤 1:
宽度: 500px, 高度: 400px. 背景色#e8d59b.
![利用PS轻松掌握四种扁平化设计风格2](/Images/jiaocheng/2015-05-0510/3237825549.jpg)
![利用PS轻松掌握四种扁平化设计风格3](/Images/jiaocheng/2015-05-0510/320443391.jpg)
步骤 2:
参考线设置:
垂直:157px,177px,250px,323px, 343px, 378px
水平:72px, 107px, 127px, 200px, 273px, 293px, 328px
![利用PS轻松掌握四种扁平化设计风格4](/Images/jiaocheng/2015-05-0510/535082327.jpg)
最终结果:
![利用PS轻松掌握四种扁平化设计风格5](/Images/jiaocheng/2015-05-0510/2112863683.jpg)
步骤 3:
前景色#d14242,,圆角矩形工具,半径40,如下
![利用PS轻松掌握四种扁平化设计风格6](/Images/jiaocheng/2015-05-0510/4289435767.png)
步骤4:
椭圆工具,颜色#ffffff, 在中心创建圆状物体。
![利用PS轻松掌握四种扁平化设计风格7](/Images/jiaocheng/2015-05-0510/2200579638.png)
依然在圆形图层,选择减去顶层形状,画出圆环形状如下图。
![利用PS轻松掌握四种扁平化设计风格8](/Images/jiaocheng/2015-05-0510/526884618.png)
步骤 5:
自定义形状工具,前景色 #ffffff, 中心创建三角箭头
![利用PS轻松掌握四种扁平化设计风格9](/Images/jiaocheng/2015-05-0510/3570786547.png)
![利用PS轻松掌握四种扁平化设计风格10](/Images/jiaocheng/2015-05-0510/127667307.png)
基本扁平化图标告成