啾咪~我是憬顏小姐姐~

今天我們講illustrator基礎(chǔ)教學(xué)的第3章 填色與描邊

今天的主要內(nèi)容：

3.1 快速設(shè)置填充與描邊顏色

3.2 設(shè)置漸變

3.3 圖案

3.4 編輯描邊屬性

3.5 吸管工具

3.6 網(wǎng)格工具

3.7 實(shí)時(shí)上色 本篇是長(zhǎng)篇文章~有需要的小可愛(ài)可以按主要內(nèi)容尋找學(xué)習(xí)哦~(*′▽｀)ノノ~

文章最后有往期教學(xué)文章回顧與福利哦~

第3章 填色與描邊

3.1 快速設(shè)置填充與描邊顏色

3.1.1 在控制欄中設(shè)置顏色

在控制欄中快速設(shè)置填充顏色以及描邊的顏色。這也是最為常用的填充描邊設(shè)置方式?？梢栽诶L制圖形之前進(jìn)行設(shè)置，也可以在選中了已有的圖形后，在控制欄中進(jìn)行設(shè)置。在控制欄中包括“填充”和“描邊”兩個(gè)色塊，如圖所示。

單擊“填充”色塊或“描邊”色塊，即可在彈出色板選擇窗口。在其中單擊某個(gè)色塊即可快速為當(dāng)前的填充或描邊進(jìn)行設(shè)置。如圖所示。

3.1.2 標(biāo)準(zhǔn)顏色控件

在工具箱底部可以看到“標(biāo)準(zhǔn)顏色控件”，在這里可以對(duì)填充色和描邊色進(jìn)行設(shè)置。而且可以為填充和描邊設(shè)置填充為單一顏色、漸變色或者去除填充/描邊。如圖所示。

3.1.3 使用“拾色器”選擇顏色

“拾色器”不僅在“標(biāo)準(zhǔn)顏色控件”中可以使用到，在很多需要進(jìn)行顏色設(shè)置的區(qū)域都會(huì)遇到。例如雙擊工具箱底部的“標(biāo)準(zhǔn)的 Adobe 顏色控件”中“填充”或“描邊”按鈕即可彈出“拾色器”窗口。在該窗口的右側(cè)提供了顏色的選擇區(qū)域，可以直接使用鼠標(biāo)進(jìn)行選擇。如果要選擇不同的顏色模式，可以在左側(cè)選中 HSB 顏色模式中的 H、S、B 三個(gè)選項(xiàng)之一，當(dāng)選中不同的選項(xiàng)時(shí)，顏色選擇區(qū)域中的“顏色條”將發(fā)生變化，如圖所示。

3.1.4 使用“色板”面板設(shè)置顏色

執(zhí)行“窗口>色板”命令打開(kāi)“色板”面板，如圖所示。在設(shè)置顏色之前首先需要在“色板”面板中選擇需要設(shè)置的是“填充色”還是“描邊色”。在左上角單擊“填充”按鈕，使填充按鈕處于前方，此時(shí)設(shè)置的就是填充顏色，然后再下方單擊色塊。如圖所示。在左上角單擊“描邊”按鈕，使填充按鈕處于前方，此時(shí)設(shè)置的就是描邊顏色，然后再下方單擊色塊。如圖所示。

“色板”面板的使用方法非常非常簡(jiǎn)單，以設(shè)置“填充”顏色為例。首先選中一個(gè)圖形，在“色板”面板中單擊“填充”，然后單擊下方的色板色塊，即可為該圖形設(shè)置合適的填充顏色，如圖所示。

3.1.5 使用“顏色”面板設(shè)置顏色

在精簡(jiǎn)的模式下，首先需要在“標(biāo)準(zhǔn)顏色控件”中單擊“填充”或者“描邊”按鈕，接著可以將光標(biāo)移動(dòng)到色譜上，單擊即可為當(dāng)前圖形設(shè)置“填充”或者“描邊”，如圖所示。如果在顯示選項(xiàng)的狀態(tài)下，首先需要在“顏色”面板中單擊“填充”或者“描邊”按鈕，然后可以通過(guò)拖動(dòng)顏色滑塊，進(jìn)行顏色的具體調(diào)整。也可以直接在右側(cè)的文本框輸入數(shù)值得到精確的色彩。如圖所示。

3.2 設(shè)置漸變

