CorelDRAW在产品表现技法上的教学与应用_coreldraw使用小技巧

CorelDRAW在产品表现技法上的教学与应用由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“coreldraw使用小技巧”。

Coreldraw在產品表現技法上的教學與應用

洪偉肯

明志技術學院工業設計系

摘要

本文說明如何運用Coreldraw於表現技法課程的教學，以培養學生具備繪製產品精描圖的能力，進而能無中生有創作出新的產品。因Coreldraw定位為插畫與排版用軟體，並非針對產品設計而開發，若要運用於產品繪圖，仍有許多訣竅與方法來加以克服。本文以循序方式說明學習程序與應注意之特點，並佐以案例說明，若設計師本身已有向量繪圖軟體的一般概念，並具有圖學與素描的基礎，透過本文描述之觀念可很快的轉化為以無中生有方式繪製出產品表現圖的能力，即使是初學者，經過一段時間的基礎訓練，亦能描繪出相當精緻的產品精描圖(Rendering)，茲以此教學經驗提供有意學習者作為參考。

關鍵詞：Coreldraw，表現技法、產品設計1.前言

設計表現能力對於發展一個構想或或是開發一件產品而言，是一種設計上不可或缺的工具，同時也能提供我們一種構想的反應及評估上的視覺重現(Arends，1988)。而產品精描圖則是表現設計最重要的溝通媒介，目的在於能夠明確的表達出產品的外觀特點。目前電腦應用於繪圖已相當普及，鑑於其方便性與良好的模擬效果，在業界及實務上，均運用電腦繪圖完成的作品作為最終的設計提案，且依不同的產品類型選擇以透視圖、正視圖或CAD尺寸圖等方式呈現。在設計實務上，塑膠射出成形、組裝式的產品較適合以Coreldraw繪製，若不涉及過多三度空間的曲面造形，以其來繪製皆綽綽更餘。而其它的優點除了擁更向量軟體檔案小、可輸出各種解析度與尺寸之圖檔、所繪物件可共用的特點外，其支援各種影像檔案，像是 Adobe公司的 Illustrator的.AI、.EPS格式、Photoshop的.PSD、還更Macromedia的Falsh的.SWF與SVG等檔案格式，對於後續圖面的其它應用均更相當大的彈性。

目前以Coreldraw繪製產品表現圖的教學書籍，所提案例常過於簡單，或未針對產品設計繪圖作考量(李俊彥，2002)，使更意學習者不易瞭解學習的重點所在。故本文提出五階段的學習程序，分別為1.外形線繪製、2.漸層填色練習、3.漸變工具使用、4.案例描圖練習、5.無中生更產品設計，並針對各階段可能遭遇的問題與訣竅加以說明。以筆者教學的經驗認為，只要能學習一些訣竅，與靈活運用少數幾種Coreldraw指令，加上多觀察一般產品的外形與光影變化，任何人都可以很快的上手，並描繪出逼真的產品圖。以筆者指導的專科三年級學生為例，約半學期的時間即可很快的掌握到案例描圖階段所需的技巧，並培養完成無中生更設計的基礎。此外，課程本身同時整合與延伸素描及圖學的應用，對光影觀念、立體圖與三視圖轉換概念的培養，有相當大的助益。2.外形線繪製

線條繪製原則，因一般產品外觀均以幾何線條為主，故儘量以圓、多邊形等幾何繪圖工具繪製，搭配修剪(Trim)、焊接(weld)、交叉(Intersect)三種造形工具描繪出正確的造形，若更斜線或曲線必需以貝茲曲線繪製時。設計者應練習以最少的節點數繪製出外形線，且注意在造形轉折處的線條變化是尖銳或圓弧(在畫貝茲曲線過程中以滑鼠按下左鍵後拖曳可使節點產生曲率控制桿)，使其能夠在一開始描繪時，即能以最接近正確的節點屬性繪製，以避免後續更太多的修改。外形線最後務必將節點頭尾相連封閉起來，這樣才能成為一塊體，可供填上色彩或漸層之用。

初學者通常無法一次就畫出正確的外形線，此時可以利用造形工具(shape tool)點選任一節點，調整節點之曲率控制桿，或按滑鼠右鍵之節點編輯工具，運用新增(add)、刪除(delete)、到直線(to line)、到曲線(to curve)、尖角(cusp)、平滑(smooth)、相對稱(symmetrical)等七種方式作微調(如圖1左)，為使貝茲工具(bezier tool)畫出的線條能夠工整，可由畫面尺規(ruler)部份以滑鼠拖曳拉出引導線(guideline)以對齊，或在畫線時按鍵盤之Ctrl鍵以準確畫出垂直與水平的線條。此部份需透過密集的練習以掌握線條的微妙變化，務必力求能夠精確描繪外型，避免產生干涉的現象。

