AI 藝 術(shù) 二 維 碼 設(shè) 計(jì)(0 基 礎(chǔ) 教 程)

你能想象,上圖這是一個(gè)二維碼的局部嗎?如此二次元風(fēng)的立繪,乍看之下需要平面設(shè)計(jì)師或插畫師精心制作,但實(shí)際上通過(guò) AI 工具,它不僅可以被高效生成,更能巧妙融合在你的品牌二維碼之中,提升品牌傳播端口的視覺(jué)品質(zhì)。

即便你是 AI 方面 0 基礎(chǔ)的廣告人/設(shè)計(jì)師/運(yùn)營(yíng)人,也可以利用 Stable Diffusion 的 ControlNet 插件生成如上圖所示的獨(dú)特的藝術(shù)二維碼。區(qū)別于傳統(tǒng)黑白像素的樣式,藝術(shù)二維碼實(shí)現(xiàn)了 QR Code?與圖像信息的有機(jī)融合,無(wú)疑開啟了一個(gè)廣告圈新紀(jì)元。






< 左右滑動(dòng)查看更多 >
@nhciao 倪豪團(tuán)隊(duì)在今年 6 月發(fā)布的《AI 生成可掃碼圖像 — 新 ControlNet 模型展示》,為二維碼和圖像的進(jìn)一步融合提供了實(shí)質(zhì)性的推動(dòng)和進(jìn)展,能夠靈活調(diào)整二維碼的可識(shí)別度,在保留畫面藝術(shù)性的同時(shí),提高了二維碼的功能性。
從操作層面來(lái)講,藝術(shù)二維碼的制作過(guò)程主要分為三個(gè)關(guān)鍵步驟:生成短鏈接、美化二維碼、使用 Stable Diffusion 生成。接下來(lái),我們將在下文詳細(xì)探討制作藝術(shù)二維碼的操作步驟和關(guān)鍵技術(shù),你可以配合以下免費(fèi)的教學(xué)視頻來(lái)輔助實(shí)現(xiàn)。

1. 生成短鏈接
二維碼的碼點(diǎn)中包含了大量的數(shù)據(jù)信息,當(dāng)所需容納的數(shù)據(jù)越多時(shí),二維碼的黑白像素點(diǎn)則會(huì)表現(xiàn)越密集。因此,為了盡可能保證生成藝術(shù)二維碼的美觀性,首先要縮短網(wǎng)址的長(zhǎng)鏈接。
生成短鏈接的方式有兩種:1)當(dāng)已經(jīng)獲取到原網(wǎng)址 URL,使用在線的短鏈接生成工具直接生成即可,如站長(zhǎng)工具的在線短鏈生成器。2)若所獲取的信息只有一張二維碼,無(wú)法直接訪問(wèn)網(wǎng)址時(shí),如公眾號(hào)二維碼、個(gè)人名片二維碼等,則需要對(duì)二維碼先進(jìn)行解碼,再提取出 URL,后續(xù)考慮是否再生成短鏈接。可以手機(jī)掃碼打開鏈接并復(fù)制網(wǎng)址,或者通過(guò)草料二維碼的解碼工具直接獲取鏈接。

出于安全機(jī)制和防止惡意鏈接等方面的考慮,微信生態(tài)內(nèi)的鏈接在縮短網(wǎng)址后可能會(huì)導(dǎo)致原始網(wǎng)址無(wú)法正常訪問(wèn),建議維持使用原始鏈接即可。
2.?美化二維碼
藝術(shù)二維碼是在原二維碼的樣式基礎(chǔ)上所生成,因此基礎(chǔ)二維碼會(huì)在很大的程度上決定所生成圖片的空間和布局。
推薦使用?QR Toolkit?插件進(jìn)行二維碼的美化完善工作。這款插件是由開發(fā)者 @Anfu?所制作,具體的使用方法在開發(fā)者主筆的這篇文檔《Refining AI Generated QR Code》里有詳細(xì)的呈現(xiàn)。這款插件即可以直接打開網(wǎng)址使用,也可以在 Stable Diffusion Web UI 的「擴(kuò)展」中搜索「qrcode-toolkit」并安裝使用。當(dāng)然也可以使用其他二維碼美化工具獲取更多樣式的呈現(xiàn)。

