如何在產品設計中運用CDR的表現技法本文闡述了如何在表現技法課程的教學中運用Coreldraw,從而培養學生繪制產品精確圖的能力,進而從無到有創造新產品。因為Coreldraw的定位是插圖排版的軟件,並不是為產品設計開發的。如果要用在產品繪圖上,還是有很多竅門和方法可以克服的。
本文以循序漸進的方式講解了學習過程和應該註意的特點,並以案例說明,如果設計者具備了矢量繪圖軟件的壹般概念,並具備了圖形和素描的基礎,那麽本文所描述的概念可以很快轉化為憑空繪制產品圖的能力,即使是初學者,經過壹段時間的基礎訓練,也可以繪制出相當精美的產品效果圖。此教學經驗提供給有興趣的學習者作為參考。
1.介紹
設計表達能力是開發壹個想法或壹個產品不可或缺的工具,它還可以為我們提供壹個對想法反應和評價的可視化表示(阿倫茲,1988)。產品草圖是性能設計最重要的傳達媒介,旨在清晰地表達產品的外觀特征。
目前,計算機在繪圖中的應用相當普遍。鑒於其方便性和良好的仿真效果,在行業和實踐中采用計算機繪圖完成的作品作為最終的設計方案,並根據不同的產品類型以透視圖、正視圖或CAD尺寸圖的形式呈現。
在設計實踐中,塑料註塑和組裝產品更適合用Coreldraw來繪制,如果不涉及太多的三維曲面,繪制起來綽綽有余。其他優點包括矢量軟件的文件大小小,輸出各種分辨率和大小的繪圖文件,以及欣賞繪制的對象。此外,它支持各種圖像文件,如。艾,。Adobe的EPS格式,。Photoshop的PSD,還有Falsh。Macromedia的SWF和SVG,對於後續繪圖的其他應用相當靈活。
目前使用Coreldraw繪制產品性能圖的教學書籍往往過於簡單,或者不考慮產品設計圖(李君妍,2002),使得有興趣的學習者很難理解學習的重點。
因此,本文提出了五階段學習方案,即1。外形圖,2。漸進著色練習,3。對賬工具的使用,4。案例繪制練習,以及5。產品設計無中生有,並說明了每個階段可能遇到的問題和竅門。
根據作者的教學經驗,只要能學會壹些竅門,靈活運用幾個Coreldraw指令,觀察壹般產品的形狀和光影變化,任何人都可以快速上手,畫出逼真的產品圖紙。以筆者指導的專科生為例。在半個學期左右的時間裏,他們可以快速掌握案例繪制階段所需的技能,培養無中生有的設計基礎。
另外,課程本身同時融合和延伸了素描和圖形的應用,對光影、立體地圖、三視圖變換概念的培養有很大的幫助。
2.外形圖
畫線原理,因為壹般產品外觀主要是幾何線條,所以盡量用圓、多邊形等幾何畫線工具來畫,用修剪、焊接、相交等三種塑形工具畫出正確的形狀。如果有對角線或曲線,就要用貝茨曲線來畫。
設計師要練習用最少的節點數繪制輪廓線條,註意線條在形狀轉折處的尖銳或圓形變化(在繪制貝塞爾曲線的過程中用鼠標左鍵拖動可以使節點產生曲率控制桿),這樣壹開始就可以用最接近正確的節點屬性來繪制,避免後續過多的修改。在輪廓線的末端,需要封閉節點的頭尾,使其成為壹個整體,用於填充顏色或漸變。
初學者通常無法壹次畫出正確的輪廓線。此時,您可以使用shapetool選擇壹個節點,調整節點的曲率控制桿,或者用鼠標右鍵按節點編輯工具。使用七種方式(添加、刪除、直線、曲線、尖點、平滑、對稱)進行微調(如圖1,左圖所示),以使beziertool繪制的線條能夠
這部分需要強化練習才能掌握線條的細微變化,需要準確描繪外觀,避免幹擾。
圖1:上圖左曲線B點幹涉。用貝茨曲線繪制時,如果形狀過渡變化較大,線條會因曲率過大而重疊。此時可以用節點編輯工具將B點的屬性改為“尖角”,重新調整曲率控制桿即可修正上圖左下方的結果。上圖右邊是壹個輪廓畫法練習的案例,從幾何到曲線,從簡單到復雜,需要畫師練習判斷如何準確的構造輪廓。
在繪制輪廓線時,最重要的是知道應該使用什麽樣的節點屬性和曲率控制來使其平滑,並使繪制過程高效,從而減少編輯時間。初學者可以導入壹些圖片或線條草圖,用貝茨曲線練習畫圖,熟悉線條的控制(如圖1右圖)。
3.漸變顏色填充練習
漸變色彩填充的控制是使產品具有立體感的重要因素。Coreldraw只提供了線性、放射狀、圓錐形、正方形四種顏色填充方式,但是通過調整漸變中心點的“水平”和“垂直”位置以及“旋轉角度”,來搭配“雙色模式”或者“自定義漸變”模式。
以圖2為例。從左到右分別有圓形、直線、直線、單色、圓錐形填充效果。上下的區別是調整漸變的變化方式,可以呈現不同的質感。方形填充很少用,所以不舉例說明。如果設計師有很好的素描能力,壹般能很快理解其含義,表現出適當的立體感。這裏的訣竅是分配漸變,可以在對話框的“預設效果”中命名,按“+”保存,以便以後需要時欣賞或修改。
圖2:不同的漸變顏色填充方法。這個練習用來掌握漸變顏色填充技巧。
4.對賬工具的使用
InteractiveBlendTool的應用是畫出精美逼真的產品圖的核心關鍵,其變化也是最復雜的。它有三個用途,壹個是制作產品圖的R角,壹個是顯示表面的弧度變化,還可以用於數組復制繪制散熱孔或網格等復雜的小細節。
用法1:制作壹個R角,使用交互式調和工具,將圖3中左邊兩個顏色不同的方塊的形狀和顏色進行調和,使其產生壹個類似骰子的R角。如圖3,混合過程有20層,然後用選擇工具選擇混合過程中的圖形,使外框不填充顏色(比較快的方法是在色票“S”上按鼠標右鍵(不填充顏色),可以得到最右邊類似骰子邊R角的光影變化。
另外需要註意的是,需要調和的兩個圖形的節點數和相對位置都要相同(所以都是復制原圖後縮放、調整節點、改變顏色),否則調和會不均勻或出現亂線。
圖3:用諧波工具制作r角的例子。形成R角效果的漸變實際上是由從暗到亮的二十個色塊組成,如上圖放大部分所示。
另外,以畫壹個金屬杯子為例(如圖4),這是漸變顏色填充和混合技術的結合。圖4左邊是成品圖,圖4中各部分的拆解圖,右邊是色塊線框。需要註意的是,基本上產品的各個部分都必須以R角調和,而杯體的上下部分則是先用漸變色填充,再用漸變塊和底部的黑塊調和。漸變顏色和調和工具的搭配是三維光影繪制中最重要也是最常用的技巧,繪制時妳壹定對這種搭配方法相當熟悉。
圖4:結合漸變填充和混合工具的例子
用法二:表現表面的弧度變化。以護目鏡俯視圖的繪制為例。表現表面的弧度變化(如圖5),通過不同線框的融合產生三維光影效果。如上所述,兩個混合圖形的節點數量和相對位置應該相同。如果設計師在執行“混合工具”後發現光影與想要的感覺不符,可以使用“塑形工具”選擇上下圖形中的任意壹個。
圖5中有壹個關於蛙鏡光影的重要概念。如果有A、B、C三個對象,可以按照A、B的順序進行調和,然後B、C再進行調和。在這種情況下,眼罩和前鏡都是由三個物體調和而成,可以產生更豐富、更真實的光影變化。
圖5:表面曲率變化的例子,其特征在於眼罩和前鏡部分由三個物體調和。
用法3:數組復制(參考圖6中的例子)。設計冷卻孔或復雜圖案時,可以先從大圓到小圓進行調和,然後設置調和過程的個數(本例中為5),再選擇調和過程的圖形,按鼠標右鍵先進行“拆分調和組”,再選擇壹次“溶解組”,確定所有圓都獨立後再選擇所有圓。
需要註意的是,要調和的兩個對象必須是具有相同屬性的單個組(即節點數量與相對位置相似)。如果另壹個群已經包含在群中,會發現無法進行調和,這也是為什麽調和後的所有圈子都需要先爆破,前壹個過程中的群解散。
圖6:用調和工具在數組中繪制圓孔的示例。
5.案例追蹤練習
在實際教學中,如果有了以上的基本概念,就可以用1:1案例圖進壹步練習。這部分以圖7中的三洋手機為例,初學者兩個小時就能完成。
圖7在左上方顯示了來自掃描目錄的手機原始圖片文件,在右上方顯示了從coreldraw繪制的精細圖片。圖為流程中繪制的各部分的分離圖,圖的下方顯示的是對賬前的原邊框圖。
在用coreldraw繪圖之前,第壹步是分析原始圖檔的光影變化(比如手機機身最大的區域其實是用圓填充的,其他的大多是用壹條直線+角度變化填充的),規劃要拆解多少個物體,可以直接鏡像復制,然後由大到小,從機身到零件細節等分別繪制。如果它能有效地按照正確的程序進行,它是可以的
圖7:繪畫練習——以手機為例
使用2D軟件繪制3D效果,實際上是利用視覺概括的現象和錯覺來欺騙觀看者的眼睛,就像本案中的分模線或軸線的效果壹樣。其實壹條黑線和壹條淺灰線並排排列,粗細設置為0.2 mm,正常比例觀看或打印時,效果很像分割線。
使用zoomtool,可以將圖形放大到很小的地方進行繪制。當恢復到原來的比例時,眼睛壹下子分辨不出來,所以第壹眼看上去會很逼真。另外,色彩部分也是學習的重點。由於產品的表面充滿了顏色,畫家可以使用滴管工具吸收原始圖片中最深和最淺的顏色,記住它們的RGB值,並在漸變自定義填充顏色中輸入值,這樣就可以部署非常相似的顏色變化。
而畫放大圖,用吸管作畫的方式,是傳統手繪做不到的。所以即使手繪能力不好,也可以用這個技能來彌補技術能力的短板,甚至初學者也可以畫出不錯的精細圖(參考圖8到圖10的學生作品,左邊是原始掃描文件,右邊是Coreldraw描圖結果)。
但要想從原圖中說實話,畫家不僅要細致地觀察和考慮光線、陰影或形狀的每壹個細節,從而選擇最高效的方式來表現,還要考驗畫家舉壹反三,運用有限的指令創造無限效果的能力。
圖8:學生作品:智明技術學院有三個皇家頭銜。
圖9:學生作品:職業技術學院有三張。
圖10:學生作品:智明技術學院成立三五總府。
6.無中生有的產品設計
在進壹步設計產品之前,我們先來練習壹個簡單的案例。圖11顯示了四個按鈕的側面剖視圖。能否用coreldraw用富有想象力的方式畫出俯視圖?
圖11:四個按鈕的側面剖視圖。
如果妳有嫻熟的漸變和調和技巧,再加上壹點素描和空間能力,妳可以畫出如圖12的結果,僅供參考。根據個人對光源位置不同的假設,繪制方法可能會有所不同。妳也可以思考壹下如何展現按鈕被“按下”的效果。
圖12:使用coreldraw繪制圖11中按鈕的俯視圖。
以上案例說明了無中生有的設計原理,即在繪制產品外觀時,需要判斷在假設的光影條件下,要呈現什麽漸變與和諧。設計師除了要有足夠的素描能力和圖形基礎外,還要創造出逼真的光影變化,端正三觀。
還需要加上豐富的想象力和對造型審美的判斷,從而構造出具有設計感的產品表象,這也是成為壹個成熟設計師的關鍵能力。學習需要的時間因人而異,設計師還是需要多觀察多練習才能隨意控制。
使用Coreldraw無中生有的繪制產品圖紙,通常用正投影視圖表示,而透視圖因為光影的原因太復雜,不建議用這個軟件繪制。這部分有兩個提示。壹種是用R角畫方框的方法。首先,用幾何工具畫壹個方框。然後,單擊shapetool後,選擇方框的四個角中的任意壹個。拖動後會發現R角會自動生成,根據拖動距離會生成不同大小的半徑。如果是正方形,最後會變成圓形。
然後將圓角對象轉化為曲線,再根據第壹階段提出的節點編輯工具修改出需要的形狀。需要註意的是,無中生有時,線條的豎、橫、弧度、導角要整齊,對齊的部分要排列整齊(特別是左右或上下對稱的部分)。
此外,著色和色彩規劃的方式與上述案例圖有很大不同。在無中生有的繪制過程中,需要在壹個灰度(即從黑到白的256步)中處理顏色填充、漸變和調和。整體造型完成後,畫出需要上色部分的外框,填充好所需顏色後,將色塊層移到最上層,然後使用鏡頭工具。將色塊的效果設置為“Addcolor”或“Transparency”,這樣可以調整主產品所需的顏色系統,並且可以方便地修改顏色以進行顏色規劃。
否則,如果壹開始就已經設定好了顏色,就需要逐個重新調整著色來改變產品的顏色,設計師要特別註意這種差異。
用Coreldraw憑空設計在業界已經用了很久了。在壹般的設計案例中,產品的外觀設計往往會有很多限制,比如匹配現有零件、覆蓋現有機器核心和器件、改變面板或形狀等。這時候用coreldraw畫產品性能圖就相當合適了。根據產品尺寸,可以在電腦中設置不同尺寸的圖紙(A0~A4)進行繪制,通過直尺做出精確的尺寸,輸出65438。
雖然在coreldraw中也可以標註尺寸,但是因為1:1圖已經表達了CAD尺寸圖的特點,所以可以委托給機構設計人員對圖檔進行後臺設置,從而為後期的模具開發建立參數化的實體模型。
壹旦妳熟悉了Coreldraw設計,妳會發現這種設計創作方法會變得快速高效。筆者認為對於絕大多數的“盒狀”產品來說,概念開發會比3D建模更快,也更能展現真實產品的細微特征和質感。另外,不要忽略了產品是由形態、色彩、質感三個要素組成的(林崇紅,1998),陳等。
筆者觀察到,如果學生從壹開始就直接學習Rhino、3Dmax等3D建模軟件來繪制產品圖紙,由於建模的方便性,他們會很容易忽略比例、紋理、花紋圖、表面微小凹陷突起的變化,以及分模線、拔模角、Logo圖、紋路的效果,或者忽略界面平面圖中排列的按鈕,但這些因素往往是產品設計質量的關鍵。
這種情況就好比機箱設計,看似是方方正正的機身,但能區分產品的關鍵點往往是界面布置、質感、色彩等非常精致的部分。這些問題在用coreldraw畫圖時會變得更簡單更高效。
圖13至15顯示了智明理工學院的設計服務中心,該中心幫助惠普公司設計和開發了壹個小型不間斷電源系統(UPS)機櫃。以這三個圖形為例,乍壹看都是方形的,由於上述的細節變化,使得它們有所不同。用手繪線條或3D方法進行設計時,很難清晰地表現出形狀特征。
Cdr如何畫壹個簡單的插畫1,雙擊CorelDRAWX8創建壹個A4大小的文檔,先用貝塞爾工具勾畫出卡通人物的頭部,用形狀工具調整不準確的地方。
2、同樣的步驟,畫出妳所構思的卡通形象。這個過程其實就是貝塞爾工具(鋼筆工具)的巧妙應用。當然也可以用類似的圖形來調,只要能達到最好的效果就行。
3.分別用顏色填充封閉的路徑。
4.最後借助Ctrl+Home/Ctrl+End調整對象順序,然後全選,按F12,任意調整書法欄中的擴展值和角度值,使輪廓有粗細變化,如圖。
教程推薦:
CDR如何使用貝塞爾工具繪制卡通人物並上色?