《Photoshop CC圖像處理》課件-第2章 基礎(chǔ)圖形的繪制

第2章基礎(chǔ)圖形的繪制主講人：本章概述當(dāng)你環(huán)顧四周時，你身處的世界里，充滿了形形色色的物品，當(dāng)你仔細觀察這些物品后就會發(fā)現(xiàn)，不論形式多么復(fù)雜，結(jié)構(gòu)多么繁瑣的東西都會最終歸納成為幾種簡單的幾何形體，而這幾種簡單的幾何體，我們稱之為基本幾何體。本章我們就一起來學(xué)習(xí)基本幾何體的繪制，通過學(xué)習(xí)，我們可以進一步了解基本構(gòu)圖與處理工具的應(yīng)用，同時了解Photoshop鼠標(biāo)手繪不同于傳統(tǒng)繪畫的表現(xiàn)方式。要點難點選區(qū)的基本操作★☆☆【三面】和【五調(diào)】的刻畫★★☆球體制作★☆☆圓錐體制作★★☆常用五種漸變方式★★☆自由變換★★★本章內(nèi)容2.1球體效果（）課時2.2圓柱體效果（）課時2.3圓錐體效果（）課時2.4制作蘋果（）課時跟我學(xué)案例名稱作

品

描

述案

例

預(yù)

覽2.1球體效果作為基本幾何體的球體，是初學(xué)美術(shù)者必畫的物體，它可以直觀地表現(xiàn)【五調(diào)】的特征。表現(xiàn)物體立體感的重要手段是對【三面】和【五調(diào)】的刻畫，詳細知識見本節(jié)知識解析，球體效果如圖所示。2.1.1知識要點本例用到了【橢圓選框工具】繪制球體的形狀，為實現(xiàn)立體的效果，使用【漸變工具】對選區(qū)填充漸變，最后為球體制作投影效果。聽我講

2.1.2實現(xiàn)步驟（1）單擊【文件】|【新建】命令，打開【新建】對話框，設(shè)置【名稱】為【球體】，將【寬度】和【高度】分別設(shè)置為1024像素、768像素，將【分辨率】設(shè)置為200像素/英寸，【顏色模式】設(shè)置為【RGB模式8位】，如圖所示。（2）單擊【確定】按鈕，單擊【圖層面板】中的【創(chuàng)建新圖層】按鈕，新建一個【圖層1】。如圖所示。（3）選擇工具箱中的【橢圓選框工具】，在按下Shift鍵的同時拖動鼠標(biāo)繪制出一個正圓的選區(qū)。如圖所示。聽我講

2.1.2實現(xiàn)步驟（4）單擊工具箱中的【設(shè)置前景色】，如圖所示，在打開的【拾色器（前景色）】對話框中將前景色設(shè)置為淺灰色（將RGB值設(shè)置為156、154、154），再單擊【設(shè)置背景色】，在【拾色器（背景色）】對話框中將背景色設(shè)置為白色。如圖所示。（5）選擇工具箱中的【漸變工具】，將漸變類型設(shè)置為【徑向漸變】。單擊屬性選項欄上的【點按可編輯漸變】按鈕，如圖所示。在彈出的【漸變編輯器】對話框中設(shè)置漸變效果。聽我講

2.1.2實現(xiàn)步驟（6）在漸變色條下方的任意處單擊即可，在位置80％處增加一處色標(biāo)，更改色標(biāo)顏色需選擇要更改顏色的色標(biāo)，本例中將三個色標(biāo)從左至右顏色分別設(shè)置為白色、淺灰色(將RGB值設(shè)置為156、154、154)、白色。如圖所示。（7）漸變色設(shè)置完成后，單擊【確定】按鈕，然后在選區(qū)中由左上向右下拉動鼠標(biāo)，參考如圖所示的箭頭方向，得到一個由白色到黑色再到白色的漸變填充。單擊【選擇】|【取消選擇】命令取消選區(qū)（快捷鍵Ctrl＋D）。此時立體感的球體初具模型，已經(jīng)具備了【高光】、【陰暗交界部】、【暗部】和【反光】4個調(diào)子。效果如圖所示。聽我講

2.1.2實現(xiàn)步驟（8）選中【背景】圖層，單擊【圖層面板】中的【創(chuàng)建新圖層】按鈕，新建一個【圖層2】。使得【圖層2】位于【圖層1】下方。選擇工具箱中的【橢圓選框工具】，在圓球右下方繪制出一個橢圓的選區(qū)，如圖所示。單擊【選擇】|【變換選區(qū)】命令，對橢圓選區(qū)進行調(diào)整，變換選區(qū)形狀如圖所示，并回車確認。聽我講

2.1.2實現(xiàn)步驟（9）單擊【選擇】|【修改】|【羽化】命令，打開【羽化選區(qū)】對話框，將【羽化半徑】設(shè)置為5，并單擊【確定】按鈕。如圖所示。（10）設(shè)置前景色為深灰色（將RGB值設(shè)置為110、110、110），并按Alt+Delete快捷鍵填充選區(qū)，按Ctrl+D取消選區(qū)，效果如圖所示。聽我講

2.1.3知識解析1.五種漸變方式（1）線性漸變：以直線方式從左色標(biāo)漸變到右色標(biāo)，效果如圖所示。（2）徑向漸變：以圓形圖案從左色標(biāo)漸變到右色標(biāo)，效果如圖所示。（3）角度漸變：右色標(biāo)以逆時針掃過的角度方式漸變到左色標(biāo)，如圖所示。（4）對稱漸變：使用對稱線性漸變在起點的兩側(cè)漸變，效果如圖所示。（5）菱形漸變：以菱形圖案從起點向外漸變，終點則定義菱形的一個角，效果如圖所示。聽我講

2.1.3知識解析2.【三面五調(diào)】

表現(xiàn)物體立體感的重要手段是對【三面】和【五調(diào)】的刻畫。（1）三面：物體在受光的照射后，呈現(xiàn)出不同的明暗，受光的一面叫亮面，側(cè)受光的一面叫灰面，背光的一面叫暗面。如圖所示。（2）五調(diào)：在三大面中，根據(jù)受光的強弱不同，還有很多明顯的區(qū)別，形成了五個調(diào)子。除了亮面的亮調(diào)子，灰面的灰調(diào)和暗面的暗調(diào)之外，暗面由于環(huán)境的影響又出現(xiàn)了【反光】。另外在灰面與暗面的交界的地方，它既不受光源的照射，又不受反光的影響，因此擠出了一條最暗的面，叫【明暗交界】，這就是我們常說的【五大調(diào)子】。如圖所示。聽我講

2.1.4自主練習(xí)——彩球同學(xué)們可以自己選擇自己喜愛的顏色進行調(diào)試，有時會有意想不到的收獲。色標(biāo)位置可控制光照效果，試著改變可得出不同效果，彩球效果如圖所示。聽我講

跟我學(xué)案例名稱作

品

描

述案

例

預(yù)

覽2.2圓柱體效果學(xué)習(xí)基礎(chǔ)的幾何圖形圓柱體效果的制作，圓柱體效果如圖所示。2.2.1知識要點本例用到了【矩形選框工具】繪制圓柱體的形狀，為實現(xiàn)立體的效果，使用【漸變工具】對選區(qū)填充漸變，最后為圓柱體制作投影效果。聽我講

2.2.2實現(xiàn)步驟（1）按Ctrl+N組合鍵，彈出【新建】對話框，參照如圖所示進行設(shè)置。（2）在新圖層繪制一個矩形選區(qū)。單擊【圖層】面板中的【創(chuàng)建新圖層】按鈕（快捷鍵Shift＋Ctrl＋N），新建一個【圖層1】。選擇工具箱中的【矩形選框工具】，在圖像上繪制出一個矩形的選區(qū)。如圖所示。聽我講

2.2.2實現(xiàn)步驟（3）選擇工具箱中的【漸變工具】，在窗口頂部其對應(yīng)的選項欄中單擊【點按可編輯漸變】按鈕，在彈出的【漸變編輯器】對話框中，編輯漸變效果。從左至右的色標(biāo)值分別為：色標(biāo)1（R：230，G：228，B：228，位置0%），色標(biāo)2（R：152，G：151，B：151，位置25%），色標(biāo)3（R：255，G：255，B：255，位置72%），色標(biāo)4（R：172，G：172，B：172，位置100%），如圖所示（4）在屬性欄中選擇【線性漸變】模式，并在【漸變工具】屬性欄將【反向】、【仿色】復(fù)選框選中，如圖所示，按下Shift鍵，自左向右拖拉鼠標(biāo)，創(chuàng)建一個水平的漸變，效果如圖所示。聽我講

