使用Adobe Illustrator實(shí)用的網(wǎng)格工具設(shè)計(jì)出獨(dú)一無(wú)二的漸變效果。跟著教學(xué)操作，學(xué)會(huì)如何仿制出時(shí)尚的螢光漸變外觀。 

Illustrator網(wǎng)格工具是一個(gè)常被忽略的好幫手；有了它，你不但能為向量形狀增添立體感，還能用它在你的設(shè)計(jì)或字體中加入鮮明或微妙的漸變效果。

在本教學(xué)中，我將為你說(shuō)明如何在Adobe Illustrator中操作網(wǎng)格工具來(lái)設(shè)計(jì)出霓虹漸變效果，文中靈感取自我們的金光雷射（Holographic Foil）創(chuàng)意趨勢(shì)。你可以把這種漸變效果當(dāng)作剪裁遮色片套用于文字串上，或者把它拿來(lái)當(dāng)作品牌社群媒體專頁(yè)的時(shí)尚背景。步驟1：尋找靈感和配色組合在埋頭設(shè)計(jì)螢光漸變之前，要先找出想要使用的配色。要找到喜歡又搭配得好的顏色可能很難，因此我制作了這101款顏色組合，收藏了豐富既生動(dòng)的色調(diào)，供你制作漸變時(shí)取用。受到了繽紛粉嫩（Punchy Pastels）創(chuàng)意趨勢(shì)的啟發(fā)，我決定選擇這款春意盎然圖片作示范。搜尋鮮明和色彩濃度高的照片，它能帶給你的設(shè)計(jì)一種霓虹前衛(wèi)感；這些圖片融合了現(xiàn)代、搶眼的色調(diào)，實(shí)現(xiàn)了經(jīng)典的時(shí)尚漸變。

 步驟2：打開(kāi)Adobe Illustrator首先，打開(kāi)Illustrator軟體。按Command + N以顯示新增文件視窗。在制作漸變時(shí)，我喜歡用正方形的構(gòu)圖；可以把文件尺寸設(shè)定為1000 x 1000像素。下拉到進(jìn)階選項(xiàng)（Advanced Options）并將色彩模式（Color Mode）變更為RGB。

 步驟3：制作漸變網(wǎng)格接著要制作向量正方型，請(qǐng)到矩形工具（M），在畫(huà)板上繪制形狀的同時(shí)按住Shift鍵以鎖定比例。到程式上方的物件（Object ）下拉選單，然后點(diǎn)選建立漸變網(wǎng)點(diǎn)（Create Gradient Mesh）。一個(gè)框框?qū)⑻?，詢?wèn)你要在行和列中各放置多少個(gè)錨點(diǎn)；我們從4行4列開(kāi)始制作。你可以透過(guò)點(diǎn)選網(wǎng)格工具（U）并點(diǎn)擊形狀內(nèi)部來(lái)新增更多錨點(diǎn)。

 步驟4：制作新色票在畫(huà)板外面畫(huà)出另一個(gè)正方形，然后點(diǎn)擊程式左側(cè)的填色（Fill ）工具。這將打開(kāi)顏色選擇器（Color Picker）直方圖，你可以在白色框中輸入特定的十六進(jìn)位色碼（hex code），例如春意盎然圖片中的橘色（＃FAA98B）。選擇確定返回主畫(huà)面；再到程式右側(cè)的色票面板（Swatches），然后點(diǎn)擊漢堡選單圖標(biāo)來(lái)制作新色票（New Swatch）。若尚未啟用你的面板，請(qǐng)到視窗標(biāo)簽頁(yè)選擇色票（Swatches）。你的新顏色會(huì)從色票面板中跳出，讓你在制作漸變時(shí)可隨時(shí)取用。針對(duì)其余的色調(diào)重復(fù)操作上述步驟。

 步驟5：套用色票使用直接選取工具（A），點(diǎn)擊漸變網(wǎng)格中的錨點(diǎn)。我偏好從邊角開(kāi)始，再慢慢編輯其他部分。從色票面板中選擇一種顏色，然后在顏色（Color）面板中調(diào)整自訂色票（Swatches）的淺色調(diào)。這會(huì)把白色添加到你的顏色中，制作出更流暢和連續(xù)的漸變，同時(shí)突顯重點(diǎn)。一個(gè)設(shè)計(jì)成功的漸變網(wǎng)格是由各種充滿活力的色調(diào)所組成，這些色調(diào)往往會(huì)有相互流動(dòng)的視覺(jué)效果；透過(guò)將自訂色票與其淺色調(diào)放在同一群組內(nèi)，你將能制作出流暢的外觀。在為每個(gè)錨點(diǎn)指定完顏色后，你的漸變網(wǎng)格看起來(lái)應(yīng)該是像這樣。當(dāng)這些點(diǎn)之間的距離是等距時(shí)，網(wǎng)格看起來(lái)是沒(méi)有流暢感和生硬的。我們將透過(guò)操控每個(gè)點(diǎn)來(lái)進(jìn)行微調(diào)以制作出更流暢的構(gòu)圖。

 步驟6：調(diào)整錨點(diǎn)再次使用功能強(qiáng)大的直接選取工具（A），點(diǎn)擊框內(nèi)的每個(gè)點(diǎn)并繞著漸變網(wǎng)格移動(dòng)它。這樣就可以制作出一個(gè)更有動(dòng)態(tài)感的構(gòu)圖，并允許你調(diào)整每個(gè)色調(diào)的色彩濃度。你會(huì)發(fā)現(xiàn)每個(gè)錨點(diǎn)都會(huì)有手柄伸出；使用直接選取工具（A），點(diǎn)擊并拖曳手柄以調(diào)整每個(gè)顏色的半徑，并沿特定方向引導(dǎo)顏色，有點(diǎn)像在拉箭頭。

花點(diǎn)時(shí)間玩玩錨點(diǎn)和手柄，直到你構(gòu)建出完美的漸變網(wǎng)格為止。

 步驟7：儲(chǔ)存并匯出按Command + S來(lái)儲(chǔ)存專案，接著到檔案>匯出>匯出為（ File > Export > Export As）來(lái)匯出圖片。選擇全部（All）或范圍（Range）以匯出單個(gè)畫(huà)板。在上傳到網(wǎng)路上時(shí)，將格式變更為JPEG或PNG來(lái)達(dá)到最佳效果。色彩繽紛的漸變有無(wú)窮無(wú)盡的可能；你可以把漸變當(dāng)作剪裁遮色片套用于文字串上來(lái)達(dá)到活力充沛的霓虹效果，或者把它用來(lái)當(dāng)作社群媒體專頁(yè)的時(shí)尚背景。

 原文鏈接：https://www.shutterstock.com/zh-Hant/blog/design-fluorescent-gradients-mesh-tool