国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 應用 > 軟件技巧 > 正文

Vue 5 Esprit 彩色圖控制材質色彩變化

2024-07-05 05:18:31
字體:
來源:轉載
供稿:網友

  Vue 5 EsPRit的彩色圖用于產生可變的顏色,類似于photoshop中的漸變填充,但又不完全是。它在Vue中是和濾鏡、函數以及全局顏色結合使用來控制材質表面的顏色的,彩色圖能夠幫助生成變化的顏色。

  如果要使用彩色圖,用戶只需要在高級材質編輯器的Colors(顏色)標簽中選擇Coloring mode(顏色模式)為Procedural colors(程序顏色),如圖1所示。

Vue 5 Esprit 彩色圖控制材質色彩變化   三.聯

  圖1 高級材質編輯器

  我們使用彩色圖之前,首先要了解Vue中通過程序來生成材質顏色的原理。Vue能夠使用函數、濾鏡和彩色圖來按照算法規則生成材質的顏色。它的工作原理如下:對于表面上的每個點,函數計算出一個0到1之間的值(函數預覽中的0顯示為黑色,1顯示為白色)。這個值然后通過濾鏡被轉化為另外一個0到1的值。按照后一個值,彩色圖產生表面的顏色(如果值為0,那么顏色是彩色圖中左側的那個,如果值為1,那么顏色是彩色圖中右側的那個)。如果要修改函數,只需要雙擊函數圖片就可以出現函數瀏覽器,如圖2所示。關于函數的使用我們在后面會詳細講解。

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

  圖2 函數對話框

  用戶還可以使用縮放控制文本框來沿著X、Y和Z方向調整函數。如果有必要的話,用戶還可以使用濾鏡來修改函數值轉變為顏色的方法,只需要雙擊濾鏡預覽圖就可以選擇濾鏡,如圖3所示。濾鏡的使用我們也會在以后詳細講解。

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

  圖3 濾鏡對話框

  另外,這里我們還需要了解另外一個概念,那就是Overall color(全局顏色),這個選項在Mapped Picture(映射圖)和Procedural Color(程序顏色)的時候都會有。它允許用戶修改材質的整體顏色。因為改選項控制平均顏色,所以它可能在材質中是不顯示的。例如,如果材質顯示出一個紅色和白色的棋盤格,全局顏色會變成粉紅色,盡管實際上材質上只有紅色或者白色。全局顏色可以通過雙擊顏色塊來進行修改。所有材質中的顏色都會被修改,用于產生與全局顏色相匹配的平均顏色。

  雙擊顏色塊或者右擊鼠標在彈出菜單中選擇Load Color Map(載入彩色圖)即可打開彩色圖庫,如圖4所示。這里所顯示的是一些預置的彩色圖,用戶可以直接選中使用。

Vue 5 Esprit 彩色圖控制材質色彩變化   三聯

  圖4 彩色圖庫

  如果用戶不是使用預置的彩色圖庫,而是要自己創建彩色圖,那么首先需要打開彩色圖編輯器,那么只需要在按住Ctrl鍵的時候單擊彩色圖預覽或者右擊彩色圖預覽在彈出菜單中選擇Edit Color Map(編輯彩色圖)就可以打開彩色圖。在彩色圖編輯器中,中部的顏色漸變區域顯示了對應于水平標尺的每個位置上的顏色。如圖5所示。

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

  圖5 編輯彩色圖

  彩色圖是通過關鍵顏色來生成的。關鍵顏色定義了給定位置的彩色圖中的顏色。Vue自動生成了關鍵顏色之間的顏色漸變。用戶可以通過增加、移動或者刪除關鍵顏色來修改彩色圖。

關鍵顏色通過圓形的控制按鈕

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

來表示,這些按鈕位于彩色圖下面的水平標尺上。所有的彩色圖都在標尺的末尾具有一個關鍵顏色,并且相應的控制滑塊不能移動。

  一、添加關鍵顏色

  用戶可以雙擊彩色圖的中心位置來添加關鍵顏色。此時在用戶雙擊的位置就會出現一個選擇顏色對話框,如圖6所示。

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

  圖6 選擇顏色對話框

  用戶可以選擇需要的顏色。此時彩色圖就被重新繪制,并且包含了新的顏色。如圖7所示。

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

  圖7 選中顏色后的材質顏色