執(zhí)行“窗口>漸變”命令或使用快捷鍵“Ctrl+F9”打開(kāi)“漸變”面板。在漸變面板中可以對(duì)漸變類型、顏色、角度、長(zhǎng)寬比、透明度等參數(shù)進(jìn)行設(shè)置。不僅如此，描邊的漸變顏色也是通過(guò)“漸變”面板進(jìn)行編輯。如圖所示。

（1）選擇一個(gè)圖形，如圖所示。在“漸變”面板中“漸變填色”按鈕會(huì)顯示漸變顏色，單擊該按鈕，即可為選中的圖形填充該漸變顏色，如圖所示。

（2）“預(yù)設(shè)漸變”按鈕 位于“漸變填色”按鈕的右側(cè)

“漸變填色”按鈕

單擊該按鈕可以顯示預(yù)設(shè)的漸變。單擊列表底部的“添加到色板”按鈕 ，單擊該按鈕可將當(dāng)前漸變?cè)O(shè)置存儲(chǔ)為色板。如圖所示。

（3）單擊“類型”按鈕，可以看到“線性”和“徑向”兩種。如圖所示。當(dāng)選中“線型”選項(xiàng)時(shí)，漸變色將按照從一端到另一端的方式進(jìn)行變化，如圖所示。當(dāng)選中“徑向”選項(xiàng)時(shí)，漸變色將按照從中心到邊緣的方式進(jìn)行變化。如圖所示。

（4）如圖所示為漸變的原始效果，如圖所示。接著單擊“反相漸變”按鈕 可以將當(dāng)前漸變顏色方向翻轉(zhuǎn)。效果如圖所示。

“反相漸變”按鈕

（5）調(diào)整角度數(shù)值 可以將漸變進(jìn)行旋轉(zhuǎn)

調(diào)整角度數(shù)值

當(dāng)漸變類型為“徑向”時(shí)，可以通過(guò)“長(zhǎng)寬比” 選項(xiàng)更改橢圓漸變的角度并使其傾斜。如圖所示。

（6）默認(rèn)的漸變色是從黑色漸變到白色，通過(guò)更改色標(biāo)顏色可以重新定義漸變顏色。單擊“色標(biāo)” 使其處于選中狀態(tài)，然后雙擊顏色控制組件中的“填充”按鈕，在彈出的“拾色器”窗口中設(shè)置顏色，如圖所示?？梢愿脑撋珮?biāo)的顏色，設(shè)置完成后單擊“確定”按鈕，效果如圖所示。

（7）若設(shè)置多種顏色的漸變效果就需要添加色標(biāo)。將光標(biāo)移動(dòng)至漸變色條下方，光標(biāo)為箭頭狀

當(dāng)箭頭為此圖時(shí)

單擊即可添加色標(biāo)。如圖所示。接著就可以更改色標(biāo)的顏色，如圖所示。

（8）刪除色標(biāo)有兩種方法。先單擊選中需要?jiǎng)h除的色標(biāo)，然后單擊“刪除色標(biāo)”按鈕 ，即可刪除色標(biāo)。如圖所示。也可以在需要?jiǎng)h除色標(biāo)上方按住鼠標(biāo)左鍵將其向漸變色條外側(cè)拖拽，即可刪除色標(biāo)。如圖所示。

（9）拖拽滑塊可以更改漸變顏色的變化。如圖所示。拖拽“顏色中點(diǎn)” 可以更改兩種顏色的過(guò)渡效果。單擊“顏色中點(diǎn)”將其選中，然后拖拽即可更改兩種顏色的過(guò)渡效果?；蛘咴凇拔恢谩笨蛑休斎虢橛?0 到 100 之間的值。如圖所示。

（10）若要更改漸變顏色的不透明度，單擊“漸變”面板中的色標(biāo)，然后在“不透明度”框中指定一個(gè)數(shù)值。 如果漸變色標(biāo)的“不透明度”值小于 100%，則色標(biāo)將顯示一個(gè)

并且顏色在漸變滑塊中顯示為小方格。如圖所示。

【我是憬顏小姐姐~想知道更多有關(guān)平面設(shè)計(jì)的知識(shí)、免費(fèi)教學(xué) 教程 免費(fèi)學(xué)習(xí)平面設(shè)計(jì)等等~

請(qǐng)私信我“平面設(shè)計(jì)”~私信我有免費(fèi)的教學(xué)視頻軟件安裝包和免費(fèi)的練習(xí)素材哦~愛(ài)你們啾咪~

