第三節：數字手繪利器——Photoshop

一、Photoshop基礎知識

（一）Photoshop相關知識

（1）Photoshop是美國Adobe公司開發的圖像處理軟件。

（2）Photoshop的功能很多，大致可以分為：

數字手繪美顏功能。

數字手繪塑造功能。

數字手繪包裝功能。

（二）用Photoshop進行數字手繪的準備工作

（1）窗口組成：標題欄、菜單欄、屬性欄、工具箱、面板、狀態欄、文件編輯區。

（2）打開文件：在灰色區域任意位置雙擊（Ctrl+O）。

（3）新建文件：Ctrl+N。

①名稱：文件名稱默認是“未標題-1”。

②預設：Photoshop提供的預設文件大小。

③寬度、高度：自定義文件大小（默認單位為像素）。

④分辨率：通常我們在進行數字手繪的時候，手繪圖片分辨率需達到300像素/英寸或更高。

⑤顏色模式：顏色顯示模式。常用的顏色模式包括RGB模式（數字手繪效果圖常用）、CMYK模式、灰度模式。

⑥背景內容：選擇一種背景色（白色、背景色、透明）。

（三）數字手繪圖像的相關概念

（1）像素：構成圖像的最基本（最小）的單位。

例如，把一張數字手繪效果圖不斷放大，可以清晰地看到一個一個的像素單位。

（2）分辨率：單位面積內像素點的多少，用PPI來表示。

（3）圖像分類。

①位圖：又稱點陣圖或光柵圖，一般用于照片品質的圖像處理，放大后失真。這與位圖的分辨率有關，分辨率越高，圖像越清晰。

②矢量圖：放大后不失真，一般用于工程圖。

（四）Photoshop軟件工具的介紹

（1）選區工具（M）。

①矩形/橢圓選框工具：結合Shift鍵可繪制正方形或圓形。

②單行/單列選框工具：可選擇一行或一列像素點。

（2）選擇/修改：修改選區。

（五）快捷鍵（可參見本章第四節Photoshop快捷鍵手勢）

D：默認前/背景色。　X：交換前/背景色。

Alt+Delete：前景色填充。　Ctrl+Delete：背景色填充。

Ctrl+D：取消選區。　Ctrl+Alt+Z：撤銷多步。

Delete：刪除。　Alt：減選區。

Shift：加選區。

（六）保存

（1）文件存儲：Ctrl+S；存儲為：Ctrl+Shift+S。

（2）文件存儲默認擴展名：.psd。

二、命令及工具使用（一）

（一）數字手繪圖像顏色的構成

模式：數字手繪效果圖色彩的構成方式。

（1）RGB模式（R：紅；G：綠；B：藍）：光色模式，又稱真彩色模式，其中每種顏色都包含256種亮度級別，3個通道（顏色）合起來顯示完整的色彩圖像，有1670多萬種顏色。

（2）CMYK模式（C：靛青；M：品紅；Y：黃色；K：黑色）：這屬于打印模式，顏色遠遠少于RGB模式。

（二）選區工具屬性

（1）加選：Shift。

（2）減選：Alt。

（3）交叉選：Shift+Alt。

（4）羽化：使選區邊緣像素點產生模糊效果，值越大，產生的模糊效果越強。

在Photoshop菜單欄中單擊選擇/修改/羽化（Ctrl+Alt+D）。

（5）樣式：可對選區大小進行精確設置。

變換選區：在選區上單擊鼠標右鍵，在彈出的快捷菜單中選擇“變換選區”選項。

等比縮放：Shift+Alt。

三、命令及工具使用（二）

（一）數字手繪中圖層及圖層的應用

圖層：可以把圖層看作是與文件等大的透明紙，層與層之間沒有任何影響，便于修改，不影響整體效果。

新建圖層：圖層/新建/圖層（Ctrl+Shift+N）。

復制圖層：將圖層向“新建”按鈕處拖動。

新建背景圖層：圖層/新建/背景圖層（在背景圖層上雙擊）。

（二）數字手繪變換工具：編輯/自由變換（Ctrl+T）

在數字手繪工業設計中，自由變換使用頻率非常高，主要原因是自由變換可以自由調整圖像的（全部、局部）比例、角度、透視等關系。調整比例是最基本的一種自由變換。換句話說，造成自由變換使用頻率高的原因是在數字手繪工業設計中經常會出現比例、透視問題。

（1）Shift：對角點等比縮放；以15°倍數旋轉。

