Photoshop设计一个清新的半透明图标实例

基督山伯爵 · 发表于 2015-4-26 18:14:38

您需要登录才可以下载或查看，没有账号？注册

x

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

1、新建大小自定的画布，用形状工具制作圆角矩形。2、添加图层样式：渐变叠加和投影，参数及效果如下图。

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:137315 作者：Victor_J_C 出处：站酷

基督山伯爵 · 发表于 2015-4-26 18:14:38

3、分三个图层做中间的形状绘制，其对应图层如下图。

基督山伯爵 · 发表于 2015-4-26 18:14:38

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

基督山伯爵 · 发表于 2015-4-26 18:14:38

5、正圆形图层样式：内阴影和内发光。

基督山伯爵 · 发表于 2015-4-26 18:14:38

6、将刚才的三个形状选中，然后成组。7、在组上添加图层样式：投影，如下图。

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

zjuzjuqaf · 发表于 2015-4-27 16:40:18

楼主

账号		自动登录	找回密码
密码			注册

[UI设计] Photoshop设计一个清新的半透明图标实例