大家好，我是畫畫的小強(qiáng)

在日常工作中，設(shè)計(jì)師在應(yīng)對運(yùn)營和UI設(shè)計(jì)的B端圖標(biāo)時(shí)，常常面臨大量的構(gòu)思、制作和渲染等工作，耗時(shí)耗力。我們可以利用Stable Diffusion(以下簡稱SD)結(jié)合AI的方式，幫助設(shè)計(jì)師優(yōu)化圖標(biāo)的設(shè)計(jì)流程，使任何對這一領(lǐng)域感興趣的人都能嘗試并創(chuàng)作出多樣化的圖標(biāo)設(shè)計(jì)，靈活高效運(yùn)用在項(xiàng)目之中。

---

B端圖標(biāo)，一種有著立體風(fēng)格的毛玻璃效果的圖標(biāo)、有流暢的曲線和細(xì)致的表面細(xì)節(jié)，通常應(yīng)用在運(yùn)營詳情頁、UI頭圖、banner等占位使用，讓畫面更出彩。

需要對電腦配置有一定的了解，部署要花費(fèi)一定的時(shí)間，還沒安裝的小伙伴可以看我往期入門教程AI繪畫Stable Diffusion下載安裝，保姆級教程指南！ 已經(jīng)部署過的可以按照下圖進(jìn)行配置更新。

SD模型、外掛VAE模型、Refiner模型、ControlNet模型（均來自大模型作者）已給大家準(zhǔn)備好了，需要的小伙伴可以掃描獲取哦。

下圖為模型文件在SD中的設(shè)置：

其它參數(shù)使用系統(tǒng)默認(rèn)的即可，采樣方法選了DPM++ 3M SDE Karras，畫面會(huì)柔和一些，背景更干凈，細(xì)節(jié)也相對的減少，速度和DPM++ 2M Karras一樣，所以迭代步數(shù)推薦在30或以上（太高容易卡頓，畫面細(xì)節(jié)太多也影響最終的結(jié)果，所以推薦30即可）。

---

· 線稿處理

用ControlNet控圖，需要明確圖標(biāo)的線稿。要知道自己想要一個(gè)什么樣的圖標(biāo)，推薦使用已有圖標(biāo)進(jìn)行優(yōu)化，使用PS進(jìn)行圖標(biāo)線稿處理，再對其外形等關(guān)鍵特征進(jìn)行組合或者添加自己的創(chuàng)意。對于特別復(fù)雜的圖形，建議避免使用過于復(fù)雜的模型。只需有基礎(chǔ)的輪廓圖，就可以快速創(chuàng)建B端圖標(biāo)。如果是專業(yè)工作使用，請考慮制作更加規(guī)范的底圖，并注意版權(quán)使用問題。這里需要注意的是，盡可能的把閉合形狀的輪廓處理的粗細(xì)一致且清晰可見；模糊的區(qū)域可以用橡皮擦或者蒙版處理干凈；立體圖形的轉(zhuǎn)折處連接處要明確。

· 構(gòu)思關(guān)鍵詞

推薦使用下方的關(guān)鍵詞，并替換自己想要的內(nèi)容和顏色等，如果無法找到合適的關(guān)鍵詞或創(chuàng)意，請先在網(wǎng)上收集一些相關(guān)的設(shè)計(jì)參考圖片。在圖生圖界面中，將這些參考圖片導(dǎo)入并點(diǎn)擊CLIP反推提示詞。選擇生成的關(guān)鍵詞，然后將其輸入到文生圖的Prompt中。這樣可以快速得到理想的設(shè)計(jì)方案。

正向關(guān)鍵詞：
(a shield icon:1.1),dark blue frosted glass texture,dark blue gradient,(softedges:1.2),3D,best quality,many details,4k,blender,octane render,C4D,transparentglass texture,DDicon,frosted glass,transparent technology sense,industrialdesign,white background,studio lighting,sunshine,flat,minimal,quasi-object,Datafile