打開 QR Toolkit,填寫網(wǎng)址鏈接。調(diào)整二維碼的樣式,選取分布均勻的像素點(diǎn)位置。若二維碼的應(yīng)用場(chǎng)景在微信中則建議采用方形或圓形碼眼,具有更好的可識(shí)別性。

為了隱藏二維碼的形狀,你還可以進(jìn)一步的采取以下措施:1)將二維碼旋轉(zhuǎn) 180 度,起到隱藏碼眼的效果。2)為二維碼添加邊距,并增加噪點(diǎn)過(guò)渡邊緣。3)添加晶格化/液化效果,虛化像素點(diǎn)邊緣,和畫面更好的融合。
當(dāng)然,你還可以為其增加更豐富的展示效果,如 1)增加透視效果,將其沿 X/Y 軸翻轉(zhuǎn),將會(huì)呈現(xiàn)出更具趣味性的畫面。2)勾選反色按鈕,背景色和像素點(diǎn)的顏色發(fā)生翻轉(zhuǎn),畫面配色的重心則會(huì)相應(yīng)改變。3)添加背景色,并調(diào)整選用合適的「Safe Space」。4)在 PS 中對(duì)周圍噪點(diǎn)內(nèi)容進(jìn)行修飾,或增加文字的裝飾,將文字同樣融合在后續(xù)藝術(shù)二維碼的畫面中。
這里建議,在每一步的操作后,都要及時(shí)測(cè)試二維碼是否可以被正常識(shí)別,以免多做后續(xù)的無(wú)用功。
你或許在很多其他渠道見過(guò)一些美化到極其夸張程度的二維碼,但往往會(huì)發(fā)現(xiàn)他們一方面難以讓用戶意識(shí)到它是二維碼,另一方面實(shí)際的識(shí)別率非常低。所以作為品牌方,平衡好二維碼可識(shí)別性和藝術(shù)性是至關(guān)重要的決策。
3. Stable Diffusion 生成藝術(shù)二維碼
在使用 Stable Diffusion 生成藝術(shù)二維碼之前,還需要做兩步的前置準(zhǔn)備:
1)下載并安裝 ControlNet 插件——QR Code Monster。一款十分強(qiáng)大的用于生成藝術(shù)二維碼的模型,能夠兼顧二維碼的可識(shí)別性和畫面的美學(xué)表達(dá)。你可以點(diǎn)擊此鏈接進(jìn)行下載安裝,安裝路徑為「sd-webui-aki/models/ControlNet」。
2)下載并安裝?ControlNet 插件——brightness 和 illumination。由?@nhciao 倪豪團(tuán)隊(duì)發(fā)布的兩款插件,通過(guò)調(diào)整畫面的灰度和光影增強(qiáng)二維碼的可識(shí)別性。點(diǎn)擊此處下載安裝,安裝路徑同樣為「sd-webui-aki/models/ControlNet」。
以上兩步操作好后,我們就可以啟動(dòng) Stable Diffusion了,使用「文生圖」功能開始進(jìn)行生成。
選擇心儀的 checkpoint 大模型及 VAE 模型,并輸入正面提示詞和反面提示詞。迭代步數(shù)選擇在 20-30 之間,采樣方法如果你沒(méi)有特別的選擇,可以嘗試采用 DPM++ 2M SDE Karras,畫面表現(xiàn)和輸出速度都可圈可點(diǎn)。提示詞引導(dǎo)系數(shù)保持默認(rèn) 7 即可。

