本書用若干個完整的教學案例全面展示了Photoshop和CorelDRAW兩大著名繪圖軟件在產品設計造型表現中的具體運用步驟和技巧,步驟詳盡、細致,完全可以滿足產品設計的學習需求。
產品設計表現技法是產品設計和工業設計專業要求掌握的基本技能,是產品設計的前提和基礎,優秀的創意需要扎實的表現技法來傳情達意。傳統的產品設計表現以手繪表達為主,優秀的產品設計師往往具有扎實的手繪基本功,通過鉛筆、色粉、水粉和馬克筆等繪圖工具惟妙惟肖地表達設計創意。
隨著信息化時代的到來,計算機輔助工業設計已經在高等教育中普及開來,但是對于計算機設計軟件的認識和計算機輔助設計課程的教學內容卻存在著較大的爭議。傳統的設計手繪表達不受時間、設備、條件約束,可以方便、自由、隨意地捕捉閃現的設計靈感,將模糊、混沌的靈感思維轉換為形象的產品形態。與手繪相比,計算機繪圖則具有圖面精致美觀、信息量大、修改方便等諸多明顯的表現優勢,是方案確定后設計創意呈現的*佳手段。明確了設計手繪和計算機輔助設計的各自優勢與運用階段,才能在設計表現教學中突出教學重點,把握學習方向。
在當前的計算機設計軟件教學方面,受專業背景限制,很多學校往往只是系統地講授菜單和工具,學生*后的作業也與專業要求相脫節,在軟件學習上往往事倍功半。正是基于這樣的考慮,本書從創意表現的角度,對Photoshop和CorelDRAW軟件在產品設計表現方面的運用技巧進行了較為詳細的論述。
美國Adobe公司的Photoshop和加拿大Corel公司的CorelDRAW是目前*為流行的兩大著名繪圖軟件。Photoshop在圖像處理方面具有強大的功能,而CorelDRAW在矢量圖形繪制方面表現優異。與目前常見的圖形圖像教材相比較,本書在介紹基本工具和基本使用功能的基礎上,通過若干個完整的教學案例全面展示了兩大軟件在產品設計表現中的具體運用步驟和技巧,步驟詳盡、細致,完全可以滿足教學和設計愛好者自學的使用需求。
本書為便于學習,配套了實例素材和教學課件,可以從清華大學出版社網站下載。同時,書中的重點圖片均以二維碼擴展資源方式提供效果圖,可以通過手機中“掃一掃”功能下載觀看。
本書由西安工業大學杜鶴民負責統籌和定稿,陜西科技大學王偉偉、西安工業大學張淑梅參與撰寫,并完成部分了實例制作。
因作者水平有限,本書難免有疏漏之處,懇請大家多多批評指正。
編者2016年12月
第1章產品設計表現與計算機輔助設計1
1.1產品設計表現1
1.1.1產品設計表現的重要性1
1.1.2產品設計表現的方法2
1.2計算機輔助工業設計2
1.2.1計算機輔助設計表現的特點和優勢2
1.2.2計算機輔助設計表現和傳統手繪設計表現的關系3
1.3CAID軟件介紹4
1.3.1二維CAID軟件4
1.3.2三維CAID軟件4
1.4Photoshop和CorelDARW軟件5
1.4.1圖像處理軟件——Photoshop5
1.4.2圖形設計軟件——CorelDRAW6
1.4.3關于點陣和矢量6
第2章Photoshop產品設計表現基礎8
2.1Photoshop CS6界面布局8
2.1.1工具箱8
2.1.2菜單欄10
2.1.3控制面板10
2.1.4聯機幫助的使用10
2.2基本概念11
2.2.1分辨率11
2.2.2顏色通道和顏色模式13
2.2.3位深度13
2.2.4常見圖像文件格式14
2.2.5文件自動備份15
2.3圖層、通道和路徑16
2.3.1圖層16[1]產品設計表現技法——Photoshop和CorelDRAW目錄[2]2.3.2通道28
2.3.3路徑39
2.4常用工具綜合訓練41
2.4.1畫筆工具42
2.4.2漸變工具45
2.4.3文字特效59
2.4.4質感表現70
第3章Photoshop CS6產品設計表現實例一——耐克運動鞋78
3.1運動鞋表現分析78
3.2繪制運動鞋的基本外形78
3.3繪制鞋幫81
3.3.1制作鞋幫的基本效果81
3.3.2制作鞋幫主體的質感效果85
3.3.3制作鞋舌效果89
3.3.4制作鞋帶效果93
3.3.5鞋后幫的質感表現98
3.3.6內里質感表現98
3.4繪制鞋底101
3.5運動鞋細節完善106
3.5.1添加鞋幫尾部PU效果106
3.5.2鞋舌細部表現108
3.5.3調整鞋底細節109
3.5.4細節調整完成111
第4章Photoshop CS6產品設計表現實例二——瑪莎拉蒂汽車112
4.1瑪莎拉蒂汽車表現分析112
4.2繪制汽車的基本外形113
4.3繪制汽車車窗114
4.4繪制引擎蓋119
4.5繪制進氣格柵125
4.6繪制汽車側面130
4.7繪制汽車前臉137
4.8繪制汽車輪胎146
4.8.1繪制輪轂146
4.8.2繪制輪胎胎紋153
4.8.3繪制右側輪胎157
4.8.4繪制左側后輪160
4.9繪制汽車車燈165
4.10繪制汽車內飾171
4.11繪制汽車倒后鏡175
4.12整體細節調整177
4.12.1車身部分的細節修飾177
4.12.2門把手細節180
4.12.3內側翼子板裝飾細節181
4.12.4內側車窗細節182
4.12.5內側前輪剎車盤細節183
4.12.6車頂質感調整184
4.12.7前臉細節184
4.12.8添加瑪莎拉蒂車標189
第5章CorelDRAW產品設計表現基礎195
5.1CorelDRAW界面布局195
5.2CorelDRAW基本操作196
5.2.1菜單欄196
5.2.2對象管理器 197
5.2.3輪廓和填充199
5.2.4轉換為曲線203
5.3文字排版205
5.3.1美工字和段落文本 205
5.3.2使文本適合路徑 205
5.3.3圖形文本框207
5.4圖形繪制207
第1章產品設計表現與計 算機輔助設計
1.1產品設計表現 產品設計表現是設計過程中將設計構思轉化為可視形象的特殊語言。嫻熟的設計表現能力既是產品設計師表達想象力和創造力的一種*便捷的方法,也是設計師進行設計、與客戶和受眾溝通、展現設計成果而應掌握的一種基本技能。
1.1.1產品設計表現的重要性 如圖11所示,一個完整的產品開發設計流程由以下幾個階段構成: 計劃階段、發想階段、深入階段和實施階段。其中,從發想階段到深入階段,再到實施階段,設計表現都占據重要地位。發想階段需要設計草圖來捕捉和表達設計師的靈感,產品設計表現用于設計師的自我反省或團隊中設計師之間的溝通交流;在深入階段,一是需要在進一步完善的基礎上繪制設計方案的草圖;二是在方案完善的基礎上繪制效果圖,并實現與客戶的交流和溝通;在實施階段, 圖11產品開發設計流程〖1〗產品設計表現技法——Photoshop和CorelDRAW第1章產品設計表現與計算機輔助設計〖2〗需要繪制產品工程圖。在整個過程中,草圖繪制、效果圖表現和工程圖設計都屬于設計表現的內容。由此可知,在產品開發過程中,離開設計表現的產品開發設計是不可能實現的。
1.1.2產品設計表現的方法 產品設計表現方法隨著技術的發展而不斷發展,如圖12所示,分為傳統表現方法和數字表現方法兩大類。傳統表現方法以手工方式為主,包括手繪草圖、手繪效果圖、文字、影像等;數字表現方法以計算機技術為基礎,包括計算機效果圖、計算機動畫、三維打印等。 圖12設計表現方法比較 對于工業產品造型表現而言,無論采取何種表現方式,其根本目的都是快速、高效、準確地傳達設計思路,表現設計效果。比較而言,在新的技術條件下,傳統的手工效果圖表現技法,如馬克筆、水粉、水彩、色粉、噴筆等寫實表現技法,正在被更加逼真的計算機輔助設計表現方法所取代,但這并不表示傳統的手繪表現訓練可以消失;就靈感捕捉而言,傳統手繪草圖快速表現的優勢遠大于計算機繪圖,因此,產品設計表現需要在新的時代背景下實現兩者的有機融合。
1.2計算機輔助工業設計 計算機輔助工業設計(Computer Aided Industrial Design,CAID)是指利用計算機及其圖形設備幫助設計人員進行設計,它是計算機技術不斷發展的結果。20世紀80年代,計算機輔助設計技術出現,開始應用于工程設計領域。進入21世紀,在藝術設計領域,計算機輔助設計的優勢逐漸顯現,目前以Photoshop、CorelDRAW、3DS Max、Rhino、Pro/E等為代表的二維、三維計算機輔助設計軟件在工業設計、產品設計、視覺傳達設計、環境設計等藝術設計領域被廣泛應用。與傳統的設計表現手法相比,CAID在設計方法、設計過程、設計質量和設計效率等各方面都發生了質的變化,它涉及CAD技術、人工智能技術、多媒體技術、虛擬現實技術、敏捷制造技術、優化技術、模糊技術、人機工程等信息技術領域,是一門綜合的交叉性學科。
1.2.1計算機輔助設計表現的特點和優勢 計算機輔助工業設計借助鼠標、鍵盤、數位板等輸入設備,取代傳統的畫筆、畫紙、尺規、噴槍、色粉、馬克筆等繪圖工具,在計算機上充分模擬各種繪圖工具和繪圖手法,實現完美的設計表達效果,在產品設計、藝術設計領域成為一種高效、綠色的設計表現和展示手段,其寫實、逼真的二維、三維設計效果具有更強的設計表現力和感染力。 計算機輔助設計表現技術和傳統的手繪表現相比,具有高效、真實、易于修改等優勢。傳統的手繪表現方案只能從單個角度展示,需要大量的重復勞動才能完成配色、造型的設計變化;計算機輔助設計技術可以在二維的基礎上生成逼真的三維數字模型,完成三維數字動畫展示,在不重復勞動的前提下完成材質、色彩的變化以及細節的修改、調整。隨著技術發展,計算機輔助設計技術與三維打印技術相結合,更便于制作模型,縮短方案設計和方案驗證時間。簡而言之,計算機輔助設計表現在現代設計中的優勢越來越明顯。
1.2.2計算機輔助設計表現和傳統手繪設計表現的關系 計算機輔助設計表現和傳統手繪設計表現都是設計表達的手段,各有優勢和作用,相輔相成。 首先,設計表現的目的是展現設計師的設計構想,實現抽象設計構思的具象化。在藝術設計中,既需要理性的邏輯思維,也需要感性的靈感思維,而靈感思維具有突發性、興奮性、短暫而不易重復性等特點,使得手繪表現具有先天優勢。傳統的手繪設計表現(如圖13所示)以一支鉛筆、一張畫紙為基本工具,快速展開構想表現,不受時間、地點等物質條件的限制。 圖13手繪產品設計表現 其次,計算機輔助設計在效果圖表現方面更能真實地傳達設計意圖。計算機作為現代數字化工具,可以真實地再現設計師的設計意圖。如圖14所示,計算機效果圖畫面清晰,可以合成不同的使用場景,使客戶更易于理解和接受。 圖14計算機輔助產品設計表現 從面向的階段和對象而言,手繪表現主要運用于設計創意階段,便于設計師的自我靈感捕捉,實現方案的斟酌和完善,有助于設計師之間的靈感溝通與相互啟發,完成頭腦風暴和設計交流,表現設計師的初步或階段性想法,不一定是*終效果。計算機輔助設計主要用于成熟設計方案的表現,實現設計師與客戶之間的方案交流,以獲得逼真、易懂和表現產品的*終效果。因此,傳統設計表現和計算機輔助設計表現之間是相互彌補、相輔相成的關系。
1.3CAID軟件介紹 計算機輔助工業設計軟件主要分為三大類: 二維平面設計(圖形圖像)類軟件、三維造型與動畫類軟件和工程類CAD軟件。此外,可能涉及其他相關設計軟件,其種類和基本功能如圖15所示。 圖15計算機輔助工業設計軟件 如前所述,傳統的手繪草圖不需要借助過多的硬件工具,一張紙、一支筆,即可捕捉設計靈感,相比計算機輔助設計,更具靈活性。盡管如此,隨著信息技術的發展,數位板等硬件輸入設備帶來了以往鼠標繪圖無可比擬的手繪可能。數位板與軟件技術相結合,可以使計算機模擬出逼真的筆觸,實現鋼筆、噴筆、馬克筆、色粉等各種傳統技法效果。隨著手機與PC技術相融合,掌上終端表現出更高的便捷性和靈活性。 1.3.1二維CAID軟件 目前流行的計算機輔助工業設計二維軟件,以Adobe公司的Photoshop、Illustrator和加拿大COREL公司的CorelDRAW*著名。對于產品設計效果圖表現而言,又以Photoshop和CorelDRAW使用*廣泛。Photoshop是目前*流行的點陣圖像處理軟件之一,CorelDRAW是目前*流行的矢量圖形繪制軟件之一,兩者在效果圖繪制技法上有很大差異,在產品設計效果表現上各有優勢。
1.3.2三維CAID軟件 二維軟件在產品效果表現上只能表現單一角度,而三維軟件通過建立三維數字模型,可以表現產品的不同角度和細節,在現有模型基礎上方便地修改、調整細節,變換色彩和材質,在三維模型基礎上制作動畫,實現三維效果展示。三維軟件是虛擬現實技術的基礎。 三維CAID軟件種類較多,包括3DS Max、Rhino、MAYA、Cinema 4D和Pro/E、UG、Solidworks等。其中,Pro/E、UG等屬于參數化建模軟件,通過數據驅動建立工程化三維模型,除用于表現建模效果之外,其*大的優勢在于實現數字化加工(CAM,Computer Aided Made,計算機輔助制造);如3DS Mmax、Rhino等軟件的優勢在于逼真、細膩地實現三維效果圖和三維動畫等產品展示設計表現。 1.4Photoshop和CorelDARW軟件〖*4/5〗1.4.1圖像處理軟件——PhotoshopPhotoshop是Adobe公司旗下*著名的圖像處理軟件之一。如今,Photoshop已成為圖像處理軟件的標準。Adobe公司成立于1982年,是美國*大的個人電腦軟件公司之一。Thomas Knoll于1987年開始編制Photoshop程序。1988年夏天,Thomas Knoll和John Knoll兄弟在硅谷尋找投資者。他們找到Adobe公司,11月與Adobe簽署授權銷售協議。1996年11月,Photoshop 5.0發行成功,Adobe買下Photoshop的所有權。 Photoshop的較新版本為Photoshop CS6。CS是Adobe Creative Suite套裝軟件名稱后面2個單詞的縮寫,代表“創作集合”,是一個統一的設計環境,將全新版本的 Adobe Photoshop CS、Illustrator CS、InDesign CS、GoLive CS 和 Acrobat 7.0 Professional 軟件與新的 Version Cue CS、Adobe Bridge 和 Adobe Stock Photos 相結合。2013年6月17日,Adobe正式發布Creative Cloud系列(如圖16所示),包括Photoshop CC、InDesign CC、Illustrator CC、Dreamweaver CC、Premiere Pro CC等系列設計桌面產品。 圖162013年發布的Photoshop CC版本 Photoshop的主要功能分為圖像編輯、圖像合成、校色調色及特效制作等幾個部分。 圖像編輯是圖像處理的基礎,可以對圖像做各種變換,如放大、縮小、旋轉、傾斜、鏡像、透視等,也可實現復制、去除斑點、修補、修飾圖像的殘損等。圖像編輯在婚紗攝影、人像處理制作中有非常重要的作用,對圖像作品進行美化加工,可以得到讓人非常滿意的效果。 圖像合成是指將幾幅圖像通過圖層操作、工具應用來合成完整的、傳達明確意義的圖像。這是藝術設計的重要手段之一。Photoshop提供的繪圖工具讓外來圖像與創意很好地融合,使得合成天衣無縫的圖像成為可能。 校色調色是Photoshop中深具威力的功能之一,可以方便、快捷地對圖像的顏色進行明暗、色偏的調整和校正,也可以在不同顏色間切換,以滿足圖像在不同領域如網頁設計、印刷、多媒體等方面的應用。 特效制作在Photoshop中主要由濾鏡、通道及工具綜合應用完成,包括圖像的特效創意和特效字的制作,如油畫、浮雕、石膏畫、素描等常用的傳統美術技巧都可借由Photoshop特效完成。各種特效字的制作更是很多美術設計師熱衷于Photoshop研究的重要原因之一。 盡管使用者大多把Photoshop軟件看作圖像處理的工具,但是對于產品設計而言,Photoshop的鮮艷色彩及平滑色彩的過渡,使它可以完美地用于繪制產品效果圖(如圖17所示)。使用數位板繪制輪廓圖,然后使用Photoshop軟件進行色彩處理,是繪制產品效果圖的一種有效手段,但是采用鼠標路徑繪制的方法,可以使美術基礎薄弱的非美術設計師創作出優秀的效果圖作品,這也是本書介紹Photoshop產品表現的初衷之一。 圖17使用Photoshop繪制的汽車效果圖 1.4.2圖形設計軟件——CorelDRAW CorelDRAW是加拿大Corel公司出品的平面矢量圖形設計軟件,目前流行的版本是CorelDRAW Graphics Suite X6。CorelDRAW軟件用于圖形、圖像編輯,用戶利用其強大的交互式工具,完成簡報、彩頁、手冊、產品包裝、標識、圖18使用CorelDRAW繪制的汽車效果圖 網頁及其他創作。 CorelDRAW是目前圖形軟件中功能*強大的圖形繪制與圖像處理軟件之一,是一個基于矢量的繪圖程序,其增強的易用性、交互性和創造力可輕而易舉地完成專業級美術作品創作。CorelDRAW的主要功能包括矢量繪畫、版面設計、數字圖像處理、位圖圖像與矢量圖形相互轉化,可應用于商標設計、標志制作、模型繪制、插圖插畫設計、排版及分色輸出等領域。 作為矢量繪圖的重要軟件,如圖18所示,CorelDRAW具有強大的產品效果圖繪制能力,是產品設計表現的重要工具之一。
1.4.3關于點陣和矢量 Photoshop和CorelDRAW分別是點陣繪圖和矢量繪圖的代表軟件。 位圖圖像是指由像素構成的圖片,即圖片由一個個不同顏色的小方格組成,任何復雜的圖片都可以分解成一定數量的顏色方格。 如圖19所示,這是達·芬奇的油畫《蒙娜麗莎》的一幅位圖圖片,只要放大到足夠大,可以看到,它是由無數個細小的不同顏色的方格組成,就像彩色馬賽克那樣。位圖圖像在技術上稱作柵格圖像,其圖片元素的*小矩形網格稱為像素(pixel),每個像素都分配有特定的位置和顏色值。在處理位圖圖像時,編輯的是像素,而不是對象或形狀。位圖圖像是連續色調圖像(如照片或數字繪畫)*常用的電子媒介,它可以更有效地表現陰影和顏色的細微層次。 圖19位圖圖像《蒙娜麗莎》放大后的像素效果 矢量圖形(有時稱作矢量形狀或矢量對象)是由稱作矢量的數學對象定義的直線和曲線構成的。矢量根據圖像的幾何特征對圖像進行描述。矢量圖形與分辨率無關,用戶可以任意移動或修改矢量圖形,而不會丟失細節或影響清晰度。當調整矢量圖形的大小、將矢量圖形打印到 PostScript 打印機、在 PDF 文件中保存矢量圖形,或將矢量圖形導入基于矢量的圖形應用程序時,矢量圖形都能保持清晰的邊緣,不會出現位圖圖像被放大時出現的鋸齒效果。因此,對于將在各種輸出媒體中按照不同大小使用的圖稿(如徽標),矢量圖形是*佳選擇。Photoshop產品設計 表現基礎
2.1Photoshop CS6界面布局 不同版本的軟件界面在布局和使用上會有差異,并且隨著版本的升高而增加新的工具和功能,優化界面布局,提高人機交互性能。高版本的軟件總會優于低版本的軟件,而且軟件都具有向下兼容的特性,因此老用戶在使用新版本時只需熟悉界面,掌握新工具及新功能的變化即可。 圖21所示是Photoshop CS6版本的界面布局,它由菜單欄、工具欄、工具箱、工作區域、控制面板、狀態欄等幾部分組成。 圖21Photoshop CS6界面布局 大多數設計軟件都會提供工具、菜單命令和控制面板等選項。這些選項相互配合,完成設計工作。
2.1.1工具箱 圖22所示為Photoshop CS6工具箱提供的所有工具。工具箱是Photoshop軟件的重要組成部分,匯集了編輯圖像、繪制圖形、輸入文字所需的工具。〖1〗產品設計表現技法——Photoshop和CorelDRAW第2章Photoshop產品設計表現基礎〖2〗圖22Photoshop CS6的工具箱 【使用技巧】 敲擊鍵盤上的快捷鍵,可以選中對應的工具。 在右下角顯示黑色三角的工具處按住鼠標左鍵不放,稍等片刻,彈出一個含有隱藏工具的工具列。單擊所需工具,將隱藏的工具選中。 按住Alt鍵的同時單擊某工具,或按住Shift鍵的同時敲擊對應的快捷鍵,可以在該工具包含的多個隱藏工具間切換(單行選框工具、單列選框工具、轉換點工具、添加錨點工具、刪除錨點工具除外)。 選擇工具后,光標顯示為工具圖標或十字光標,通過敲擊CapsLock鍵切換兩種顯示方式,通過工具屬性欄設置屬性。 按住Ctrl鍵,自動切換為移動工具;釋放Ctrl鍵,自動恢復為原選擇工具(路徑選擇工具、直線工具、抓手工具除外)。 位于界面頂部的工具選項欄用于設置工具屬性。根據所選工具的不同,工具選項欄相應地發生變化。 ……