在彩色圖中單擊,此時所點擊的位置就會在下面的Position(位置)文本框中顯示,如果要創建關鍵顏色,用戶可以按下

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

(新建關鍵顏色)按鈕或者雙擊Current color(當前顏色)塊,這時會出現一個對話框,用于讓用戶選擇顏色。同樣,用戶也可以在Position(位置)文本框中直接輸入一個數值,然后按照上面相同的方法來添加關鍵顏色。

  需要注意的是,用戶不能在同一個水平位置添加兩個關鍵顏色。

  二、移動關鍵顏色

如果用戶需要移動某個關鍵顏色,那么只需要選中該關鍵顏色的圓形控制按鈕

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

,然后將其移動到某個位置放開鼠標即可。每個關鍵顏色必須還是在其之前顏色和之后顏色之間,而不能拖到其之前顏色的前面或者之后顏色的后面。

  如果用戶要修改關鍵顏色,那么只需要選中該關鍵顏色的控制按鈕,然后雙擊就可以打開顏色選擇對話框讓用戶重新選擇顏色。用戶選擇一個新的顏色,然后選擇OK后,彩色圖就可以重新繪制了。當用戶選擇了一個關鍵顏色的時候,還可以使用Tab鍵直接跳躍到下一個關鍵顏色(Shift+Tab可以跳到前一個關鍵顏色)。用戶也可以在選中關鍵顏色的時候選擇左右方向箭來調整關鍵顏色的位置。

  在用戶修改關鍵顏色的時候,單擊需要修改的關鍵顏色將其選中,此時控制按鈕就會變成黑色。并且Position(位置)中顯示了當前關鍵顏色的位置值。在Current color(當前顏色)塊中雙擊就可以打開選擇顏色對話框,用戶可以重新選擇顏色。

  三、刪除關鍵顏色

當用戶需要刪除一個關鍵顏色的時候,只需要使用鼠標選中需要刪除的顏色,或者在Position(位置)中輸入其位置,然后單擊

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

(刪除關鍵顏色)按鈕即可刪除該關鍵顏色。用戶也可以使用Tab鍵和Shift+Tab鍵來切換關鍵顏色。不過,用戶不能刪除最右側的關鍵顏色。

  四、新建、載入和保存

單擊New(新建)按鈕圖標

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

就可以新建一個漸變彩色圖。單擊Load(載入)按鈕圖標

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

就可以打開圖4所示的彩色圖庫選擇預置的彩色圖。單擊Save(保存)按鈕圖標

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

就可以將當前的彩色圖按照*.clr格式來保存,如圖8所示。為將來的場景創作使用。已經保存的彩色圖會出現在彩色圖庫中。默認情況下,彩色圖保存在Vue安裝目錄的Color maps(彩色圖)文件夾之下。

Vue 5 Esprit 高級教程之彩色圖控制材質色彩變化

  圖8 保存彩色圖

  小結:彩色圖實際上是一個不太容易理解的概念。它類似于Photoshop中的漸變填充,但是又不完全是。它在Vue中是和濾鏡、函數以及全局顏色結合使用來控制材質表面的顏色的,彩色圖能夠幫助生成變化的顏色。我們需要記住的是它的工作原理,那就是Vue首先使用函數來計算出材質上每個點的數值,然后通過濾鏡將其轉化為另外一個值,而彩色圖所依據的就是濾鏡轉化后的這個0到1之間的值來生成表面顏色。但是,需要注意的是,這個表面顏色又不是完全和彩色圖預覽中的顏色一樣,它是按比例對應的一種關系。希望讀者朋友們能夠在實際使用中詳細理解這一點,這樣我們在創作過程中才不至于會迷失方向,通過細節調整我們總能實現出自己想要實現的各種效果。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凌海市| 碌曲县| 建昌县| 合川市| 青岛市| 延边| 黎川县| 苗栗市| 通道| 驻马店市| 洛南县| 山东省| 奉节县| 文登市| 龙游县| 伊金霍洛旗| 黄大仙区| 天津市| 汕头市| 尖扎县| 定结县| 景谷| 疏附县| 论坛| 东乡| 卢氏县| 临武县| 信宜市| 始兴县| 安义县| 瑞安市| 华安县| 镇雄县| 淮南市| 工布江达县| 平和县| 石景山区| 南城县| 麻城市| 化隆| 嘉兴市|