選擇畫面尺寸時(shí),第一,可以直接輸入所需畫面尺寸,如 1024*1024。但由于 Stable Diffusion 生成圖像時(shí),會(huì)將圖片分割成區(qū)域處理,默認(rèn)的尺寸 512*512 便會(huì)作為 1 個(gè)圖像塊,所以當(dāng)畫布的尺寸超過(guò)默認(rèn)尺寸時(shí),便會(huì)出現(xiàn)多個(gè)執(zhí)行該命令的圖像塊,導(dǎo)致畫面中中出現(xiàn)多個(gè)相同的重復(fù)元素,比如多條腿等?;蛘咭部梢赃x用第二種方法,寬度固定為 512,勾選「高分辨率修復(fù)」,進(jìn)而放大圖片。但勾選該功能后,生成圖片的速率會(huì)明顯降低。

進(jìn)行到這里,就到了最關(guān)鍵的操作步驟了。分別設(shè)置 3 組 ControlNet:
1)第一組中上傳二維碼的圖片,分別勾選「啟用」和「完美像素模式」。模型選擇「qrcode_monster」,分別調(diào)整三個(gè)重要參數(shù)「控制權(quán)重」、「引導(dǎo)介入時(shí)機(jī)」和「引導(dǎo)終止時(shí)機(jī)」。

「控制權(quán)重」里,權(quán)重的大小決定了二維碼有多大程度上影響畫面的內(nèi)容,權(quán)重越大,二維碼的表現(xiàn)越為明顯。尺寸不同合適的權(quán)重大小也會(huì)不一樣;
「引導(dǎo)介入時(shí)機(jī)」指二維碼開始作用于畫面的時(shí)間,在引導(dǎo)介入之前,畫面會(huì)按照提示詞生成,介入之后,二維碼開始融合在畫面里;
「引導(dǎo)終止時(shí)機(jī)」指它終止介入的時(shí)間,終止后二維碼和畫面進(jìn)一步融合。
2)第二組和第三組的 ControlNet 可以先不啟用,等確定畫面內(nèi)容后,再根據(jù)二維碼的識(shí)別需要進(jìn)行調(diào)整。第二組中上傳二維碼的圖片,分別勾選「啟用」和「完美像素模式」。模型選擇「brightness」,調(diào)整「控制權(quán)重」、「引導(dǎo)介入時(shí)機(jī)」和「引導(dǎo)終止時(shí)機(jī)」。這里的權(quán)重不宜選擇過(guò)大,否則二維碼會(huì)十分明顯。

3)第三組中上傳二維碼的圖片,分別勾選「啟用」和「完美像素模式」。模型選擇「illumination」,調(diào)整「控制權(quán)重」、「引導(dǎo)介入時(shí)機(jī)」和「引導(dǎo)終止時(shí)機(jī)」。設(shè)置所需注意的事項(xiàng)和第二組相同。

最后調(diào)整總批次數(shù),開始生成,選擇合適的畫面再單獨(dú)測(cè)試調(diào)整,直至具有較好的畫面表現(xiàn)和可識(shí)別性。
4. 還想學(xué)習(xí)更多 AI 技術(shù)?
秋季學(xué)期即將到來(lái),歡迎廣大復(fù)旦學(xué)子報(bào)名加入復(fù)旦大學(xué)「奇點(diǎn)」新媒體研究中心?!钙纥c(diǎn)」不僅是一個(gè)歷經(jīng) 8 年發(fā)展的本校研究型組織,更擁有一大批令商業(yè)公司望塵莫及的優(yōu)秀技術(shù)資源,你可以點(diǎn)擊《招新|復(fù)旦大學(xué)奇點(diǎn)新媒體研究中心》、《復(fù)旦有這么多人人人人人人人的嗎?》了解更多往期精彩活動(dòng)。同時(shí),「奇點(diǎn)」也在全國(guó)多所高校注冊(cè)在籍,旨在提升青年雙創(chuàng)發(fā)展與技術(shù)無(wú)障礙交流,歡迎任何其他學(xué)府的學(xué)生參與交流活動(dòng)。
我們基于 Stable Diffusion,通過(guò)本文的上述流程也生成了一個(gè)街區(qū)漫畫主題二維碼,歡迎長(zhǎng)按識(shí)別下方圖像報(bào)名,讓我們攜手共同探索未定義的美好技術(shù)未來(lái):
