公眾號改推動機制了,以后可能收不到咱們的消息了,不想錯過優(yōu)質的免費資源分享,請點擊左上角藍字黑獅力,然后按下面步驟,設置星標就可以優(yōu)先推送了,謝謝大家的支持。
之前給大家詳細的剖析了PS的噪點插畫教學,我發(fā)現(xiàn)很多設計師對噪點插畫還是非常感興趣的,不過在和大家溝通中發(fā)現(xiàn)了有些設計師做噪點插畫時習慣用AI構圖,然后再導入PS進行噪點添加,相對而言這種噪點插畫的處理方式不僅繁瑣而且太浪費時間。
其實AI也可以進行噪點的制作,雖然在處理方式上不及PS,但是在某些性能上其實還優(yōu)于PS,總而言之它們都各有利弊。今天就出一期超詳細的AI噪點插畫教學,希望為大家解除疑問。(文章內有超多AI小技巧以及黑獅力自制噪點畫筆,可免費下載)本次教學減少文字的輸入,加入了大量的動圖方便大家理解,建議先看PS噪點文章,會做對比講解。目錄
一:PS噪點與AI噪點的五大對比
二:AI噪點插畫的三大使用類別
三:AI噪點插畫最佳使用方法
四:AI插畫的復用方法
五:案例步驟詳解
六:總結及素材分享
一:PS噪點與AI噪點的五大對比
1、畫筆的使用對比
在畫筆大小的調整上PS與AI有非常明顯的區(qū)別,PS調整畫筆大小只需要按左右括弧就能夠輕松的完成,并且大小的調整也非常細致。

在ai中畫筆其實是沒有大小的,畫筆主要是通過路徑和路徑描邊實現(xiàn)的,所以想要間接調整畫筆大小那就可以調整描邊。
對比分析:在調整畫筆大小上AI的確沒有PS方便,也不直觀,操作比較繁瑣,不過正因為AI里畫筆是根據(jù)描邊調整的,所以可以在繪制完后隨意調整描邊大小,也可以自由的調整描邊的形態(tài)甚至重新更換噪點類型。
不管是PS還是AI都可以調整畫筆的模式,不過對于我們做噪點插畫來講最大的不同就是PS可以調整溶解模式,而AI卻沒有溶解模式的選項。(PS點擊溶解模式后普通畫筆會自動變?yōu)樵朦c畫筆)PS操作方式:選取畫筆-點擊上方畫筆模式即可調整。(僅支持畫之前選取,畫后不能改變)
AI操作方式:打開透明度窗口-選擇任意模式。(支持畫前畫后選取,可以隨意改變,與圖層共用)
在PS中,畫筆的透明度在不同模式下可以觸發(fā)不同屬性v,在溶解模式下透明度越低,畫出的噪點就越少,反之則越多;在其他模式(除溶解模式的任何模式)下,只具備基本的透明屬性。

2、智能噪點的對比
在PS中可以用的智能噪點途徑非常多,例如“雜色”、“混合模式溶解”、“Camera RAW濾鏡”(具體詳情可查看我發(fā)布的PS噪點文章)。在AI中能用到的智能噪點有兩種,一種是通過點狀化實現(xiàn)的噪點,另外一種則是通過顆粒實現(xiàn)的噪點。
在圖形的智能處理上PS的確更高一籌,不過AI也可以通過類似的方式達到相同的噪點處理目的。(文章后面會詳細解析)3、矢量化噪點處理
在PS中設計噪點插畫并不是矢量的,所以我們一般在PS中設計噪點插畫時都會把尺寸做到相對最大,以便于適應更多的場景應用。而AI不同,畫筆的噪點大小可以隨時改變,不會因為整個圖形擴大而變得模糊不清,以至于AI的應用場景也更加廣,靈活度也非常高。
4、軟件處理流暢度
在做噪點插畫中PS只有圖層上千了才會出現(xiàn)慢慢卡頓的現(xiàn)象;而AI做噪點,如果繪制的噪點過大,那么每次都會出現(xiàn)卡頓的現(xiàn)象,或者噪點過50也會慢慢卡頓,這樣就造成了AI并不適合噪點反復摩擦疊加使用。(主要還是看電腦的性能,性能如果真的很一般,那么不建議用AI做噪點插畫)。5、可復用性
是否可復用是我們設計師老生常談的問題,在噪點插畫中PS難以做到可復用性,而AI卻大不一樣,雖然沒有像Sketch一樣強大的組件替換功能,但是我們可以用AI中獨有的符號工具實現(xiàn)一些簡單的儲存應用以及快速的顏色變化,對于我們做一些特定的插畫有非常大的幫助。(后面會舉例說明)二、 AI噪點插畫的三大使用類別
1、智能噪點
在用AI設計噪點插畫時,會經(jīng)常用到智能噪點,它一般用在最終整體畫面的處理,當然也可以結合圖層蒙版與形狀做區(qū)域類的噪點。(案例中會提到)在AI點狀化智能噪點中,我們可以實現(xiàn)兩種效果,第一類為粗糙型噪點,第二類則為密集紙屑噪點。
粗糙型噪點操作路徑:復制圖層(ctrl+c,ctrl+f)-效果-像素化-點狀化-選擇柔光模式

在操作的過程中,我們要注意2點,第一在選擇點狀化單元格大小的時候,保持在3-8之間是最為合適;第二在做完所有操作后,如果覺得噪點過于粗糙可以加一些透明度。
密集紙屑噪點操作路徑:復制圖層(ctrl+c,ctrl+f)-效果-紋理-顆粒-選擇變暗模式


顆粒實現(xiàn)的噪點效果與PS中的雜色實現(xiàn)效果相似。操作路徑:復制圖層(ctrl+c,ctrl+f)-效果-紋理-顆粒-選擇柔光模式
我們在選擇顆粒參數(shù)時一定要選擇點刻,其余參數(shù)可以視情況而定,在設置完后我們可以適當加一些透明度,不然會顯得非常粗糙。

2、手動噪點
手動噪點就是使用畫筆來進行手動繪制噪點,不過AI中的默認畫筆并沒有噪點畫筆,不過別怕,我有?。。∥疫@里給大家分享我經(jīng)常用的7個圓形噪點畫筆、3個尖形粗糙噪點畫筆、3個碎點畫筆(低中高密度)、1個輔助噪點的肌理畫筆。(文章末尾有下載鏈接)圓形細膩類型是指噪點的形成大部分都是根據(jù)圓或者橢圓構成的,這類噪點畫筆是最常用的,也是最柔和的。

尖形粗糙類型是指噪點的形成大部分都是根據(jù)尖形形狀或半尖形形狀構成的,這類噪點畫筆適合粗糙類噪點插畫,它類似于PS的噴槍高密度噪點。
碎點畫筆在噪點插畫中往往起到的是點綴作用,下面是我常用的3種碎點畫筆,分別為低、中、高密度碎點畫筆。
在AI里面我很少用輔助噪點的肌理畫筆,因為肌理畫筆很多時候需要反復涂抹,如果畫筆用多了在AI里用起來有點小卡頓,我常用的就一個簡單的肌理畫筆,在插畫中我只會小范圍使用。
3、自定義噪點
AI與PS一樣,都可以進行自定義噪點,不過AI制作噪點的流程以及噪點的使用與PS有很大不同。操作路徑1:畫出基本噪點圖形-選擇畫筆工具欄-點擊右上角更多按鈕-新建畫筆-散點畫筆-確定
操作路徑2:當畫筆添加完后,我們就可以選擇此噪點,用畫筆工具隨意畫出一條線,點擊畫筆選項進行畫筆的預設,預設完后點擊確認添加(注:建立畫筆時也可以調整選項,不過沒有預覽,只有建立后才會有預覽選項)
在自定義畫筆時我們需要注意的點非常之多,從繪制基礎圖形開始就要萬分注意,我這里就針對于制作噪點畫筆的注意事項來講解。

3/以圓形區(qū)域為基礎造型更有規(guī)律,以方形區(qū)域為基礎造型則更不規(guī)則。


當你有基礎噪點時,覺得對噪點的分布有些不滿意,那么就可以去參數(shù)里面調整,并且不破壞原有的噪點分布。操作路徑:畫筆工具欄-所選對象的選項-修改選項-完成
3-2-4 黑獅力噪點畫筆預覽(2大類別,可免費下載)黑獅力規(guī)律圓形噪點(圓形區(qū)域造型)
黑獅力不規(guī)律圓形噪點(方形區(qū)域造型)
三、AI噪點插畫的最佳使用方法
1、智能噪點

2、剪切蒙版+噪點畫筆
這一類使用方法與PS的噪點畫筆使用方法類似,都是通過剪切蒙版進行噪點繪制,我們繪制完后可以很輕松的就能調整它的屬性,只需要選中畫筆描邊就可以任意調整它的噪點類型、錨點、顏色、大小,如果后期想改變噪點風格,那么操作起來就十分簡單。操作如下:選擇圖形-點擊內部繪圖-選擇畫筆并填選描邊顏色-繪制(文章前有介紹操作方法)
3、智能噪點+圖層蒙版+形狀漸變
利用AI任意形狀漸變的優(yōu)勢來做噪點插畫,需要AI CC 2019及以上版本才能使用,它的優(yōu)勢是能夠非常柔和的處理顏色之間的過渡,缺點就是只能做一種噪點顏色,如果在同一圖層想做多個噪點顏色,就需要重復再建立圖層,那樣就太麻煩了。如果你需要多個噪點顏色的繪制,那么建議使用方法2。操作步驟1:復制所選圖形-點擊蒙版-在蒙版內部繪制全黑色圖形-用任意形狀漸變進行繪制(黑透白不透)-留取想要的區(qū)域
操作步驟2:效果-紋理-顆粒-選擇屬性-處理完成(特別注意:必須選中蒙版做噪點)

特別提醒:在AI中使用智能噪點時有個非常好的小技巧,可以通過效果-文檔柵格效果設置來進行噪點的外觀改動:
當分辨率越低噪點的數(shù)量就越少,隨之就越粗糙,當分辨率越高噪點就越多,隨之就越柔和,常用3種分辨率下的展示效果:
四、AI插畫的復用方法
AI想要得到可復用性,那就得用到“符號工具”,“符號工具”雖然沒有Sketch的symbols那么智能與強大,但是面對輕量化的替換還是綽綽有余的。
1、如何把圖形存為符號?
如果是單個物體操作則比較簡單,直接拖入符號工具即可形成符號,在做可重復性的單個物件時可以用到,例如我在做貨架時,單個插畫小物件是經(jīng)常都要復用的,所以我就把它作為符號儲存,后面需要使用時就非常方便:
如果是組件,那么就把組件的底層建立一個透明框,以便于制作替換元素不被錯位,透明框需要稍微放大一些,因為有些元素的替換可能面積稍微偏大,這里給大家舉例如何做人物的符號,如下:
2、如何使用符號?

2-2重復使用或不規(guī)則使用:使用符號噴槍工具。2-2-1 我們可以使用符號噴槍工具迅速獲得多個相同符號:
我們還可以設置符號噴槍工具的參數(shù)來快速達到想要的效果:操作路徑:右鍵符號工具-點擊三角形更多按鈕-雙擊符號工具進入彈窗調整屬性
2-2-3 可以打開符號的旋轉,讓符號進行不規(guī)則的旋轉:
2-2-4 可以打開符號的染色,快速讓符號進行變色:
注:當然還可以進行更多的操作,這里就不一一舉例了。
2-3組件元素使用:如果是要替換組件,那么我們就可以直接使用符號的替換功能。
雖然AI的替換并沒有像Sketch那么強大,緊緊只有一個層級,不過它可以應用到任何元素上,包括噪點插畫的組件,相對來說為AI噪點插畫提供了一定的組件替換功能,在做輕量化的噪點插畫還是非常實用的。五、案例步驟技巧解析
步驟一:根據(jù)需求進行構圖
在構圖時我們可以用手繪也可以用鼠繪,噪點插畫與常規(guī)插畫構圖并無大的區(qū)別。
技巧1-基礎圖形的加減法:可以運用布爾運算與形狀生成器例如我在做發(fā)型時,就用到了布爾運算與形狀生成器,兩者結合很快就能得到自己想要的圖形。
技巧2-多余線條的去除:使用形狀生成器(減去狀態(tài))有些設計師習慣用手繪來構圖,在構圖完成后會有很多支出的線條,我們就可以用形狀生成器的減去功能很快的把多余的線條給刪掉。(選中形狀生成器的狀態(tài)下按住alt)
步驟二:對畫面元素進行補充
因為此案例人物造型是按基礎圖形來繪制的,所以做步驟一時人物的造型基本完成,我們接著可以把貨柜的元素全部填充上去。
步驟三:對畫面元素進行上色


步驟四:噪點繪制
噪點繪制階段是噪點插畫的核心,根據(jù)AI軟件的特性,總結出了以下幾點注意事項:1、在同一元素上的噪點繪制盡量不要超過3條,最好一次性完成,否則當畫面噪點堆積較多時會非???,文件也會隨之增大。
2、想要繪制某個元素的細致柔和噪點,可以選擇智能噪點+圖層蒙版+形狀漸變操作,過度非常自然,并且可以調整分辨率來改變噪點的數(shù)量。(數(shù)量越多顆粒越小,畫面就越柔和)
3、在常規(guī)圖形上繪制噪點時,可以使用描邊填充來實現(xiàn),這樣畫出來的噪點更規(guī)則。
4、當你對畫出的噪點不滿意時,可以選擇調整它的錨點、描邊大小、噪點類型。
5、在噪點繪制時,要保持使用的噪點風格一致,這樣畫出來的噪點插畫整體才會更協(xié)調,當你想要改變噪點風格時可以選擇替換成其他噪點畫筆即可,換噪點風格這一點比PS好用的太多,如果換成PS就必須要全部重新畫。(注:因案例特性,我用的噪點類型偏多,實際項目中請不要這樣玩兒)
6、可以利用肌理噪點來作為底層紋理,當然為了更方便甚至可以用圖片來作為底層紋理。

步驟五:符號應用

完成:

六、總結及素材分享
總結:
AI噪點插畫與PS噪點插畫的使用各有利弊,PS做噪點插畫應用類型更廣,可以適應不同風格的噪點插畫,缺點也顯而易見,不能制作矢量噪點以及無復用性;而AI則更適用于輕量化的噪點插畫,可以制作矢量噪點并且可進行一定的復用性操作。如果你是UI設計師或者網(wǎng)頁設計師,想必然在公司內部更多的是設計一些輕量化的插畫,并且經(jīng)常會考慮到復用性問題,所以用AI來做噪點插畫是一個不錯的選擇。
素材分享:
本期素材一共包含三個塊:案例源文件、噪點畫筆(24個)、AI噪點臨摹素材(35+)



?


打開公眾號黑獅力會話窗,回復發(fā)送 006,就能自動獲取下載。
我們致力于提供一個高質量內容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評論自律管理,為了保護用戶創(chuàng)造的內容、維護開放、真實、專業(yè)的平臺氛圍,我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質內容,同時也將采取必要措施管理違法、侵權或有其他不良影響的網(wǎng)絡信息。
一、根據(jù)《網(wǎng)絡信息內容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī),對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對憲法所確定的基本原則;
2)危害國家安全,泄露國家秘密,顛覆國家政權,破壞國家統(tǒng)一,損害國家榮譽和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽;
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動;
5)煽動民族仇恨、民族歧視,破壞民族團結;
6)破壞國家宗教政策,宣揚邪教和封建迷信;
7)散布謠言,擾亂社會秩序,破壞社會穩(wěn)定;
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動非法集會、結社、游行、示威、聚眾擾亂社會秩序;
10)侮辱或者誹謗他人,侵害他人名譽、隱私和其他合法權益;
11)通過網(wǎng)絡以文字、圖片、音視頻等形式,對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內容;
2. 不友善:不尊重用戶及其所貢獻內容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動成果;
2)誹謗:捏造、散布虛假事實,損害他人名譽;
3)嘲諷:以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述,以此來激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對方對自己的言論作出回應,蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對方難堪;
6)謾罵:以不文明的語言對他人進行負面評價;
7)歧視:煽動人群歧視、地域歧視等,針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內容,或進行相關行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產品、提供服務、宣傳推廣內容的垃圾廣告。包括但不限于以下幾種形式:
2)單個帳號多次發(fā)布包含垃圾廣告的內容;
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內容;
4)多次發(fā)布包含欺騙性外鏈的內容,如未注明的淘寶客鏈接、跳轉網(wǎng)站等,誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產品、品牌等內容獲取搜索引擎中的不正當曝光;
6)購買或出售帳號之間虛假地互動,發(fā)布干擾網(wǎng)站秩序的推廣內容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內容,如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷;
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內容審核的廣告內容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內容;
4)帶有性暗示、性挑逗等易使人產生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚低俗、庸俗、媚俗內容。
5. 不實信息,主要表現(xiàn)為:
1)可能存在事實性錯誤或者造謠等內容;
2)存在事實夸大、偽造虛假經(jīng)歷等誤導他人的內容;
3)偽造身份、冒充他人,通過頭像、用戶名等個人信息暗示自己具有特定身份,或與特定機構或個人存在關聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治??;
2)求推薦算命看相大師;
3)針對具體風水等問題進行求助或咨詢;
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運勢,東西寵物丟了能不能找回、取名改名等;
7. 文章標題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶;
2)內容與標題之間存在嚴重不實或者原意扭曲;
3)使用夸張標題,內容與標題嚴重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的;
2)不當評述自然災害、重大事故等災難的;
3)美化、粉飾侵略戰(zhàn)爭行為的;
4)法律、行政法規(guī)禁止,或可能對網(wǎng)絡生態(tài)造成不良影響的其他內容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內容質量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內容時,本網(wǎng)站將依據(jù)相關用戶違規(guī)情節(jié)嚴重程度,對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號,或者濫用多個帳號發(fā)布違規(guī)內容時,本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富,本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權歸屬本網(wǎng)站所有)