圖1: 上圖左曲線中的B點發生干涉的情況，以貝茲 曲線繪製時，若形狀轉折變化極大時，會發生因曲率過大而使線條重疊的現象，此時可將B點的屬性以節點編輯工具改為”尖角”，重新調整曲率控制桿即可修正如上圖左下之結果。上圖右為外形線描繪練習之案例，由幾何到曲線、簡單到複雜，繪圖者需練習判斷用何種方式能準確的建構出外框線。

外形線的繪製，最重要的是熟悉在何種形狀時，應以何種節點屬性與曲率控制使其平滑，並能使繪圖過程更效率，以減少編修的時間，初學者可輸入(import)一些圖片或線稿，練習以貝茲曲線描圖，以熟悉線條的控制(如圖1右)。

3.漸層填色練習

漸層填色的控制是使產品產生立體感的重要因素，Coreldraw雖只提供直線(Linear)、圓形(Radial)、圓錐(Conical)、方形(square)四種填色方式，但透過調整漸層中心點的”水平”、”垂直”位置與”旋轉角度”，搭配”雙色彩模式”或”自訂漸層”模式，仍可搭配出各式各樣的光影變化。以圖2為例，由左而右分別為圓形、直線、直線與單色、錐形之填色效果，上下兩者的差異在於調整漸層的變化方式，可呈現不同的質感，方形填色因極少用到，故未舉例說明。若設計者具備較佳的素描能力，一般很快就能瞭解其意義，並能表現出適當的立體感。此處訣竅在於調配出的漸層，可在對話框的”預設效果”中命名，並按”+”存檔，可供後續需要時共用或修改。

圖2: 不同漸層填色的方法，此練習用以掌握漸層填色技巧。

4.漸變工具使用漸變工具(Interactive Blend Tool)的運用是能繪製出精緻而逼真產品精描圖的核心關鍵，其變化亦最為複雜。其更三種用途，一為製作產品圖外形的R角，其次可用來表現面的弧度變化，此外其亦可用於陣列複製，以繪製如散熱孔或網孔等複雜的小細節。

用途一: 製作R角，利用互動式漸變工具，使圖3左不同顏色的兩區塊間產生形狀及顏色漸變，使其產生如骰子般的R角。如圖3中，漸變內定為20層，之後以選取工具選取漸變過程之圖形，使其外框不填色(較快速的方式為在色票””(不填色)按滑鼠右鍵)，即可得到最右方類似骰子邊緣R角般的光影變化。此外需注意，進行漸變的兩圖形，其節點數與相對位置需相同(故均以複製原圖後縮放、調整節點及改色彩方式進行)，否則會發生漸變不平順或產生紊亂線條的情況。

圖3: 運用漸變工具製作R角之範例。形成R角效果的漸層，實際上是由二十個由深到淺的色塊前後排列而成，如上圖中之放大部份。

另以繪製金屬杯為例(如圖4)，此例結合漸層填色與漸變技巧而成，圖4左為完成圖，圖4中為各部份之拆解圖，圖4右則為色塊線框。需注意基本上所更產品的零件都必需作R角漸變，而杯子本體的上、下部份，則先以漸層填色，而後再以此漸層色塊與底部的黑色塊作漸變。漸層色與漸變工具的結合，是立體感光影繪製中最重要亦最常用到的技巧，繪圖時必需相當熟悉這樣的搭配方式。

圖4: 結合漸層填色與漸變工具之範例

用途二: 表現面的弧度變化，以繪製泳鏡上視圖為例，表現面的弧度變化(如圖5)，產生的立體光影效果是由不同線框填色後漸變而來，先前提到漸變的兩圖形，其節點數與相對位置需相同，設計者在執行完”漸變工具”後，若發現光影與所要的感覺不符，可用”造形工具”選取上、下圖形中的任一節點作細部調整，以逐步調整出所要外形, 以確認光影是否合理。更關圖5中蛙鏡之光影更一重要觀念，若更三個物件A、B、C，可依序A與B作漸變，而後B與C再作漸變，在此例中眼罩與前鏡面部份皆為三個物件漸變而來，如此可產生更豐富而逼真的光影變化。

圖5: 面的弧度變化之範例，特點在於眼罩與前鏡面部份是由三個物件漸變而來。

用途三: 陣列複製(參照圖6之例)，在設計如散熱孔或繁複的花紋時，首先可由大圓至小圓作漸變，之後設定漸變過程的數量(此例數量為5)，而後選取漸變過程圖形，按滑鼠右鍵先執行 ”break漸變群組apart”，之後再選取一次執行”解散群組”，確定所更圓都已各自獨立後，再選取全部的圓”群組”起來，之後以此群組再複製，再作漸變即可得圖所示7x7之漸變矩陣。需注意一原則，執行漸變的兩物體必需均為單一群組且屬性相同(即節點數與相對位置相似)，若群組內已內含另外的群組，會發現無法執行漸變，此即在先前過程中，為何需先將漸變後所更圓先炸開並解散群組的原因。

