玻璃拟物化？真的很简单！

首先，科普一下，什么是新拟物化。

新拟物是拟物风格的变体，在拟物的基础上改变了图形的样式，让设计元素看起来更有真实感。新拟物化风格是类似于浮雕的效果，相对于扁平风来说更能让用户产生耳目一新的感觉。

那什么是玻璃拟物化呢？

说到这里，你得认识一个人：资深设计师 Michal Malewicz

对，就是去年年底让我们注意到新拟物化风格的这个小哥，他又搞事情了：他在油管和 Medium 上又预测了可能会流行的新设计风格：Glassmorphism。

Glassmorphism 是什么？

显而易见，Glassmorphism 这个词是 Glass（玻璃）和 Skeumorphism（拟物化）的结合，我们姑且将其称之为「玻璃拟物化设计」。

Malewicz 小哥对于这种风格特征归结为4点：

• 透明：使用带有模糊磨砂质感背景的透明效果

• 悬浮：带有明显悬浮感的多个层级

• 鲜明：使用鲜艳色彩作为强调色并且从半透明层中透出

• 微妙：使用轻薄微妙的边框来强化物理质感

简单的来说，「玻璃拟物化」在某些方面和「新拟物化」是一脉相承的，但是它有着相对更加具体的视觉隐喻，也就是我们日常接触的「玻璃」。

如果你和经常翻看 Dribbble 或者 Behance ，你会注意到有很多设计师在有意识地采用「玻璃拟物化」美学的设计。

OK，关于玻璃拟物化的前世今生在此不多赘述。我只想告诉你，怎么搞出来。

本文的封面图就是刚刚做好的一个。

怎么搞？很简单，就是PS里的基础功能：模糊---高斯模糊

我将新作一个，具体操作步骤开始：

01.新建画布：找一个好看的背景图

02.老司机经验操作，不用脑子想，先将背景复制一层出来。然后画一个矩形框。

这里需要说明，这个矩形框可以圆角可以直角，个人喜好看自己。我喜欢圆角。颜色没有要求，不要想着只有白色才是玻璃材质的。nonono。做玻璃拟物化效果，跟这个矩形的颜色没有关系。

03.复制图层1，并把图层1放到矩形图层的上方。然后把图层1拷贝来一个模糊----高斯模糊。。这里需要说明。模糊的数值给的越大，就感觉玻璃越毛糙不清晰。数值越小，就越清晰透明。

以上操作完后，把图层1拷贝向下剪切到矩形图层。

这个时候效果就出来了

04.现在来到矩形图层，开始加效果，让它更像块玻璃。

选中矩形图层，点击fx按钮。

来到图层样式面板，点击斜面和浮雕。

深度，数值越大，玻璃越厚。反之则薄。

高光，白色。别问为什么，问你就不适合做设计，劝你转行！！！

阴影，这里要选背景里的背景色，模式一定是叠加。因为，有光从一侧打过来，另一侧就会有阴影，但是这是块玻璃，它是透明的，还得能看到玻璃下面的信息。

投影，必须白色，看起来很像是光透过玻璃过去的。

SO，你看下最终效果。

学会了吗？没学会回头再看一遍，一边看一边操作。还有，这句话是个分界线。

后话：

有人说，我在建立矩形图层以后就给它加样式，然后再模糊剪切。不用非得先模糊剪切完了，再给矩形框加样式吧？？？？？

说得好像有点道理呀，可我怕你剪切完后发现啥也没有呀。还有就是你不好看出效果，增加自己的工作量呀。

好了，文章结束了，又到了自我推荐的时间了，你懂得。

没有关注我的赶紧关注。我的公众号叫【设计者也】。

记得给这篇文章点赞、留言评论。

哦哦哦，对了，关注后别忘了加我进群，群里总是分享源文件素材。