2.2.2實現(xiàn)步驟（5）利用快捷鍵Shift＋Ctrl＋N新建一個圖層【圖層2】，選擇工具箱中的【橢圓選框工具】，在柱體的上方畫一個橢圓選區(qū)。利用【選擇】|【變換選區(qū)】命令將選區(qū)的大小和位置變換，使橢圓選區(qū)的長軸與圓柱體上邊重合。如圖所示。選擇工具箱中的【漸變工具】，設(shè)置淺灰色（R：148，G：148，B：148）到白色的漸變，在橢圓選區(qū)內(nèi)自左至右拖動鼠標(biāo)填充選區(qū)，效果如圖所示。（6）按住Ctrl鍵的同時單擊【圖層2】的縮略圖，將【圖層2】載入選區(qū)，用方向鍵盤區(qū)的向下方向鍵移動選區(qū)到圓柱的底部，使選區(qū)的下半邊與圓柱下邊相切。如圖所示。聽我講

2.2.2實現(xiàn)步驟（7）選擇【圖層1】，單擊【選擇】|【反向】命令（快捷鍵Ctrl＋Shift＋I），選擇其他區(qū)域，如圖所示。選擇工具箱中的【橡皮擦工具】，擦掉圓柱體下面的兩個角，然后按Ctrl+D取消選擇。效果如圖所示。（8）根據(jù)制作球體投影的方法制作出圓柱體的投影效果，如圖所示。聽我講

2.2.3知識解析使用【選框工具】選擇允許您選擇矩形、橢圓形和寬度為1個像素的行和列。（1）選擇選框工具。矩形選框工具：建立一個矩形選區(qū)（配合使用Shift鍵可建正方形選區(qū)）。橢圓選框工具：建立一個橢圓形選區(qū)（配合使用Shift鍵可建立圓形選區(qū)）。單行或單列選框工具：將邊框定義為寬度為1個像素的行或列。（2）在選項欄中指定一個選區(qū)選項，如圖所示。聽我講

2.2.3知識解析（3）在選項欄中指定羽化設(shè)置。為選框工具打開或關(guān)閉消除鋸齒設(shè)置。（4）對于矩形選框工具或橢圓選框工具，在選擇欄中選擇一種樣式：正常：通過拖動確定選框比例。固定長寬比：設(shè)置高寬比。輸入長寬比的值。例如，若要繪制一個寬是高兩倍的選框，請輸入寬度2和高度1，如圖所示。固定大小：為選框的高度和寬度指定固定的值。輸入整數(shù)像素值，如圖所示。聽我講

2.2.4自主練習(xí)——紅綠燈紅綠燈效果如圖所示。聽我講

跟我學(xué)案例名稱作

品

描

述案

例

預(yù)

覽2.3圓錐體效果學(xué)習(xí)基礎(chǔ)的幾何圖形圓錐體效果的制作，圓錐體效果如圖所示。2.3.1知識要點本例用到了【矩形選框工具】繪制圓柱體的形狀，并使用【漸變工具】對選區(qū)填充漸變，為實現(xiàn)立體的效果，用【自由變換工具】制作圓錐體，最后為圓錐體制作投影效果。聽我講

2.3.2實現(xiàn)步驟（1）按Ctrl+N組合鍵，彈出【新建】對話框，將【名稱】設(shè)置為【圓錐體】，設(shè)置【寬度】、【高度】均為12厘米，將【分辨率】設(shè)置為200像素/英寸，如圖所示。（2）單擊【確定】按鈕，在菜單欄中單擊【視圖】|【新建參考線】命令，打開【新建參考線】對話框，將【取向】為【水平】，在【位置】處輸入【6厘米】，如圖所示。聽我講

2.3.2實現(xiàn)步驟（3）單擊【確定】按鈕便可在文檔中創(chuàng)建一條水平的參考線，按照同樣的方法建立【取向】為【垂直】、【位置】為6厘米的參考線，效果如圖所示。（4）新建【圖層1】，選擇工具箱中的【矩形選框工具】，先讓鼠標(biāo)指針與兩條參考線交點重合，然后按住Alt鍵不放，以交點為對稱中心創(chuàng)建矩形選區(qū)，如圖所示。（5）選擇【線性漸變工具】，設(shè)置淺灰色到白色到深灰色的漸變，（自左至右色標(biāo)1（R：212，G：208，B：208，位置：0％），色標(biāo)2（R：255，G：255，B：255，位置：30％），色標(biāo)2（R：145，G：144，B：144，位置：100％）），按下Shift鍵，分別以矩形選區(qū)的兩條垂直的邊為起點和終點創(chuàng)建一個水平的漸變，得到如圖所示效果。聽我講

