层次原理图设计技巧(立体感结构图只需要3步)

老板给你这样一页结构图,你会怎么制作?

层次原理图设计技巧(立体感结构图只需要3步)(1)

想卷一下,但是绞尽脑汁也想不出什么创意,不妨上网找灵感

在花瓣网搜索“拓扑图”,就可以发现很多好看的拓扑图的图片。

层次原理图设计技巧(立体感结构图只需要3步)(2)

总结规律,这些拓扑图都使用了2.5D模型,有种立体的感觉。

这种立体的2.5D模型看起来复杂,其实在PPT里只需要3步就可以做好,湖南企发文化传媒有限公司的虎哥教你10分钟搞定2.5D立体拓扑图的制作。

第一步 制作2.5D模型基本版式

先改变背景颜色,可以根据公司的配色来设置,这里我采用了蓝色渐变,参数如下:

层次原理图设计技巧(立体感结构图只需要3步)(3)

插入3个矩形,选择【形状效果】-【三维旋转】,分别设置成下图中的三种三维旋转格式。

层次原理图设计技巧(立体感结构图只需要3步)(4)

将三维旋转后的三个矩形组合在一起,便得到了一个2.5D立方体的基本模型

层次原理图设计技巧(立体感结构图只需要3步)(5)

第二步 调整细节

立方体形状有了,但是看上去不那么逼真,接下来就要设置光的效果,主要靠渐变填充来实现。

首先根据背景的设定,光是左下往右上的方向,那么我们可以假定光源是从立方体上方斜射下来,按照这种效果调整立方体的渐变颜色,最终达到效果即可。

层次原理图设计技巧(立体感结构图只需要3步)(6)

【敲黑板】光源位置并不是固定的,也可以设置成左上往右下,总之要根据整体版面情况去设定,这里采用这种光源位置来讲解操作方法。

将三个矩形设置渐变填充,具体的方法就是调整“角度”、“透明度”、“颜色亮度”等参数一点一点地去试,试到满意的效果为止。

如果你想偷懒,可以直接搬运我试好的参数。

层次原理图设计技巧(立体感结构图只需要3步)(7)

层次原理图设计技巧(立体感结构图只需要3步)(8)

层次原理图设计技巧(立体感结构图只需要3步)(9)

最后得到这样的立方体

层次原理图设计技巧(立体感结构图只需要3步)(10)

这样看上去,有了光的效果,比之前逼真很多。

第三步 排版加优化

2.5D立方体做好后,只需要按照源文件的结构进行排版即可。但是操作后会发现,如果像平面排版那样简单的对齐,最后看起来却不整齐,这里就需要用到辅助线。

层次原理图设计技巧(立体感结构图只需要3步)(11)

在辅助线的帮助下,将立方体按逻辑结构排版好,再将文字进行三维旋转后,调整字体大小,放置到对应的位置即可。

层次原理图设计技巧(立体感结构图只需要3步)(12)

最后,添加上线条,一个立体的结构图就完成了。

层次原理图设计技巧(立体感结构图只需要3步)(13)

当然,仅仅这样太单调了,所以还需要添加一些修饰的元素来丰富画面。

层次原理图设计技巧(立体感结构图只需要3步)(14)

这种2.5D立方体不仅仅可以用来制作拓扑图,人员架构图、流程图等都可以用来丰富页面。

层次原理图设计技巧(立体感结构图只需要3步)(15)

层次原理图设计技巧(立体感结构图只需要3步)(16)

快快动手卷起来吧!!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页