（11）如果要為描邊添加漸變顏色，可以選擇圖形，在顏色控制組件中單擊“描邊”按鈕，將描邊至于前方。然后單擊“漸變”按鈕，接著在“漸變”面板中編輯一個(gè)漸變顏色。如圖所示。調(diào)整“描邊”的漸變效果與調(diào)整“填充”的漸變相同，這就不重復(fù)講解了。唯獨(dú)不同的是可以設(shè)置“描邊的漸變樣式”，如圖所示為不同“描邊的漸變樣式”的效果。

（12）選中需要編輯漸變的圖形，單擊工具箱中的“漸變工具” （快捷鍵：G）

漸變工具

隨即會(huì)顯示一個(gè)用于控制漸變顏色、位置、大小的控制器：“漸變批注者”，如圖所示。通常漸變顏色編輯完成后，可以通過(guò)使用“漸變工具”直觀的在圖形上調(diào)整漸變的位置、角度等屬性。此時(shí)可以按住鼠標(biāo)左鍵拖拽，即可調(diào)整漸變效果。如圖所示。

3.3 圖案

（1）選擇一個(gè)圖形，如圖所示。接著執(zhí)行“窗口>色板”命令，打開(kāi)“色板”面板，單擊色板面板底部的“色板庫(kù)”菜單按鈕

“色板庫(kù)”按鈕

在彈出的菜單中執(zhí)行“圖案”命令，在子菜單中可以看到三組圖案庫(kù)。如圖所示。

（2）接著可以在子菜單中打開(kāi)一個(gè)圖案面板，例如執(zhí)行“打開(kāi)色板庫(kù)>圖案>裝飾>裝飾舊版”命令，即可打開(kāi)“裝飾舊版”面板。如圖所示。單擊一個(gè)圖案按鈕，即可為選中的圖形填充圖案。如圖所示。

3.4 編輯描邊屬性

執(zhí)行“窗口>描邊”命令或（快捷鍵：Ctrl+F10），打開(kāi)“描邊”面板，這里可以將描邊選項(xiàng)應(yīng)用于整個(gè)對(duì)象，也可以使用實(shí)時(shí)上色組，并為對(duì)象內(nèi)的不同邊緣應(yīng)用不同的描邊。如圖所示。

3.4.1 設(shè)置描邊的粗細(xì)

在描邊窗口中，“粗細(xì)”數(shù)值用于控制描邊的寬度。數(shù)值越小描邊越細(xì)，數(shù)值越大描邊越粗。

3.4.2 設(shè)置描邊的端點(diǎn)

在描邊窗口中的“端點(diǎn)”選項(xiàng)是用來(lái)指一條開(kāi)放線段兩端的端點(diǎn)樣式。“平頭端點(diǎn)” 用于創(chuàng)建具有方形端點(diǎn)的描邊線；

“平頭端點(diǎn)”

“ 圓頭端點(diǎn)” 用于創(chuàng)建具有半圓形端點(diǎn)的描邊線；

“ 圓頭端點(diǎn)”

“方頭端點(diǎn)” 用于創(chuàng)建具有方形端點(diǎn)且在線段端點(diǎn)之外延伸出線條寬度的一半的描邊線。

“方頭端點(diǎn)”

3.4.3 設(shè)置描邊邊角樣式

描邊的“邊角”是指路徑拐角部分的樣式?！靶苯舆B接” 是具有點(diǎn)式拐角的描邊線，“限制”選項(xiàng)用于設(shè)置超過(guò)指定數(shù)值時(shí)擴(kuò)展倍數(shù)的描邊粗細(xì)

“斜接連接”

“圓角連接” 可以創(chuàng)建出具有圓角的描邊線

“圓角連接”

“斜角連接” 可以創(chuàng)建具有方形拐角的描邊線。

“斜角連接”

3.4.4 設(shè)置描邊的對(duì)齊方式

在描邊窗口中，“對(duì)齊描邊”用來(lái)設(shè)置描邊相對(duì)于路徑的位置。選擇“使描邊居中對(duì)齊” 選項(xiàng)，路徑兩側(cè)具有相同寬度的描邊；

“使描邊居中對(duì)齊”

選擇“使描邊內(nèi)側(cè)對(duì)齊” 選項(xiàng)，描邊將在路徑內(nèi)部；

使描邊內(nèi)側(cè)對(duì)齊”

選擇“使描邊外側(cè)對(duì)齊” 選項(xiàng)，描邊將在路徑的外部。

“使描邊外側(cè)對(duì)齊”

