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

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

作者: a174b2647161 | 来源:发表于2018-06-18 16:06 被阅读49次
    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风格设计》章节的视频演示。

    PPT课程:http://study.163.com/course/courseMain.htm?courseId=1003808013&utm_campaign=commission&utm_source=cp-498953&utm_medium=share
    Excel课程:http://study.163.com/course/courseMain.htm?courseId=1004207003&utm_campaign=commission&utm_source=cp-498953&utm_medium=share

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/aiuneftx.html