負(fù)正向關(guān)鍵詞：
lowres,bad anatomy,((bad hands)),(worst quality:2),(low quality:2),(normal quality:2),paintings,sketches,lowres,bad anatomy,bad hands,text,error,missing fingers

在選擇好剛才的模型和參數(shù)后，填入關(guān)鍵詞，并在ControlNet中上傳已經(jīng)處理好的線稿，點(diǎn)擊爆炸圖標(biāo)，得到控圖線稿，再點(diǎn)擊右上角的生成，就可以進(jìn)行抽卡生圖啦。

對已生成的圖標(biāo)，可以用PS進(jìn)行處理；也可以將方案放到圖生圖中局部重繪一下細(xì)節(jié)，得到更符合預(yù)期的效果。

整體的制作思路可以大概拆解為6個(gè)步驟：找到類似參考 - 線稿處理 - 提煉關(guān)鍵詞 - 使用ControlNet控制線稿 - 重新優(yōu)化圖標(biāo)方案 - 實(shí)際應(yīng)用。

AI的出現(xiàn)為我們節(jié)省了大量后期制作的時(shí)間，讓我們可以更快地達(dá)成目標(biāo)，也讓我們有更多的空間去探索表現(xiàn)的形式與內(nèi)容。AI工具可以決定輸出的下限，而設(shè)計(jì)師的想象力決定了可以觸達(dá)的上限。合理的借助AI盡情地發(fā)揮你的想象力去嘗試各種可能吧！

感興趣的小伙伴，贈(zèng)送全套AIGC學(xué)習(xí)資料，包含AI繪畫、AI人工智能等前沿科技教程和軟件工具，具體看這里。

AIGC技術(shù)的未來發(fā)展前景廣闊，隨著人工智能技術(shù)的不斷發(fā)展，AIGC技術(shù)也將不斷提高。未來，AIGC技術(shù)將在游戲和計(jì)算領(lǐng)域得到更廣泛的應(yīng)用，使游戲和計(jì)算系統(tǒng)具有更高效、更智能、更靈活的特性。同時(shí)，AIGC技術(shù)也將與人工智能技術(shù)緊密結(jié)合，在更多的領(lǐng)域得到廣泛應(yīng)用，對程序員來說影響至關(guān)重要。未來，AIGC技術(shù)將繼續(xù)得到提高，同時(shí)也將與人工智能技術(shù)緊密結(jié)合，在更多的領(lǐng)域得到廣泛應(yīng)用。
?

一、AIGC所有方向的學(xué)習(xí)路線

AIGC所有方向的技術(shù)點(diǎn)做的整理，形成各個(gè)領(lǐng)域的知識點(diǎn)匯總，它的用處就在于，你可以按照下面的知識點(diǎn)去找對應(yīng)的學(xué)習(xí)資源，保證自己學(xué)得較為全面。

二、AIGC必備工具

工具都幫大家整理好了，安裝就可直接上手！

三、最新AIGC學(xué)習(xí)筆記

當(dāng)我學(xué)到一定基礎(chǔ)，有自己的理解能力的時(shí)候，會(huì)去閱讀一些前輩整理的書籍或者手寫的筆記資料，這些筆記詳細(xì)記載了他們對一些技術(shù)點(diǎn)的理解，這些理解是比較獨(dú)到，可以學(xué)到不一樣的思路。

四、AIGC視頻教程合集

觀看全面零基礎(chǔ)學(xué)習(xí)視頻，看視頻學(xué)習(xí)是最快捷也是最有效果的方式，跟著視頻中老師的思路，從基礎(chǔ)到深入，還是很容易入門的。

五、實(shí)戰(zhàn)案例

紙上得來終覺淺，要學(xué)會(huì)跟著視頻一起敲，要?jiǎng)邮謱?shí)操，才能將自己的所學(xué)運(yùn)用到實(shí)際當(dāng)中去，這時(shí)候可以搞點(diǎn)實(shí)戰(zhàn)案例來學(xué)習(xí)。

若有侵權(quán)，請聯(lián)系刪除