3.4.5 虛線

在 Illustrator 中想要制作虛線效果，可以通過(guò)設(shè)置描邊屬性實(shí)現(xiàn)。選擇繪制的路徑，在控制欄中單擊“描邊”按鈕，然后在“描邊”面板中勾選“虛線”選項(xiàng)，此時(shí)線條變?yōu)樘摼€。接著可以在“虛線”文本框中輸入數(shù)值，將定義虛線中線段的長(zhǎng)度，在“間隙”文本框中輸入數(shù)值來(lái)控制虛線的間隙效果。

3.4.6 設(shè)置描邊的箭頭

描邊窗口中“箭頭”選項(xiàng)是用來(lái)在路徑起點(diǎn)或終點(diǎn)位置添加箭頭。選擇路徑，單擊“起始箭頭”按鈕 ，

在下拉面板中可以選擇箭頭形狀。同理，單擊“終點(diǎn)箭頭”按鈕 ，在下拉面板中可以選擇箭頭形狀。

3.4.7 設(shè)置“變量寬度配置文件”

“變量寬度配置文件”用于設(shè)置路徑的變量寬度和翻轉(zhuǎn)方向。選擇路徑，單擊在描邊窗口中底部的“配置文件”按鈕 ，在下拉菜單中列表中選擇一種樣式。

3.4.8 設(shè)置畫筆描邊樣式

在控制欄中可以通過(guò)設(shè)置“畫筆定義”樣式，使用不同的畫筆樣式為所選路徑設(shè)置描邊。選擇路徑，然后從控制欄中選擇一種畫筆類型，畫筆描邊即可呈現(xiàn)在路徑上。

3.5 吸管工具

“吸管工具” 能夠以單擊的方式為選中的對(duì)象賦予相同的屬性，其中包括填充、描邊、文字屬性等。

“吸管工具”

例如所選圖形中有描邊和填充兩種屬性，如圖所示。接著使用“選擇工具”選擇一個(gè)需要被賦予相同屬性的矢量元素，接著單擊工具箱中的“吸管工具” ，將光標(biāo)移動(dòng)到目標(biāo)矢量元素的位置單擊，如圖所示。隨即選中圖形為賦予相同的填充與描邊，如圖所示。

使用“吸管工具”還能夠拾取文字屬性。選擇文字，然后在帶有文字屬性的文字上方單擊，如圖所示。隨即選中的文字被賦予了同樣的文字屬性。如圖所示。

在使用“吸管工具”拾取顏色時(shí)，如果只需要拾取填充顏色，可以按住 Shift 鍵單擊，即可只拾取填充顏色，如圖所示。

3.6 網(wǎng)格工具

（1）當(dāng)我們想要為圖形添加各種顏色時(shí)，首先選中畫面中的圖形，選擇工具箱中的“網(wǎng)格工具”

“網(wǎng)格工具”

接著將光標(biāo)移動(dòng)到圖形中，光標(biāo)會(huì)變?yōu)榧^狀

光標(biāo)會(huì)變?yōu)槿鐖D上所示

單擊鼠標(biāo)左鍵即可添加網(wǎng)格點(diǎn)，如圖所示。

（2）添加網(wǎng)格點(diǎn)后，網(wǎng)格點(diǎn)處于選中的狀態(tài)，可以通過(guò)“顏色”、“色板”或拾色器填充顏色。如圖所示。繼續(xù)通過(guò)單擊添加網(wǎng)格點(diǎn)，并選中網(wǎng)格點(diǎn)為其填充顏色。如圖所示。除了設(shè)置顏色，還可以在控制欄中設(shè)置網(wǎng)格點(diǎn)的“不透明度”。如圖所示。

（3）將光標(biāo)移動(dòng)至網(wǎng)格點(diǎn)上方，按住 Alt 鍵，光標(biāo)變?yōu)榧^狀后

光標(biāo)會(huì)變?yōu)槿鐖D上所示

單擊即可刪除網(wǎng)格點(diǎn)。如圖所示。選中網(wǎng)格點(diǎn)后按一下 Delete 鍵也可以刪除網(wǎng)格點(diǎn)。

（4）當(dāng)要調(diào)整圖形中某個(gè)部分顏色所處的位置時(shí)，可以通過(guò)調(diào)整網(wǎng)格點(diǎn)的位置進(jìn)行調(diào)整。選中工具箱中的“網(wǎng)格工具”

“網(wǎng)格工具”