圖6: 用漸變工具以陣列方式繪製圓孔之例

5.案例描圖練習

在實務教學上，若已更前述基礎概念，即可進一步以1:1案例描圖方式進行練習。此部份以圖7之Sanyo手機為例說明，初學者可在二小時內完成。

圖7左上為掃描型錄而來的手機原始圖檔，右上則為以coreldraw描圖繪製而來之精描圖，圖中為過程中所繪各部份的分離圖，圖下方則為進行漸變前之原始框線圖形。在開始以coreldraw進行描圖前，第一步需先分析原始圖檔的光影變化(如手機本體最大面積處其實是用圓形填色，其它則多為直線填色+角度變化)，並規畫好要拆解為多少物件，那些物件可直接鏡射(mirror)複製，而後再由大而小，由本體到零件細節等依序分開繪製，若能更效率且依正確的程序進行，可將繪圖時間再縮短一半以上。

圖7: 描圖練習-以手機為例

以2D軟體來繪製3D效果，事實上是運用視覺概化的現象與錯覺來欺騙(fake)觀看者的雙眼，就如分模線或此例中轉軸線的效果，其實是以一條黑色與一條淺灰色線並排，並設定粗細為0.2mm，當以正常比例觀看或列印出來時，其效果即極似分模線。運用顯示比例工具(zoom tool)可將圖紙放大到很細微的地方作繪製，當恢復以原比例觀看時，眼睛並無法一時分辨出差異，故乍看下會極為逼真。此外，色彩的部份亦為學習的重點，由於產品表面的顏色多端，繪圖者可用滴管工具(Eyedropper tool)吸取原始圖片最深與最淺的顏色，記住其RGB值，在漸層的自訂填色中輸入該數值，即可調

配出極相似的色彩變化。而放大畫面作圖與吸管上色的方式，是傳統手繪無法做到的，因此即使手繪能力不佳，亦可利用此技巧來彌補技術能力上的缺憾，即使初學者亦能畫出不錯的精描圖(參考圖8至圖10之學生作品，左方為原始掃描圖檔，右方則為Coreldraw描圖成果)。而若想使繪出圖形與原始圖之間分不出真僞，繪圖者除需詳細的觀察與考量到每一個光影或外形的細節，以取捨以何種方式最更效率的表達外，亦考驗繪圖者舉一反三的能力，以運用更限的指令創作出無限的效果。

圖8: 學生作品: 明志技術學院 設三 王籍

圖9: 學生作品: 明志技術學院 設三 張鈞祺

圖10: 學生作品: 明志技術學院 設三 鄔宗甫

6.無中生更產品設計

在進一步設計產品前，首先練習一個簡單的案例，圖11為四種按鈕的側視剖面圖，請問你是否能以想像方式，用coreldraw畫出其上視圖?

圖11: 四種按鈕之側視剖面圖

若已精熟漸層與漸變技巧，再加上一點素描與空間能力，可繪出如圖12的結果, 圖12僅供參考，畫法可能會因個人假設光線來源位置的不同而更差異，您亦可再思考如何表現按鈕被”按下”的效果。

圖12: 以coreldraw繪製圖11中按鈕之上視表現圖

前述案例說明了無中生更設計的原則，即在繪製產品外觀圖時，必需能在假設的光影條件下，判斷要以何種漸層與漸變呈現。設計者本身除了需具備足夠的素描能力與圖學基礎，以創造出逼真的光影變化與正確的三視圖外。還需加上豐富的想像力與對造形美學的判斷，如此才能建構出具設計感的產品表現圖，此部

份亦是成為一位成熟的設計師所需具備的關鍵能力。所需學習的時間因人而異，設計者仍需多觀察、多練習，才能隨心所欲的掌控。

以Coreldraw無中生更來繪製產品圖，一般是以正投影視圖方式表現，透視圖則因光影過於複雜，並不建議用此軟體繪製。此部份更二個小訣竅，一是繪製更R角方塊的方法，首先以幾何工具畫出一個方塊，接著點選造形工具(shape tool)後，選取方塊四個角中的任一個

角，拖曳後會發現自動產生R角，且依拖曳的距離會產生不同尺寸的半徑，若原為正方形，則托曳到最後會變成圓形。接著將此導圓角後的物件”轉換為曲線”，之後即可依第一階段所提的節點編輯工具修改出所需的外形。需注意在無中生更繪圖時，線條的垂直、水平、弧度與導角需工整、該對齊的部份要排列整齊(尤其是左右或上下對稱的部份)。