2.3.2實現(xiàn)步驟（6）按Ctrl+D取消選區(qū)，再單擊【編輯】|【變換】|【透視】命令，矩形四周會出現(xiàn)8個控制點，如圖所示。（7）將上端的兩個控制點拖到中間，使它們在垂直輔助線上相交，得到錐形效果，如圖所示。（8）選擇【橢圓選框工具】，按創(chuàng)建矩形選區(qū)的方法，以垂直參考線為圓心創(chuàng)建一個橢圓形選區(qū)，如圖所示。聽我講

2.3.2實現(xiàn)步驟（9）單擊【選擇】|【變換選區(qū)】命令，再單擊【編輯】|【變換】|【透視】命令，將選區(qū)透視變換成如圖所示的效果。（10）并按回車鍵確認，再次單擊【選擇】|【變換選區(qū)】命令，將選區(qū)調(diào)整大小和位置如圖所示，回車確認變換。將選區(qū)反選（快捷鍵Ctrl＋Shift＋I），并選擇工具箱中的【橡皮擦工具】，擦掉圓錐體下面多余的部分，并得到錐體效果如圖所示。聽我講

2.3.2實現(xiàn)步驟（11）利用Shift+Ctrl+N快捷鍵在【圖層1】下面新建【圖層2】，先繪制矩形選區(qū)，再利用【變換選區(qū)】和【自由變換】命令將矩形選區(qū)變換為如圖所示的形狀，（12）單擊【選擇】|【修改】|【羽化】命令,打開【羽化】對話框，將選區(qū)羽化5個像素，將前景色設(shè)置為深灰色（R：153，G：149，B：149），按Alt+Delete快捷鍵為選區(qū)填充該顏色，效果如圖所示。聽我講

2.3.3知識解析1.縮放如果要通過拖動進行縮放，請拖動手柄。拖動角手柄時按住Shift鍵可按比例縮放。要根據(jù)數(shù)字進行縮放，請在選項欄的【寬度】和【高度】文本框中輸入百分比。單擊【鏈接】圖標(biāo)以保持長寬比。效果如圖所示。2.旋轉(zhuǎn)要通過拖動進行旋轉(zhuǎn)，請將指針移到定界框之外（指針變?yōu)閺澢碾p向箭頭），然后拖動。按Shift鍵可將旋轉(zhuǎn)限制為按15度增量進行。要根據(jù)數(shù)字進行旋轉(zhuǎn)，請在選項欄的【旋轉(zhuǎn)】文本框中輸入度數(shù)。效果如圖所示。聽我講

2.3.3知識解析3.斜切要斜切，請按住Ctrl+Shift組合鍵并拖動邊手柄。當(dāng)定位到邊手柄上時，指針變?yōu)閹б粋€小雙向箭頭的白色箭頭。如果要根據(jù)數(shù)字斜切，請在選項欄的H（水平斜切）和V（垂直斜切）文本框中輸入角度效果如圖所示。4.扭曲要相對于外框的中心點扭曲，請按住Alt鍵并拖動手柄。要自由扭曲，請按住Ctrl鍵并拖動手柄。效果如圖所示。聽我講

2.3.3知識解析5.透視要應(yīng)用透視，請按住Ctrl+Alt+Shift組合鍵并拖動角手柄。當(dāng)放置在角手柄上方時，指針變?yōu)榛疑^。效果如圖所示。6.變形【變形】命令允許你拖動控制點以變換圖像的形狀或路徑等。也可以使用選項欄中【變形樣式】彈出式菜單中的形狀進行變形。【變形樣式】彈出式菜單中的形狀也是可延展的；可拖動它們的控制點。當(dāng)使用控制點來扭曲項目時，選取【視圖】|【顯示額外內(nèi)容】可顯示或隱藏變形網(wǎng)格和控制點。如圖所示。聽我講

2.3.4自主練習(xí)——絢麗花紋絢麗花紋最終效果如圖所示。聽我講

跟我學(xué)案例名稱作

品

描

述案

例

預(yù)

覽2.4制作蘋果學(xué)習(xí)基礎(chǔ)的幾何圖形蘋果效果的制作，效果如圖所示。2.4.1知識要點綜合運用上述所學(xué)的球體、圓柱體、圓錐體的制作方法，學(xué)習(xí)蘋果的制作。聽我講

2.4.2實現(xiàn)步驟（1）新建文件，使用【橢圓選框工具】繪制正圓。和立體小球的制作一樣，只是漸變填充色設(shè)置為6種顏色的漸變，從左至右色標(biāo)的顏色值分別為：色標(biāo)1（R：80，G：80，