AI噪點(diǎn)插畫保姆級(jí)教學(xué)，實(shí)例步驟分析
目錄
一：PS噪點(diǎn)與AI噪點(diǎn)的五大對(duì)比二：AI噪點(diǎn)插畫的三大使用類別三：AI噪點(diǎn)插畫最佳使用方法
四：AI插畫的復(fù)用方法五：案例步驟詳解六：總結(jié)及素材分享
一：PS噪點(diǎn)與AI噪點(diǎn)的五大對(duì)比
1、畫筆的使用對(duì)比
1-1畫筆大小
在畫筆大小的調(diào)整上PS與AI有非常明顯的區(qū)別，PS調(diào)整畫筆大小只需要按左右括弧就能夠輕松的完成，并且大小的調(diào)整也非常細(xì)致。
在ai中畫筆其實(shí)是沒有大小的，畫筆主要是通過路徑和路徑描邊實(shí)現(xiàn)的，所以想要間接調(diào)整畫筆大小那就可以調(diào)整描邊。
對(duì)比分析：在調(diào)整畫筆大小上AI的確沒有PS方便，也不直觀，操作比較繁瑣，不過正因?yàn)锳I里畫筆是根據(jù)描邊調(diào)整的，所以可以在繪制完后隨意調(diào)整描邊大小，也可以自由的調(diào)整描邊的形態(tài)甚至重新更換噪點(diǎn)類型。
1-2畫筆模式
不管是PS還是AI都可以調(diào)整畫筆的模式，不過對(duì)于我們做噪點(diǎn)插畫來講最大的不同就是PS可以調(diào)整溶解模式，而AI卻沒有溶解模式的選項(xiàng)。（PS點(diǎn)擊溶解模式后普通畫筆會(huì)自動(dòng)變?yōu)樵朦c(diǎn)畫筆）
PS操作方式：選取畫筆-點(diǎn)擊上方畫筆模式即可調(diào)整。（僅支持畫之前選取，畫后不能改變）
AI操作方式：打開透明度窗口-選擇任意模式。（支持畫前畫后選取，可以隨意改變，與圖層共用）
1-3畫筆不透明度
在PS中，畫筆的透明度在不同模式下可以觸發(fā)不同屬性v，在溶解模式下透明度越低，畫出的噪點(diǎn)就越少，反之則越多；在其他模式（除溶解模式的任何模式）下，只具備基本的透明屬性。
在AI中，畫筆僅僅只具備基本的透明屬性。
2、智能噪點(diǎn)的對(duì)比
在PS中可以用的智能噪點(diǎn)途徑非常多，例如“雜色”、“混合模式溶解”、“ RAW濾鏡”（具體詳情可查看我發(fā)布的PS噪點(diǎn)文章）。在AI中能用到的智能噪點(diǎn)有兩種，一種是通過點(diǎn)狀化實(shí)現(xiàn)的噪點(diǎn)，另外一種則是通過顆粒實(shí)現(xiàn)的噪點(diǎn)。
在圖形的智能處理上PS的確更高一籌，不過AI也可以通過類似的方式達(dá)到相同的噪點(diǎn)處理目的。（文章后面會(huì)詳細(xì)解析）
3、矢量化噪點(diǎn)處理
在PS中設(shè)計(jì)噪點(diǎn)插畫并不是矢量的，所以我們一般在PS中設(shè)計(jì)噪點(diǎn)插畫時(shí)都會(huì)把尺寸做到相對(duì)最大，以便于適應(yīng)更多的場(chǎng)景應(yīng)用。而AI不同，畫筆的噪點(diǎn)大小可以隨時(shí)改變，不會(huì)因?yàn)檎麄€(gè)圖形擴(kuò)大而變得模糊不清，以至于AI的應(yīng)用場(chǎng)景也更加廣，靈活度也非常高。
4、軟件處理流暢度
在做噪點(diǎn)插畫中PS只有圖層上千了才會(huì)出現(xiàn)慢慢卡頓的現(xiàn)象；而AI做噪點(diǎn)，如果繪制的噪點(diǎn)過大，那么每次都會(huì)出現(xiàn)卡頓的現(xiàn)象，或者噪點(diǎn)過50也會(huì)慢慢卡頓，這樣就造成了AI并不適合噪點(diǎn)反復(fù)摩擦疊加使用。（主要還是看電腦的性能，性能如果真的很一般，那么不建議用AI做噪點(diǎn)插畫）。
5、可復(fù)用性
是否可復(fù)用是我們?cè)O(shè)計(jì)師老生常談的問題，在噪點(diǎn)插畫中PS難以做到可復(fù)用性，而AI卻大不一樣，雖然沒有像一樣強(qiáng)大的組件替換功能，但是我們可以用AI中獨(dú)有的符號(hào)工具實(shí)現(xiàn)一些簡(jiǎn)單的儲(chǔ)存應(yīng)用以及快速的顏色變化，對(duì)于我們做一些特定的插畫有非常大的幫助。（后面會(huì)舉例說明）
二、AI噪點(diǎn)插畫的三大使用類別
1、智能噪點(diǎn)
在用AI設(shè)計(jì)噪點(diǎn)插畫時(shí)，會(huì)經(jīng)常用到智能噪點(diǎn)，它一般用在最終整體畫面的處理，當(dāng)然也可以結(jié)合圖層蒙版與形狀做區(qū)域類的噪點(diǎn)。（案例中會(huì)提到）
1-1點(diǎn)狀化實(shí)現(xiàn)的智能噪點(diǎn)
在AI點(diǎn)狀化智能噪點(diǎn)中，我們可以實(shí)現(xiàn)兩種效果，第一類為粗糙型噪點(diǎn)，第二類則為密集紙屑噪點(diǎn)。
粗糙型噪點(diǎn)操作路徑：復(fù)制圖層（ctrl+c，ctrl+f）-效果-像素化-點(diǎn)狀化-選擇柔光模式
在操作的過程中，我們要注意2點(diǎn)，第一在選擇點(diǎn)狀化單元格大小的時(shí)候，保持在3-8之間是最為合適；第二在做完所有操作后，如果覺得噪點(diǎn)過于粗糙可以加一些透明度。
最終效果：
密集紙屑噪點(diǎn)操作路徑：復(fù)制圖層（ctrl+c，ctrl+f）-效果-紋理-顆粒-選擇變暗模式
最終效果：
1-2顆粒實(shí)現(xiàn)的智能噪點(diǎn)
顆粒實(shí)現(xiàn)的噪點(diǎn)效果與PS中的雜色實(shí)現(xiàn)效果相似。
操作路徑：復(fù)制圖層（ctrl+c，ctrl+f）-效果-紋理-顆粒-選擇柔光模式
我們?cè)谶x擇顆粒參數(shù)時(shí)一定要選擇點(diǎn)刻，其余參數(shù)可以視情況而定，在設(shè)置完后我們可以適當(dāng)加一些透明度，不然會(huì)顯得非常粗糙。
2、手動(dòng)噪點(diǎn)
手動(dòng)噪點(diǎn)就是使用畫筆來進(jìn)行手動(dòng)繪制噪點(diǎn)，不過AI中的默認(rèn)畫筆并沒有噪點(diǎn)畫筆，不過別怕，我有！！！我這里給大家分享我經(jīng)常用的7個(gè)圓形噪點(diǎn)畫筆、3個(gè)尖形粗糙噪點(diǎn)畫筆、3個(gè)碎點(diǎn)畫筆（低中高密度）、1個(gè)輔助噪點(diǎn)的肌理畫筆。（文章末尾有下載鏈接）
2-1圓形噪點(diǎn)畫筆：
圓形細(xì)膩類型是指噪點(diǎn)的形成大部分都是根據(jù)圓或者橢圓構(gòu)成的，這類噪點(diǎn)畫筆是最常用的，也是最柔和的。
2-2尖形粗糙噪點(diǎn)畫筆：
尖形粗糙類型是指噪點(diǎn)的形成大部分都是根據(jù)尖形形狀或半尖形形狀構(gòu)成的，這類噪點(diǎn)畫筆適合粗糙類噪點(diǎn)插畫，它類似于PS的噴槍高密度噪點(diǎn)。
2-3碎點(diǎn)畫筆：
碎點(diǎn)畫筆在噪點(diǎn)插畫中往往起到的是點(diǎn)綴作用，下面是我常用的3種碎點(diǎn)畫筆，分別為低、中、高密度碎點(diǎn)畫筆。
2-4肌理畫筆：
在AI里面我很少用輔助噪點(diǎn)的肌理畫筆，因?yàn)榧±懋嫻P很多時(shí)候需要反復(fù)涂抹，如果畫筆用多了在AI里用起來有點(diǎn)小卡頓，我常用的就一個(gè)簡(jiǎn)單的肌理畫筆，在插畫中我只會(huì)小范圍使用。
3、自定義噪點(diǎn)
AI與PS一樣，都可以進(jìn)行自定義噪點(diǎn)，不過AI制作噪點(diǎn)的流程以及噪點(diǎn)的使用與PS有很大不同。
3-1自定義噪點(diǎn)畫筆制作流程
操作路徑1：畫出基本噪點(diǎn)圖形-選擇畫筆工具欄-點(diǎn)擊右上角更多按鈕-新建畫筆-散點(diǎn)畫筆-確定
操作路徑2：當(dāng)畫筆添加完后，我們就可以選擇此噪點(diǎn)，用畫筆工具隨意畫出一條線，點(diǎn)擊畫筆選項(xiàng)進(jìn)行畫筆的預(yù)設(shè)，預(yù)設(shè)完后點(diǎn)擊確認(rèn)添加（注：建立畫筆時(shí)也可以調(diào)整選項(xiàng)，不過沒有預(yù)覽，只有建立后才會(huì)有預(yù)覽選項(xiàng)）
3-2自定義噪點(diǎn)畫筆的制作技巧
在自定義畫筆時(shí)我們需要注意的點(diǎn)非常之多，從繪制基礎(chǔ)圖形開始就要萬(wàn)分注意，我這里就針對(duì)于制作噪點(diǎn)畫筆的注意事項(xiàng)來講解。
3-2-1 如何繪制噪點(diǎn)基礎(chǔ)圖形
在繪制噪點(diǎn)的基礎(chǔ)圖形時(shí)我們需要注意三點(diǎn)：
1/中間大而密、兩邊小而疏（占面）
2/尖角多則更粗糙，圓角多則更柔和
3/以圓形區(qū)域?yàn)榛A(chǔ)造型更有規(guī)律，以方形區(qū)域?yàn)榛A(chǔ)造型則更不規(guī)則。
3-2-2 如何設(shè)置選項(xiàng)
3-2-3 如何在別人的噪點(diǎn)上自定義
當(dāng)你有基礎(chǔ)噪點(diǎn)時(shí)，覺得對(duì)噪點(diǎn)的分布有些不滿意，那么就可以去參數(shù)里面調(diào)整，并且不破壞原有的噪點(diǎn)分布。
操作路徑：畫筆工具欄-所選對(duì)象的選項(xiàng)-修改選項(xiàng)-完成
3-2-4 黑獅力噪點(diǎn)畫筆預(yù)覽（2大類別，可免費(fèi)下載）
黑獅力規(guī)律圓形噪點(diǎn)（圓形區(qū)域造型）
黑獅力不規(guī)律圓形噪點(diǎn)（方形區(qū)域造型）
三、AI噪點(diǎn)插畫的最佳使用方法
1、智能噪點(diǎn)
智能噪點(diǎn)的單獨(dú)使用僅針對(duì)畫面整體的處理。
2、剪切蒙版+噪點(diǎn)畫筆
這一類使用方法與PS的噪點(diǎn)畫筆使用方法類似，都是通過剪切蒙版進(jìn)行噪點(diǎn)繪制，我們繪制完后可以很輕松的就能調(diào)整它的屬性，只需要選中畫筆描邊就可以任意調(diào)整它的噪點(diǎn)類型、錨點(diǎn)、顏色、大小，如果后期想改變?cè)朦c(diǎn)風(fēng)格，那么操作起來就十分簡(jiǎn)單。
操作如下：選擇圖形-點(diǎn)擊內(nèi)部繪圖-選擇畫筆并填選描邊顏色-繪制（文章前有介紹操作方法）
3、智能噪點(diǎn)+圖層蒙版+形狀漸變
利用AI任意形狀漸變的優(yōu)勢(shì)來做噪點(diǎn)插畫，需要AI CC 2019及以上版本才能使用，它的優(yōu)勢(shì)是能夠非常柔和的處理顏色之間的過渡，缺點(diǎn)就是只能做一種噪點(diǎn)顏色，如果在同一圖層想做多個(gè)噪點(diǎn)顏色，就需要重復(fù)再建立圖層，那樣就太麻煩了。如果你需要多個(gè)噪點(diǎn)顏色的繪制，那么建議使用方法2。
操作步驟1：復(fù)制所選圖形-點(diǎn)擊蒙版-在蒙版內(nèi)部繪制全黑色圖形-用任意形狀漸變進(jìn)行繪制（黑透白不透）-留取想要的區(qū)域
操作步驟2：效果-紋理-顆粒-選擇屬性-處理完成（特別注意：必須選中蒙版做噪點(diǎn)）
特別提醒：在AI中使用智能噪點(diǎn)時(shí)有個(gè)非常好的小技巧，可以通過效果-文檔柵格效果設(shè)置來進(jìn)行噪點(diǎn)的外觀改動(dòng)：
當(dāng)分辨率越低噪點(diǎn)的數(shù)量就越少，隨之就越粗糙，當(dāng)分辨率越高噪點(diǎn)就越多，隨之就越柔和，常用3種分辨率下的展示效果：
四、AI插畫的復(fù)用方法
AI想要得到可復(fù)用性，那就得用到“符號(hào)工具”，“符號(hào)工具”雖然沒有的那么智能與強(qiáng)大，但是面對(duì)輕量化的替換還是綽綽有余的。
1、如何把圖形存為符號(hào)？
如果是單個(gè)物體操作則比較簡(jiǎn)單，直接拖入符號(hào)工具即可形成符號(hào)，在做可重復(fù)性的單個(gè)物件時(shí)可以用到，例如我在做貨架時(shí)，單個(gè)插畫小物件是經(jīng)常都要復(fù)用的，所以我就把它作為符號(hào)儲(chǔ)存，后面需要使用時(shí)就非常方便：
如果是組件，那么就把組件的底層建立一個(gè)透明框，以便于制作替換元素不被錯(cuò)位，透明框需要稍微放大一些，因?yàn)橛行┰氐奶鎿Q可能面積稍微偏大，這里給大家舉例如何做人物的符號(hào)，如下：
2、如何使用符號(hào)？
2-1單個(gè)元素使用：直接從符號(hào)面板拖入即可。
2-2重復(fù)使用或不規(guī)則使用：使用符號(hào)噴槍工具。
2-2-1 我們可以使用符號(hào)噴槍工具迅速獲得多個(gè)相同符號(hào)：
我們還可以設(shè)置符號(hào)噴槍工具的參數(shù)來快速達(dá)到想要的效果：
操作路徑：右鍵符號(hào)工具-點(diǎn)擊三角形更多按鈕-雙擊符號(hào)工具進(jìn)入彈窗調(diào)整屬性
2-2-2 可以調(diào)整強(qiáng)度和密度來做出有趣的樣式：
2-2-3 可以打開符號(hào)的旋轉(zhuǎn)，讓符號(hào)進(jìn)行不規(guī)則的旋轉(zhuǎn)：
2-2-4 可以打開符號(hào)的染色，快速讓符號(hào)進(jìn)行變色：
注：當(dāng)然還可以進(jìn)行更多的操作，這里就不一一舉例了。
2-3組件元素使用：如果是要替換組件，那么我們就可以直接使用符號(hào)的替換功能。
雖然AI的替換并沒有像那么強(qiáng)大，緊緊只有一個(gè)層級(jí)，不過它可以應(yīng)用到任何元素上，包括噪點(diǎn)插畫的組件，相對(duì)來說為AI噪點(diǎn)插畫提供了一定的組件替換功能，在做輕量化的噪點(diǎn)插畫還是非常實(shí)用的。
五、案例步驟技巧解析
步驟一：根據(jù)需求進(jìn)行構(gòu)圖
在構(gòu)圖時(shí)我們可以用手繪也可以用鼠繪，噪點(diǎn)插畫與常規(guī)插畫構(gòu)圖并無大的區(qū)別。
技巧1-基礎(chǔ)圖形的加減法：可以運(yùn)用布爾運(yùn)算與形狀生成器
例如我在做發(fā)型時(shí)，就用到了布爾運(yùn)算與形狀生成器，兩者結(jié)合很快就能得到自己想要的圖形。
技巧2-多余線條的去除：使用形狀生成器（減去狀態(tài)）
有些設(shè)計(jì)師習(xí)慣用手繪來構(gòu)圖，在構(gòu)圖完成后會(huì)有很多支出的線條，我們就可以用形狀生成器的減去功能很快的把多余的線條給刪掉。（選中形狀生成器的狀態(tài)下按住alt）
?
步驟二：對(duì)畫面元素進(jìn)行補(bǔ)充
因?yàn)榇税咐宋镌煨褪前椿A(chǔ)圖形來繪制的，所以做步驟一時(shí)人物的造型基本完成，我們接著可以把貨柜的元素全部填充上去。
?
步驟三：對(duì)畫面元素進(jìn)行上色
上色一絕：建議使用實(shí)時(shí)上色工具（K）。
步驟四：噪點(diǎn)繪制
噪點(diǎn)繪制階段是噪點(diǎn)插畫的核心，根據(jù)AI軟件的特性，總結(jié)出了以下幾點(diǎn)注意事項(xiàng)：
1、在同一元素上的噪點(diǎn)繪制盡量不要超過3條，最好一次性完成，否則當(dāng)畫面噪點(diǎn)堆積較多時(shí)會(huì)非常卡，文件也會(huì)隨之增大。
2、想要繪制某個(gè)元素的細(xì)致柔和噪點(diǎn)，可以選擇智能噪點(diǎn)+圖層蒙版+形狀漸變操作，過度非常自然，并且可以調(diào)整分辨率來改變?cè)朦c(diǎn)的數(shù)量。（數(shù)量越多顆粒越小，畫面就越柔和）
3、在常規(guī)圖形上繪制噪點(diǎn)時(shí)，可以使用描邊填充來實(shí)現(xiàn)，這樣畫出來的噪點(diǎn)更規(guī)則。
4、當(dāng)你對(duì)畫出的噪點(diǎn)不滿意時(shí)，可以選擇調(diào)整它的錨點(diǎn)、描邊大小、噪點(diǎn)類型。
5、在噪點(diǎn)繪制時(shí)，要保持使用的噪點(diǎn)風(fēng)格一致，這樣畫出來的噪點(diǎn)插畫整體才會(huì)更協(xié)調(diào)，當(dāng)你想要改變?cè)朦c(diǎn)風(fēng)格時(shí)可以選擇替換成其他噪點(diǎn)畫筆即可，換噪點(diǎn)風(fēng)格這一點(diǎn)比PS好用的太多，如果換成PS就必須要全部重新畫。（注：因案例特性，我用的噪點(diǎn)類型偏多，實(shí)際項(xiàng)目中請(qǐng)不要這樣玩兒）
6、可以利用肌理噪點(diǎn)來作為底層紋理，當(dāng)然為了更方便甚至可以用圖片來作為底層紋理。
用肌理噪點(diǎn)做底層紋理：
用圖片做底層紋理：
步驟五：符號(hào)應(yīng)用
完成：