注：有一個圖層是不能變換或者移動的，即默認背景圖層，它是被鎖定的。位于圖層左側的“眼睛標志”：顯示或隱藏圖層。

（2）Shift+Alt：中心點等比例縮放。

（3）Alt：對稱變換。

（4）Ctrl+Alt+Shift：透視變換。

（5）Ctrl：單點移動（扭曲）。

（6）Shift+Ctrl：鎖定方向單點移動（斜切）。

（三）關于圖層的快捷鍵

（1）F7：隱藏或顯示圖層面板。

（2）選擇移動工具，按Alt鍵可拖動圖像復制，每拖動一次就復制一次。

（3）Ctrl+單擊圖層縮覽圖：調出當前圖像選區（無論這個圖像是什么形狀的）。

（4）Ctrl+E：拼合圖層。

四、套索工具（L）

（1）套索工具：隨意產生一個選區。

（2）多邊形套索工具（在數字手繪中使用頻率最高）：產生任意多邊形選區，注意首尾點必須重合，也就是說選區必須閉合起來（相當于畫筆的起筆和收筆必須在一個點上面）。

（3）磁性套索工具：自動吸附產生選區。

頻率：可設置中間節點的間距，頻率值越大，間距越小，選取越精確。

套索工具的使用方法：

按Ctrl鍵可快速將首尾點相連。

按Delete鍵或退格鍵可刪除節點。

按Esc鍵退出該命令。

五、魔棒工具（W）

使用魔棒工具可選取顏色相似的一部分。數字手繪時選擇背景等大塊面的顏色可用魔棒工具。

容差：容差值的大小決定選取范圍的大小。容差值越大，選取范圍越大，但顏色不相似；容差值越小，則相反。

注：加選、減選、交叉選功能及羽化功能均適合以上工具。

相關快捷鍵如下。

放大圖像及窗口：Ctrl+Alt++。

縮小圖像及窗口：Cltr+Alt+-。

選區反向選擇：Ctrl+Shift+I。

拖動圖片：按住空格鍵拖動。

放大圖片：Ctrl++（Ctrl+空格+單擊圖片）。

縮小圖片：Ctrl+-（Alt+空格+單擊圖片）。

六、漸變工具

（一）漸變工具（G）（在數字手繪中用得比較多）

漸變工具的類型：線性漸變、徑向漸變、角度漸變、對稱漸變、菱形漸變。

（1）模式：用來設置漸變色與下面圖像的混合模式。

（2）反向：漸變顏色順序顛倒。

（3）透明區域：支持透明漸變色（在數字手繪中多用來進行光影、材質的塑造）。

（二）油漆桶工具（G）（實際上就是填充工具）

（1）填桶：填充顏色或圖案（容差值越大，填充范圍越大）。

（2）編輯/填充。

高斯模糊命令路徑：濾鏡/模糊/高斯模糊。

新建組：圖層/新建/組。

與前一圖層編組：Ctrl+G。

取消圖層編組：Ctrl+Shift+G。

相關快捷鍵：

Ctrl+R：標尺。

Ctrl+0（數字0，不是字母O）：滿畫布顯示。

Ctrl+J：原地復制新圖層。

Ctrl+H：隱藏或顯示參考線。

Ctrl+新建按鈕：可在當前圖層下方建立新圖層。

Ctrl+[：將當前圖層下移一層。

Ctrl+]：將當前圖層上移一層。

Shift+Tab：隱藏或顯示浮動面板。

Tab：隱藏或顯示工具欄、浮動面板。

七、畫筆工具

（一）畫筆工具（B）（數字手繪中的筆基本指的是畫筆工具）

數字手繪時可調整的畫筆屬性包括：

①畫筆形狀（不局限于類似彩鉛、馬克筆筆頭的形狀，還有許多其他形狀，視具體工業產品的設計、效果而定）。

②畫筆直徑（畫筆的筆頭粗細，依照繪制面積而定，繪制面積越大，畫筆直徑選擇的越大；反之，繪制面積越小，畫筆直徑選擇的越小）。

③畫筆筆頭邊緣軟硬度（有點像COPIC馬克筆的硬筆頭和軟筆頭）。

④畫筆的寬窄度和角度（可以調整從哪個方向下筆到圖像上）。

（1）屬性欄中的“畫筆”設置：可設置數字手繪筆觸形狀、直徑大小和硬度。

（2）噴槍：選擇噴槍后，設置“流量”百分比。

畫筆在某一區域停留時間越長，繪制顏色越濃。

（3）畫筆調板：F5。

畫筆筆尖形狀：設置筆尖形狀、大小、角度、硬度、間距等。

①形狀動態：設置筆觸不同大小、角度、圓度的隨機性變化。

②散布：設置筆觸四處飛散的自然效果。

③顏色動態：設置筆觸顏色由前景色到背景色的變化，或隨機產生顏色變化。

（二）調整畫筆的相關操作

（1）改變筆觸直徑大小：[鍵和]鍵，或者在數字手繪效果圖上單擊鼠標右鍵，設置筆觸大小。

（2）改變筆觸硬度：Shift+[和Shift+]。

（3）自定義畫筆：選取要定義的圖案，執行編輯/定義畫筆預設命令，保存與載入畫筆，當下一次用畫筆時畫出的每一筆都是這個自定義的圖案。

八、減淡、加深、海綿工具（O）

在數字手繪中使用頻率較高的是減淡、加深工具，通常用來塑造產品的受光、背光的層次變化，而海綿工具用來降低飽和度，快捷鍵為Ctrl+U。

（1）減淡工具：把顏色減淡（增加亮度）。

（2）加深工具：把顏色加深（降低亮度）。

（3）海綿工具：降低飽和度（圖片變灰色）。

九、橡皮擦、鉛筆工具

（一）畫筆模式

橡皮擦工具的畫筆模式有多種選擇，在數字手繪中用得比較少。

（二）鉛筆工具

鉛筆工具畫出的曲線生硬，有鋸齒，通常在數字手繪中用得比較少。

自動抹除：在前景色上涂抹，則該區域被抹成背景色。

（三）橡皮擦工具（E）

（1）橡皮擦工具：根據背景色擦除。

（2）背景橡皮擦工具：按住Alt鍵單擊顏色，可將吸取的顏色擦除掉（也可利用此工具摳圖）。

（3）魔術橡皮擦工具：可將顏色相似的一部分內容一次性擦除掉（不過有時候會擦得不干凈）。

十、模糊、銳化、涂抹工具

當掃描的圖片不清楚時，可用銳化工具進行調整。

十一、圖章、歷史記錄畫筆工具

（一）圖章工具（S）

（1）仿制圖章工具：按Alt鍵吸取源點，在新位置（空白區域）繪制所選圖像，有復制作用，數字手繪中通常用來修補破損殘缺的顏色、圖像或者用來抹去雜點、斑點等。

注：若在兩個圖像間使用仿制圖章工具，則兩個圖像的模式必須是相同的。

（2）圖案圖章工具：向圖像中添加圖案，可通過調整透明度、流量、模式改變填充效果。定義圖案：用矩形選框工具選取要定義的圖案，執行編輯/定義圖案命令。

（二）歷史記錄畫筆工具（Y）

歷史記錄畫筆工具用來對圖像的修改進行恢復。

F12：可將未保存的圖像恢復到原始狀態。

十二、文字工具

（一）文字工具（T）

在數字手繪中，工業產品的Logo、文字標注、排版說明、版面內容等，通常需要通過文字工具來完成。

注：若要對文字進行濾鏡、模糊等修改，則必須對文字進行柵格化。

柵格化：

（1）在圖層上單擊鼠標右鍵/柵格化文字。

（2）圖層/柵格化/文字。

（二）快捷方式

（1）雙擊文字圖層縮覽圖：重新修改文字屬性。

（2）選中文字，按Ctrl+Alt+左右方向鍵：可以較大間隔設置文字間距。

（3）選中文字，按Alt+左右方向鍵：可以較小間隔設置文字間距。

（4）Ctrl+回車鍵：確定文字。

文字特效：通過濾鏡可以改變文字效果。

濾鏡/扭曲/切變（需將圖像直立）。

濾鏡/風格化/風。

濾鏡/扭曲/波紋。

濾鏡/扭曲/水波。

十三、鋼筆工具（P）（數字手繪中常用來繪制精密效果）

適合用鋼筆工具繪制的效果圖：

鋼筆路徑：由定位點和連接線（貝茲曲線）構成的一段閉合或開放的曲線段（通常數字手繪中的鋼筆路徑要閉合，開放會導致很多問題）。

（1）鋼筆工具：單擊定位連接線和錨點。

（2）轉換點工具：將尖角點轉換為平滑曲線。

快捷鍵：

注：數字手繪如有需要，在鋼筆工具狀態下，可使用Ctrl+T命令對路徑進行變形。

結合Ctrl鍵可移動錨點。

Ctrl+回車鍵：可將路徑轉換為選區。

在路徑上單擊鼠標右鍵：打開設置菜單。

十四、路徑選擇工具（A）

（1）黑色箭頭工具：選擇整條路徑。

（2）白色箭頭工具：選擇單個點或多個點。

（3）按Ctrl鍵，可在黑色箭頭工具與白色箭頭工具之間進行切換。

（4）按住Alt鍵可以直接復制路徑。

十五、自定形狀工具

自定形狀工具通常在數字手繪中用于表現產品紋理特征、排版、背景紋樣、特殊造型輪廓的繪制等，Photoshop軟件中的自定形狀工具默認自帶的常用形狀就有幾百種，這些放到圖像中都是以路徑的方式生成的。

（1）自定形狀工具：在屬性欄中可選擇自定義圖案樣式。

（2）多邊形工具：拖曳時可改變方向，在屬性欄中可設置多邊形的邊數，邊數最少為3，也就是三角形。

（3）直線工具：在屬性欄中可設置直線粗細。

注：結合Shift鍵，拉出的形狀路徑呈90°改變方向。

（一）屬性

填充像素：直接將前景色填充至形狀中，不保留路徑。

定義自定形狀：繪制路徑，編輯/定義自定形狀。

（二）樣式

當屬性為“形狀圖層”時，在屬性欄中可設置效果樣式。

十六、圖層樣式

圖層樣式是運用Photoshop軟件工具在數字手繪中繪制效果圖的重要手段之一，可以運用在除“背景層”以外的任意圖層中。

（一）圖層樣式的設置方法

（1）圖層/圖層樣式。

（2）單擊圖層面板上方的“樣式”選項卡。

（3）在圖層縮覽圖上雙擊。

混合選項說明如下。

（1）不透明度：影響整個圖層的變化。

（2）填充不透明度：影響圖層本身，但不影響圖層樣式。

數字手繪常用圖層樣式：

（1）投影。

（2）內陰影。

（3）外發光。

（4）內發光。

（5）斜面和浮雕。

（6）漸變疊加。

（二）快捷方式

（1）復制圖層樣式：在樣式圖層上單擊鼠標右鍵/拷貝圖層樣式，選擇圖層/單擊鼠標右鍵/粘貼圖層樣式。

（2）拼合樣式圖層：將樣式圖層與下方空圖層拼合，然后與其他圖像圖層拼合。

（3）鎖定透明像素：

①在圖層面板中單擊鎖定透明像素按鈕。

②編輯/填充/保留透明區域。

十七、輔助工具

（一）裁剪工具（C）（在數字手繪中通常用在構圖、版面比例制作等方面）

裁剪工具可將圖像多余部分剪掉，也可按精確尺寸和分辨率進行裁剪。

屬性：設置裁剪后圖像的寬度、高度和分辨率。

裁剪過程保留的圖像和即將裁剪掉的圖像是有透視關系的：可查看裁剪后的圖像與原圖像中心點的位置關系。

（二）其他輔助工具

除裁剪工具外，輔助工具還包括注釋工具、吸管工具、抓手工具、縮放工具等。

十八、文件菜單

下面主要講一下文件菜單中的存儲格式，即數字手繪效果圖繪制完成以后以什么樣的格式存儲。

圖像有很多種存儲格式，對于繪圖后對圖像進行保存來講，圖像的存儲格式有以下幾種，每種都有各自的功能。數字手繪效果圖繪制完成后通常會存儲為PSD和JPG（JPEG）兩種格式。接下

來羅劍老師就來系統講解一下這些存儲格式的分類及其各自的特點。

（1）PSD格式：Photoshop自身文件格式，支持多圖層，占用空間大，但是可以自由編輯，每個圖層都可以單獨拿出來進行編輯，然后放回去。

Photoshop軟件可以將文件存儲為RGB和CMYK模式。

（2）BMP格式：是MS-Windows標準點陣式圖形文件格式。

（3）JPG （JPEG）格式：是一種壓縮格式，占用空間小，但反復以JPG格式保存會使圖像品質越來越差，而且JPG格式保存的是最終的圖像效果，不能像PSD格式一樣編輯圖層。

（4）GIF格式：是網頁上應用非常廣的圖像文件格式之一，占用空間小。

