tft每日頭條

 > 職場

 > 層次原理圖設計技巧

層次原理圖設計技巧

職場 更新时间:2024-11-13 03:38:26

老闆給你這樣一頁結構圖,你會怎麼制作?

層次原理圖設計技巧(立體感結構圖隻需要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

快快動手卷起來吧!!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关職場资讯推荐

热门職場资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved