三維虛擬視覺技術的平面設計方法研究

李正周 樂林會

摘 要： 傳統平面設計方法通過模板為設計師提供設計素材，不能反映設計師的真實設計意圖。為此，提出一種新的基于三維虛擬視覺技術的平面設計方法。給出開發環境，采用鼠標進行手繪，通過獲得的有序點序列形成一個筆畫。通過平滑去噪方法完成對手繪筆畫的去噪處理，通過二次B樣條曲線擬合手繪筆畫。在此基礎上，對手繪筆畫進行三維虛擬建模，以實現平面設計。建立平面設計作品三維模型后，采用色彩渲染的方式提高視覺效果。實驗結果表明，所提方法可有效依據手繪筆畫實現三維虛擬建模，使得獲取的三維效果圖更加真實，滿足設計師要求，有助于設計師展示真實的設計意圖。

關鍵詞： 三維虛擬建模; 虛擬視覺技術; 平面設計; 手繪; 三維效果圖; 去噪處理

中圖分類號： TN02?34; TP391 文獻標識碼： A 文章編號： 1004?373X（2018）09?0054?04

Abstract： The traditional graphic design methods provide the design materials for designers by means of templates， which can′t reflect the real design intention of designers. Therefore， a new graphic design method based on 3D virtual vision technology is proposed， and its development environment is given. The mouse is used for hand drawing， which can form the strokes according to the obtained point sequence. The smooth denoising method is used to denoise the hand drawing strokes， which is fitted with quadratic B?spline curves. On this basis， the 3D virtual modeling is carried out for hand drawing strokes to realize the graphic design. After 3D model of graphic design works is established， the color rendering method is adopted to improve the visual effect. The experimental results show that the proposed method can effectively realize the 3D virtual modeling according to hand drawing strokes to make the obtained 3D effect image more true， meet the requirements of designer， and help designers to show their true design intention.

Keywords： three?dimension virtual modeling; virtual vision technology; graphic design; hand drawing; 3D effect image; denoising processing

0 引 言

平面設計是產品設計的重要階段，其對產品性能、質量及市場響應等方面影響很大，特別是產品創新性[1?2]。平面設計屬于創新性活動，傳統輔助設計方法要求用戶在很多菜單中選擇設定的圖像模板，不但操作繁雜，而且設計師無法設計滿足自身要求的作品，意圖表達不準確[3]。為此，本文設計了一種新的基于三維虛擬視覺技術的平面設計方法，通過對手繪作品進行三維建模實現平面設計，自主性較強。

1 基于三維虛擬視覺技術的平面設計方法

1.1 開發環境

構建一個優良的三維虛擬模型需依據目標對象的特征，采用適當的技術與工具進行。本文主要采用VRML技術與3DS MAX技術構建三維虛擬模型[4]。系統開發采用的操作系統為Windows 2000，VRML編輯器為VrmlPad 2.0，Java編輯器為3ds MAX 3.1中文版，VRML瀏覽器為ComsoPlayer 2.1。系統環境配置主要包括Java程序開發環境配置和服務器配置。在Java程序開發環境配置中，因操作系統查詢和編輯文件相對困難，并且當采用SET命令時，每次開啟系統都必須重新配置，浪費大量時間[5]。所以，采用系統屬性對話框方式對變量值進行設置。在服務器配置過程中，因操作系統Windows 2000不存在服務器版本，所以采用Tomact 4.1服務器版本。

1.2 手繪筆畫獲取及預處理

本節主要介紹筆畫獲取和筆畫預處理過程，筆畫預處理包括筆畫去噪處理和筆畫曲線擬合。

1.2.1 手繪筆畫獲取

先對手繪筆畫獲取過程進行介紹：采用鼠標進行手繪，通過獲得的有序點序列形成一個筆畫。一個筆畫描述的是若干點有序序列[R]：

1.2.2 手繪筆畫去噪處理

采用鼠標繪制時，手部抖動會產生噪聲。此外，當把輸入的筆畫信息轉變成顯示屏上的坐標點時，因存在一定誤差，同樣會產生噪聲[6]。顯示屏分辨率越低，造成的誤差越大。本節采用平滑去噪方法進行去噪。

平滑去噪法的基本思想為采用鄰近點值更正當前點值。對式（1）進行平滑處理，則有：

1.2.3 手繪筆畫曲線擬合

本節通過二次B樣條曲線擬合手繪筆畫。B樣條曲線通過多個控制點對曲線形狀進行控制，公式描述為：

根據式（5）能得到，通過一次細分后的[n]幾乎為[m]的一半。則最終確定的點集[G]即為需要擬合曲線的控制點。

因為已經完成對筆畫的采樣平滑處理，所以僅需逆細分一次點集[G]即可獲取控制點，從而得到和原始輸入一致的擬合曲線。

對曲線進行擬合操作，得到的筆畫點分布均勻，點數可自適應調整，使得獲取的平面設計三維模型網格便于管理，操作簡單。

1.3 手繪筆畫三維虛擬建模

獲取并預處理手繪筆畫后，對其進行三維虛擬建模，以實現平面設計。針對多筆畫輸入，通過四元組[Hαi，βi，χi，δi]對輸入的筆畫信息進行保存，所有元素均通過類庫方式保存[8?9]。其中，[α]用于描述識別的筆畫信息，[β]用于描述空間位置，[χ]用于描述輸入筆畫的拓撲信息，[δ]用于描述筆畫特征。通過[Ui]描述處理后得到的筆畫信息，通過[Di]描述符合設計條件的約束。筆畫空間位置和拓撲信息主要通過筆畫識別過程獲取。對設計師設計的筆畫信息進行保存，并求出不同筆畫所處平面的角度，獲取筆畫間的空間位置。設計師手繪作品三維建模過程如下：

1） 對輸入信息[Hαi，βi，χi，δi]進行初始化處理;

2） 對設計師繪制筆畫進行識別：[Hαi，βi，χi，δi→UiDi]，如果是單筆畫，則輸出結果;否則，繼續進行下一步;

3） 對設計作品的組合條件約束進行推理：

4） 對[Um]是否屬于已知模型進行判斷，如果屬于，則將其插入模型中，實現三維模型構建;否則，重新進行步驟1）。

在上述過程中，步驟2）的目的是對輸入的手繪筆畫進行識別，形成基本圖像信息[Ui]，經交互處理判斷建模過程為單筆畫還是多筆畫。如果是單筆畫，則顯示結果;否則，繼續進行下一步，通過約束求解實現匹配，從而獲取三維模型[Um]。

1.4 平面設計作品真實感渲染

建立平面設計作品三維模型后，需對其真實感進行渲染，本節采用色彩渲染的方式提高視覺效果。色彩渲染能夠使獲取的三維建模效果色彩豐富，進行色彩渲染時，需為所有頂點設定顏色數組[10]，頂點顏色為：

2 實驗結果分析

2.1 本文方法應用測試

本節通過本文方法對竹筐和莖葉進行設計，首先令設計師手繪，然后對其進行三維虛擬建模。竹筐手繪圖如圖1a）所示，三維虛擬建模結果如圖1b）所示。莖葉手繪圖如圖2a）所示，三維虛擬建模結果如圖2b）所示。

分析圖1，圖2可知，本文方法可有效依據手繪筆畫實現三維虛擬建模，使得獲取的三維效果圖更加真實，有助于設計師展示真實的設計意圖。

2.2 模糊綜合評價結果

平面設計是一種不確定性過程，所以本節通過模糊評價法對平面設計方法進行評價。模糊評價法把模糊數學應用于心理學，對模糊評價問題進行定量化處理。在對平面設計方法進行評價時，并不確定其屬于哪類評價級別，評價者通常會傾向于某個評價等級，但其他評價等級也可，導致無法準確判斷評價結果。本節依據全部可能心理反應分割評價等級，如很滿意、較滿意、一般滿意、不滿意、很不滿意，要求所有評價者針對各類別等級進行評價，如表1所示。

詳細評價過程如下：令受試者在評價表中選擇最滿足心理評價結果的等級類別，同時設定對應置信度等級。對最滿足等級兩邊的評價等級進行符合程度比較，賦予置信度等級，再對剩余等級進行評價。若受試者認為實際感受和最左側等級相符，則按照從左到右的順序進行評價;否則，按照從右到左的順序進行評價。

通過模糊方法進行評價，獲取的結果為一組向量，所以提供信息更加充分，可掌握受試者評價時的心理狀態和評價過程。為了防止評價值出現負值，類別權數一般取1～5，置信度權數一般取0～2，4～6，再通過加權平均實現點估計，獲取最終的評價結果，計算公式為：

為了驗證本文方法的有效性，將壓縮感知方法和機器視覺方法作為對比。令50位設計師分別采用本文方法、壓縮感知方法和機器視覺方法進行平面設計，并通過上述模糊評價過程對三種設計方法進行評價，取50位設計師的評價均值作為最終結果，如表2所示。

分析表2可知，沒有用戶對本文方法很不滿意，只有2位用戶對本文方法不滿意，其他用戶對本文方法均滿意，其中34位用戶對本文方法很滿意。而9位用戶對壓縮感知方法和機器視覺方法不滿意，只有10位用戶對壓縮感知方法很滿意，6位用戶對機器視覺方法很滿意，遠遠劣于本文方法。且本文方法得到的用戶平均評價分值為4.56分，明顯高于壓縮感知方法的3.54分和機器視覺方法的3.38分，說明本文方法更加滿足設計師要求，驗證了本文方法的有效性。

3 結 論

本文提出基于三維虛擬視覺技術的平面設計方法。給出開發環境，介紹了手繪筆畫獲取和預處理過程。在此基礎上，對手繪筆畫進行三維虛擬建模，并對其進行色彩渲染。經實驗驗證，所提方法能夠滿足設計師要求，有助于設計師展示真實的設計意圖。

參考文獻

[1] 梁亞舟，馬靈玲，汪琪，等.基于壓縮感知的光度立體視覺三維成像方法研究[J].遙感技術與應用，2017，32（3）：449?458.

LIANG Yazhou， MA Lingling， WANG Qi， et al. Research on photometric stereo three?dimensional imaging method based on compressive sensing [J]. Remote sensing technology and application， 2017， 32（3）： 449?458.

[2] 楊欣宇，李誠，張宏烈.基于嵌入式機器視覺信息采集系統的設計與實現[J].科學技術與工程，2016，16（12）：285?290.

YANG Xinyu， LI Cheng， ZHANG Honglie. Information acquisition based on embedded machine vision system design and implementation [J]. Science technology and engineering， 2016， 16（12）： 285?290.

[3] 李景麗，高玲.三維虛擬現實技術在煤炭分布遠程網絡監控系統設計[J].科技通報，2017，33（1）：97?100.

LI Jingli， GAO Ling. 3D virtual reality technology in coal distribution remote network monitoring and control system design [J]. Bulletin of science and technology， 2017， 33（1）： 97?100.

[4] 張登攀，田振華，王東升.三維虛擬動態測量系統構建方法研究[J].計算機測量與控制，2016，24（5）：59?62.

ZHANG Dengpan， TIAN Zhenhua， WANG Dongsheng. Research on method of establishing 3D virtual dynamic measurement system [J]. Computer measurement & control， 2016， 24（5）： 59?62.

[5] 馮曉鋒，潘迪夫.基于平面鏡成像的單攝像機立體視覺傳感器研究[J].光學學報，2014，34（9）：183?188.

FENG Xiaofeng， PAN Difu. Study of single camera stereo vision sensor based on plane mirror imaging [J]. Acta optica sinica， 2014， 34（9）： 183?188.

[6] 劉丹白.關于視覺隨機街景三維仿真建模研究[J].計算機仿真，2016，33（4）：438?441.

LIU Danbai. Research on visual random street view 3D simulation modeling [J]. Computer simulation， 2016， 33（4）： 438?441.

[7] 孫彩紅.運動視覺跟蹤的三維虛擬平臺設計與實現[J].現代電子技術，2017，40（2）：39?42.

SUN Caihong. Design and implementation of 3D virtual platform for moving visual tracking [J]. Modern electronics technique， 2017， 40（2）： 39?42.

[8] 劉溪鴿，楊天鴻，張鵬海，等.基于虛擬現實技術的巖石力學數值計算與三維可視化[J].金屬礦山，2015，44（8）：20?23.

LIU Xige， YANG Tianhong， ZHANG Penghai， et al. Numerical simulation of rock mechanics and 3D visualization based on virtual reality technology [J]. Metal mine， 2015， 44（8）： 20?23.

[9] 郭偉青，湯一平，魯少輝，等.基于鏡面成像技術的三維立體視覺測量與重構綜述[J].計算機科學，2016，43（9）：1?10.

GUO Weiqing， TANG Yiping， LU Shaohui， et al. Review of 3D stereo vision measure and reconstruction based on mirror image [J]. Computer science， 2016， 43（9）： 1?10.

[10] 楊俊.基于三維視覺的居室空間虛擬設計與實現[J].現代電子技術，2017，40（23）：55?58.

YANG Jun. Virtual design and realization of room space based on 3D vision [J]. Modern electronics technique， 2017， 40（23）： 55?58.