PS如何制作扁平化风格图标

xhj铁血

xhj铁血

2015-02-07 15:55

设计源于生活中的点点滴滴,不存在凭空的想法,只有在实践中不断去学习,才能提高自己,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,抹去超出圆角矩形的阴影

如下图使用钢笔工具

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

不透明度设置为 20%

步骤2:

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

三、 渐变式

步骤 1:

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

步骤 2:

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

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

步骤3:

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)四、投影式

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

展开更多 50%)
分享

猜你喜欢

PS如何制作扁平化风格图标

平面设计
PS如何制作扁平化风格图标

Photoshop制作扁平化风格的椭圆矩形图标

PS PS基础
Photoshop制作扁平化风格的椭圆矩形图标

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop设计扁平化风格的雷达图标

PS PS基础
Photoshop设计扁平化风格的雷达图标

Photoshop绘制扁平化风格软件图标教程

PS PS基础
Photoshop绘制扁平化风格软件图标教程

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

PS扁平化仍是主流设计风格

PS
PS扁平化仍是主流设计风格

Illustrator绘制扁平化风格的宝石图标

Illustrator CorelDRAW
Illustrator绘制扁平化风格的宝石图标

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

时尚手表创意设计作品图集

时尚手表创意设计作品图集

PS将照片快速转变为铅笔素描效果

PS将照片快速转变为铅笔素描效果
下拉加载更多内容 ↓