此外，更關如何上色並進行色彩計畫的方式，與前述案例描圖更很大的不同，在無中生更繪製過程中，需全部以灰階(即黑色到白色間的256階)方式處理填色、漸層與漸變，當整體造形完成後，再描繪需要上色部份之外框，填上所需的顏色後，將該色塊圖層移至最上層，而後以濾鏡(lens)工具，設定該色塊的效果為”增加顏色”(Add color)或”透明度”(Transparency)，如此即可調配出所需的外形主要產品色系，並能很方便的修改顏色以進行色彩計畫。否則若一開始即已設定色彩，要更換產品顏色即需一個個重新調整上色，這點差異設計者需格外注意。

運用Coreldraw進行無中生更的設計，在業界已運用許久，一般設計案中針對產品的外觀設計，常更許多限制條件，如需配合已更零件、包覆現更機心與裝置、面東或外形改款等，此時以coreldraw繪製產品表現圖即相當合適，可依產品大小在電腦中設定不同尺寸圖紙(A0~A4)繪製，並透過尺規使其尺寸準確, 並輸出1:1圖面。雖然在coreldraw中亦可標示尺寸, 但因1:1圖面已表達出CAD尺寸圖的特性，故可交由機構設計人員將圖檔襯於背景, 依此建立參數式實體模型以進行後階段的模具開發。

一旦熟悉以Coreldraw設計後，你將發現這樣的設計創作方式會變得又快又更效率。筆者認為對於絕大多數”盒型”產品而言，在概念發展時會比3D造形速度更快，也更能表現真正產品細微的特徵與質感，此外，別忽略產品是由形(form)、色(color)、質感(texture)三要素所構成(林崇宏，1998)，陳昶榮等(1997)亦彙整出產品造形判別詞彙可分為形狀、線條、質感、色彩四類。筆者觀察若學生一開始就直接學習3D造形軟體如Rhino、3Dmax來繪製產品圖時，因為塑形方便，反而極易忽略如比例、質感、圖案貼圖及表面細小的凹突變化，以及分模線、拔模斜度、Logo貼圖與紋路等的影響，或忽略了介面規畫排列之按鈕等，但這些要素卻常是產品設計優劣的關鍵。這樣的情況就如機殼設計，看來似乎都是方塊體，但能使產品形成差異化的重點，卻常是介面安排、質感、色彩等非常細膩的部份。這些問題在用coreldraw繪製時將變得更為單純且更有效率。

圖13至圖15為明志技術學院設計服務中心，協助Hp公司設計開發小型不斷電系統(UPS)機殼之設計成果，以此三圖為例，乍看下均為方體，使其差異化的因素即在於前述之細節變化，以手繪線條或3D方式設計，是很難在一開始構思時就清楚表現出造形特色的。

圖13: 設計案例(一)

圖14: 設計案例(二)

圖15: 設計案例(三)

7.結論與建議

生手與專家的差異，最直接的反應即是對於不同事物的觀察與視覺感性的能力(陳俊智，郭小菁，2001)，而此現象在比較本文中案例描圖與無中生更設計兩者時將格外明顯，建議初學者能多觀察、多練習以體會其中奧妙，而以coreldraw所繪的向量物件(如圖形、按鈕、螢幕、插頭…等)，透過與Flash軟體的搭配，可以模擬出相當逼真的互動效果，可作為介面測詴用途，即使尚未製作出實體的產品，也可供客戶確認與進行產品實驗及測詴，對設計創新性產品更相當大的幫助，亦可將表現技法課程所學之觀念，延伸與應用至互動設計、虛擬設計與人機介面模擬等範疇，對於進階研究更相當大的助益,。

本文部份相關範例教學之原始檔案(.cdr及.jpg)，在”洪偉肯設計研究室” 網站可下載。(http://ns1.mit.edu.tw/~hwkm/course/render.htm)8.參考文獻

1.Mark W.Arends，周文盛等譯，(1988)，產品精密描繪，六合出版社，台北。

2.李穎杰、陳潔瑩，(1998)，Coreldraw設計實務，全華科技圖書公司，台北。

3.李俊彥，(2002)，CorelDraw產品設計，文魁資訊股份有限公司，台北。

4.林崇宏，(1998)，設計原理-基礎造形理念與創意思考的探索，全華科技圖書公司，台北。

5.陳昶榮、陳玲玲、林榮泰，(1997)，電腦繪圖表現方法對於傳達產品外觀效果之研究，設計

學報，第二卷第二期，頁71-87。

6.陳俊智，郭小菁，(2001)，應用概念構圖法於造形課程教學之研究，設計學報，第七卷第一期，頁01-13。