GIF格式可以保留索引顏色中的透明度，但不支持Alpha通道。

（5）TIFF格式：便于應用軟件間進行圖像數據的交換。

（6）EPS格式：用于印刷行業。

置入：可將其他軟件中的文件置入Photoshop軟件中打開。

自動：高效率命令，其中批處理可以對文件夾中的多個文件執行播放操作，通常給圖片批量加水印時可以用到這個命令。

十九、編輯菜單及輔助工具

（一）為方便查閱效果圖可以切換顯示模式

快捷鍵：F。

可在標準屏幕模式和全屏模式間進行切換。

（二）圖層混合模式（數字手繪使用圖層混合模式的頻率很高）

圖層混合模式為兩個圖層之間產生的特殊效果，在數字手繪工業設計效果圖時會經常用到。比如圖層混合模式中的正片疊底，當你用噴筆給線稿上色時，要把噴筆顏色所在的圖層設置為正片疊底，這樣每種顏色噴上去是完全滲透到線稿當中的；如果噴筆顏色所在圖層是正常狀態，那么噴筆噴出的顏色是浮在線稿之上的。

（三）編輯菜單

（1）合并拷貝：將多個單獨圖層的內容合在一起拷貝。

（2）清理：可清理歷史記錄、剪貼板中的內容，以提高機器運行速度。

二十、圖像菜單

數字手繪色彩的基本概念如下。

色相/飽和度：單獨調整圖像中一種顏色成分的色相、飽和度和亮度。

數字手繪的色相：是色彩的基本特征，指顏色的名稱，如紅色、紫色、綠色、藍色等（可通過色相/飽和度命令調整色相）。

數字手繪的亮度：指色彩的明暗程度（可通過曲線命令調整色彩的明暗程度）。

曲線：綜合調整亮度、對比度、色彩（是反相、色調分離、亮度/對比度命令的綜合），通過高速曲線的節點來調整圖像的整個色調范圍。可調整單個通道。“輸入”“輸出”的值越大，圖像越暗；反之則越亮。

數字手繪的飽和度：又叫顏色的純度，是指顏色的強度或純度，它表示色相中灰色部分所占的比例（可通過色相/飽和度命令調整飽和度）。它使用從灰色至完全飽和的百分比來度量。

數字手繪的對比度：又稱明度，是指顏色相對明暗程度（可通過亮度/對比度命令調整明暗對比），通常使用從黑色至白色的百分比來度量。通過亮度/對比度命令可以對圖像的亮度和對比度進行整體調整，但不能對單個通道進行調整，因此建議不要把數值設置得過大，以免引起圖像中部分細節丟失。

數字手繪的自動對比度：自動調整圖像高光和暗部的對比度。將圖像中最暗的像素轉為黑色，最亮的像素轉為白色，從而加大對比度。

色彩的溢色：圖像在打印時，由于CMYK的色域較窄，僅包含了使用印刷色油墨能夠打印的顏色，這樣當不能打印的顏色顯示在屏幕上時，就稱為溢色（數字手繪中這種差別很微妙，可以忽略）。

數字手繪的色階：通過調整圖像的暗調、中間調和高光等來調整圖像的色調范圍和色彩平衡。可以對整個圖像、某一選區、單個通道/多個通道（按Shift鍵）進行調整。

數字手繪的自動色階：自動定義每個通道最亮和最暗的像素作為白和黑，適合調整簡單的灰階圖（圖中效果變化并不大，基本可以忽略）。

數字手繪中的色彩平衡：調整圖像的暗調、中間調、高光區各色彩組成部分，達到新的色彩平衡。如果要對數字手繪效果圖進行精確調整，則應使用“色階”“曲線”等專門的色彩校正工具進行調整。說得通俗一點，色彩平衡調整的是一種感覺，需要畫面某一部分偏向哪種顏色就把箭頭往哪種顏色移動。

數字手繪中的去色：把數字手繪圖像變成黑白色（灰度圖像，RGB模式）。

數字手繪中的反相（Ctrl+I）：圖像以相反顏色顯示，通常用在數字手繪的線稿階段，對數字手繪的線稿進行反色處理。

閾值：通過圖像/調整/閾值命令可將灰度或彩色圖像轉換為高對比度的黑白圖像。我們可以指定某個色階作為閾值，所有比閾值亮的像素轉換為白色，而所有比閾值暗的像素轉換為黑色。