技能234-用微立体实现逼真的相框视觉效果-布衣公子

2018-06-18 本文已影响49人 a174b2647161

9-7-1.jpg

不知道大家是否有这样的疑惑，微立体除了做出一些很酷的视觉效果之外，还有什么作用呢？学习了微立体的知识之后，我们就可以进行逼真的拟物化设计了，比如相框的视觉效果。

9-7-2.jpg

这是从网上偶然搜集的相框效果图片，我决定使用PPT中的微立体设计来模仿一下。

9-7-3.jpg

模仿之前，先来分析一下该如何实现图中的视觉效果。根据公子的设计经验，该相框可以由底层带外部阴影的色块、顶层带内部阴影的色块及内侧边框组合而成。前两个很容易实现，但第三个的确难倒我了，我花了一段时间来思考，想出来了！接下来给大家具体演示一下。

9-7-4.jpg

第一步、设计底层带外部阴影的色块。色块的颜色设为浅灰，RGB为（240,240,240）；色块的外部阴影参数为：【颜色】为默认的黑色，【透明度】为85%，【大小】100%，【模糊】30磅；【角度】45°，【距离】20磅。当然，这些参数都是可以根据实际情况来调整的。

9-7-5.jpg

第二步、设计顶层带内部阴影的色块。色块的颜色设为浅灰，RGB为（238,238,238）；色块的内部阴影参数为：【颜色】为默认的黑色，【透明度】为75%，【模糊】5磅；【角度】225°，【距离】4磅。

9-7-6.jpg

第三步、设计发亮的内侧边框。这个内侧边框为直接弯折的线条，线条的颜色设为浅灰，RGB为（248,248,248），【宽度】为1.5磅。那么问题来了，这一段直角弯折的直线线条是如何绘制的呢？公子在前面讲过了【任意多边形】工具，大家还有印象不？

9-7-7.jpg

相框的应用案例。除了案例中的文字展示之外，我们还可以将顶层带内阴影的色块设计为图片占位符，即可快速添加图片，且自带内阴影效果，方便排版运用。

公子的PPT学员将会获取这些素材的源文件，具体的操作过程请您详见网易云课堂《揭秘PPT真相》之《PPT风格设计》章节的视频演示。