Photoshop新手教程:扁平化设计风格图标设计

http://www.webjx.com/  发布时间:2013-11-03 23:01:46  来源:优设网翻译 

  本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:)

  四种风格包括:常规扁平化、长投影、投影式、渐变式。

  

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

 

  一、常规扁平化

  步骤 1:

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

  

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

 

  

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

 

  步骤 2:

  参考线设置:

  垂直:157px,177px,250px,323px, 343px, 378px

  水平:72px, 107px, 127px, 200px, 273px, 293px, 328px

  

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

 

  最终结果:

  

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

 

  步骤 3:

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

  

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

 

  步骤4:

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

  

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

 

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

  

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

 

  步骤 5:

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

  

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

 

  

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

 

  基本扁平化图标告成

  

共4页: 上一页 1 [2] [3] [4] 下一页
更多