將光標(biāo)移動(dòng)至網(wǎng)格點(diǎn)上方單擊即可選中網(wǎng)格點(diǎn)，然后按住鼠標(biāo)左鍵拖拽，即可調(diào)整網(wǎng)格點(diǎn)的位置，從而顏色也會(huì)發(fā)生變化。如圖所示。

3.7 實(shí)時(shí)上色

使用“實(shí)時(shí)上色工具” 可以自動(dòng)檢測(cè)并填充路徑相交的區(qū)域。

“實(shí)時(shí)上色工具”

（1）繪制兩個(gè)圖形并使之有重疊區(qū)域，接著使用“實(shí)時(shí)上色工具”可以為重疊區(qū)域填充顏色。如圖所示。首先加選兩個(gè)圖形，接著選擇“實(shí)時(shí)上色工具” ，設(shè)置合適的填充顏色，然后在需要填充顏色的區(qū)域上方單擊，如圖所示。被單擊的區(qū)域不僅會(huì)被自動(dòng)填充顏色，還會(huì)形成一個(gè)獨(dú)立的對(duì)象，如圖所示。

（2）單擊該對(duì)象，此時(shí)對(duì)象周圍出現(xiàn)如圖形狀句柄，

如圖所示

表示該對(duì)象已經(jīng)成為實(shí)時(shí)上色組，如圖所示。在使用“實(shí)時(shí)上色工具”對(duì)實(shí)時(shí)上色組進(jìn)行填色時(shí)，會(huì)有高亮顯示。如圖所示。

（3）也可以對(duì)描邊進(jìn)行上色，雙擊“實(shí)時(shí)上色工具”按鈕，在彈出的“實(shí)時(shí)上色工具選項(xiàng)”窗口中勾選“描邊上色”選項(xiàng)，如圖所示。接著在使用“實(shí)時(shí)上色工具”的狀態(tài)下，在選項(xiàng)欄中重新定義描邊的顏色、寬度，然后將光移動(dòng)到路徑上方，光標(biāo)變?yōu)槿鐖D狀后單擊即可完成描邊的上色，如圖所示。

光標(biāo)如圖所示

（4）若要選擇單個(gè)表面或邊緣，使用“實(shí)時(shí)上色選擇工具” 單擊該表面或邊緣即可。

實(shí)時(shí)上色選擇工具”

被選中的部分表面呈現(xiàn)出覆蓋有半透明的斑點(diǎn)圖案的效果，如圖和圖所示。使用“實(shí)時(shí)上色選擇工具”選中某個(gè)區(qū)域后，直接在色板面板中單擊選中顏色即可為當(dāng)前區(qū)域進(jìn)行實(shí)時(shí)上色，如圖所示。

（5）在使用“實(shí)時(shí)上色工具”填色完成后，若要將每個(gè)顏色拆分為色塊，就可以將實(shí)時(shí)上色組進(jìn)行擴(kuò)展。使用“選擇工具”選擇實(shí)時(shí)上色組，執(zhí)行“對(duì)象>實(shí)時(shí)上色>擴(kuò)展”命令，接著選擇圖形單擊鼠標(biāo)右鍵執(zhí)行“取消編組”命令，如圖所示。接著每種顏色將成為一個(gè)獨(dú)立的可單獨(dú)移動(dòng)編輯的圖形。

（6）當(dāng)不需要實(shí)時(shí)填色時(shí)，可以將其進(jìn)行釋放。釋放后的圖形將還原為 0.5 磅寬的黑色描邊的路徑。選擇實(shí)時(shí)上色組。執(zhí)行“對(duì)象>實(shí)時(shí)上色>釋放”命令即可。

往期illustrator基礎(chǔ)教學(xué)文章：

「平面設(shè)計(jì)」Illustrator（AI）基礎(chǔ)教學(xué)-第1章 Illustrator入門

「平面設(shè)計(jì)」Illustrator（AI）基礎(chǔ)教學(xué)-第2章 繪制簡(jiǎn)單的圖形

【我是憬顏小姐姐~想知道更多有關(guān)平面設(shè)計(jì)的知識(shí)、免費(fèi)教學(xué) 教程 免費(fèi)學(xué)習(xí)平面設(shè)計(jì)等等~

請(qǐng)私信我“平面設(shè)計(jì)”~私信我有免費(fèi)的教學(xué)視頻軟件安裝包和免費(fèi)的練習(xí)素材哦~愛(ài)你們啾咪~