Home > Web Front-end > PS Tutorial > Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

PHP中文网
Release: 2016-06-01 14:26:50
Original
1758 people have browsed it

依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制 依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。
最终效果

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

1、新建大小自定的画布,用形状工具制作圆角矩形。

2、添加图层样式:渐变叠加和投影,参数及效果如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标
 3、分三个图层做中间的形状绘制,其对应图层如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

4、首先看红点标注的2个图层,参数是一样的。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标
 5、正圆形图层样式:内阴影和内发光。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

6、将刚才的三个形状选中,然后成组。

7、在组上添加图层样式:投影,如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

最终效果及其它类似效果:

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template