深度解析!AIGC在電商產(chǎn)品設(shè)計中的應(yīng)用

一、前言
在當(dāng)今數(shù)字化時代,人工智能(AI)正逐漸滲透到各個領(lǐng)域,為我們的生活和工作帶來了革命性的變化。其中,繪畫領(lǐng)域也不例外。借助強大的 AI 繪畫工具,我們可以在電商設(shè)計中探索全新的可能性。無論是為產(chǎn)品添加獨特的視覺效果,還是為品牌塑造獨特的形象,AI 繪畫工具都為電商設(shè)計帶來了創(chuàng)新的元素。本教程將深入探討如何將 AI 繪畫工具融入電商設(shè)計中,為看官們呈現(xiàn)一個全新的創(chuàng)作體驗。
在以往的文章中,我都是使用 Midjourneny 進行落地項目的案例分享,可能大家確實看的有點“膩”了,對 StableDiffusion 應(yīng)用落地項目的教程呼聲很高。
我在這解釋一下:StableDiffusion 這款軟件確實對新手的同學(xué)們不太友好,配置要求也很高。相比它來說,
Midjourneny 除了付費,基本上不會有其他問題,適合廣大的新手同學(xué)們使用,而且出圖效果也不差,只要控制得當(dāng),也能在我們設(shè)計工作場景中得到大量的應(yīng)用。

但是,要說誰最適合應(yīng)用工作流中,還得是老大哥「Stable Diffusion」,原因大家都知道(controlnet 插件簡直強的離譜)。Midjourneny 除了控制性差,效果還是很不錯的,關(guān)鍵是也簡單。好了,廢話太多了,小孩子才做選擇,我們都用!
所以,在本次案例中,我會分別使用 Midjourney 和 StableDiffusion 這兩款軟件進行實際操作演示,兩手抓!
二、Midjourneny 制作電商產(chǎn)品海報
目前 AI 繪畫在產(chǎn)品海報設(shè)計的表現(xiàn)是真的很不錯,它替代了傳統(tǒng)設(shè)計中的素材合成以及部分 3 維建模方面的工作,使得我們在短時間就可以做出可落地的需求設(shè)計。當(dāng)然,它也并不是完美的,在產(chǎn)品設(shè)計方面,簡直“慘不忍睹”,不過我們可以通過自己掌握的設(shè)計能力來修正,具體操作往下看:
1. 關(guān)鍵詞真的很簡單
首先我們先來看看我們要做的產(chǎn)品以及設(shè)計需求。需求是我自擬的,主要目的是給大家分享創(chuàng)作思路:根據(jù)現(xiàn)有產(chǎn)品,重新做一張該產(chǎn)品的視覺海報,應(yīng)用場景為電商主圖以及詳情頁面,視覺風(fēng)格與產(chǎn)品調(diào)性保持統(tǒng)一。

如果我們在設(shè)計之前,找到一些對標(biāo)的參考圖,或者是風(fēng)格大致符合需求的參考圖,那我們使用 Midjourneny 是很方便的。如寫關(guān)鍵詞,我們可以通過圖生文“/describe”功能來智能生成關(guān)鍵詞:

注意:所上傳的圖片需要去除掉文字以及非必要的元素信息,避免 Midjourneny 識別有偏差。
挑選關(guān)鍵詞最符合參考圖,或者是符合我們需求的一組。在本次案例中,Midjourneny 生成的關(guān)鍵詞基本上不需要改動,根據(jù)參考圖所寫的關(guān)鍵詞也比較準確,所以我可以不用再重新寫關(guān)鍵詞。
如果關(guān)鍵詞描述與參考圖差別很大,那我們可以只選取個別關(guān)鍵詞描述,剩余的自己根據(jù)需求重寫,也比較簡單。
把上述圖生文的 4 組關(guān)鍵詞全跑一遍,測試的實際效果如下:




這 4 組關(guān)鍵詞測試下來,效果都還可以,每組關(guān)鍵詞都有各自的特色,在不墊圖的情況下,關(guān)鍵詞直出的效果到這種程度就可以了。最接近參考圖的為第二組關(guān)鍵詞,所以我們接下來應(yīng)用的關(guān)鍵詞就是這組了:
green tea moisturizing essence, in the style of realistic hyper-detailed rendering, sparkling water reflections, matte photo, playful illustrations, yankeecore, high-angle, light white and light green --ar 9:16 --v 5.2
綠茶保濕精華,以逼真的超細節(jié)渲染風(fēng)格,波光粼粼的水反射,啞光照片,俏皮的插圖,洋基芯,高角度,淡白色和淡綠色
受到 Midjourney 特性的影響(可控性差),我們很難通過關(guān)鍵詞直出圖來達到符合需求的設(shè)計效果,這時需要用別的方式控制一下(墊圖),通過墊圖控制出圖效果,這也是 Midjourney 的優(yōu)勢之一。這時就不得提到「圖像權(quán)重參數(shù)--iw」了。
2. 圖像權(quán)重參數(shù)詳解
使用圖像權(quán)重參數(shù)「--iw」來控制墊圖與關(guān)鍵詞對出圖效果的影響?!?-iw」的范圍是 0-2
「--iw」默認值為 --iw 1(就是你不在后綴輸入--iw 參數(shù)),「--iw」值越高,墊圖影響出圖效果越大。
來看看 Midjourney 官方給的一組效果說明:

而一般情況下,我使用最多的還是「--iw 2」這個值。我認為,大家如果使用 Midjourney 融入到工作流中,這個參數(shù)是核心,必須清楚的了解該參數(shù)的使用及信息。
3. 控制出圖效果
了解了圖像權(quán)重參數(shù)之后,我們就需要對墊圖采取一些控制,牢記以下三點:

圖片要確保與需求相符,不能偏差太大,所墊的圖會影響最終效果的構(gòu)圖、風(fēng)格、元素等。所以我們在圖片上還需要小范圍優(yōu)化下。
比如上述使用圖生文的那張圖片(也是經(jīng)過處理的),利用 PS Beta 工具,把原圖上的文字都清除掉,我們就得到了一張無文字污染的圖片。這種圖片上傳給 Midjourney 就不會有任何問題。

我們使用這張圖片來測試出圖效果吧,墊圖+關(guān)鍵詞:
「圖片鏈接」+ green tea moisturizing essence, in the style of realistic hyper-detailed rendering, sparkling water reflections, matte photo, playful illustrations, yankeecore, high-angle, light white and light green --ar 4:6 --v 5.2 --iw 2

不看產(chǎn)品,看圖片效果及元素,已經(jīng)很接近原圖了,而且有些圖的效果甚至在細節(jié)上比原圖還豐富。到這一步其實就可以拿著我們的產(chǎn)品進行后期的合成,這海報就結(jié)束了。不過我教大家另一種做墊圖的方式,擴展下思路。
我們可以手動拼圖,來控制最終的出圖效果。產(chǎn)品+場景圖=產(chǎn)品圖,不需要進行細節(jié)的調(diào)整,做成這樣就行了。
在此處還需要注意一點的是,墊圖的比例最好與最終生成圖的比例一致,相比大家都遇到黑邊的情況吧,就是墊圖不規(guī)范導(dǎo)致的,這個我們是可以控制的,切記!

接下來重復(fù)上面的操作,用這張墊圖生成效果圖:

圖像權(quán)重 --iw 1 默認

圖像權(quán)重 --iw 2
上圖為兩種不同權(quán)重參數(shù)的對比(默認權(quán)重以及 iw2 ),在此案例的畫面效果區(qū)別不大。到這一步,Midjourney 暫時就可以退下了,我們只需要挑選上面合適的圖片進行后期優(yōu)化即可。
4. PS Beta 智能合成優(yōu)化
把產(chǎn)品初步疊加上去,蓋住 AI 原有的產(chǎn)品即可。

使用“創(chuàng)意式填充”融合產(chǎn)品底部與水面的接觸面,最后整體潤色調(diào)整一下,那合成部分即可完成。

使用 Midjourney 制作電商產(chǎn)品海報到這一步就結(jié)束了,主要的思路就是通過 Midjourney 場景,然后把自己的產(chǎn)品合成上去。上面所寫的控制 Midjourney 出圖效果都是為了最后一步,合成。如果沒有做這些控制的步驟,只是生成一些背景素材,那么我們后期合成階段會很繁瑣,效率會大大降低。

目前使用 Midjourney 做產(chǎn)品海報大致就是這個流程,最終還是把它當(dāng)作素材庫來使用,這也是替代了我們傳統(tǒng)設(shè)計中,自己尋找素材的工作,在效率以及質(zhì)量上表現(xiàn)還是很強的。
我們來看看 StableDiffusion 在產(chǎn)品海報方面的應(yīng)用吧。
三、StableDiffusion 制作電商產(chǎn)品海報
接下來我來介紹 Stable Diffusion 的繪圖操作。下面會使用“圖生圖-重繪蒙版”和“controlnet 插件”功能。此類基礎(chǔ)參數(shù)信息我在以往教程里詳細介紹過,本篇文章不多做解釋。
1. 圖生圖前期準備
先使用 PS 軟件準備兩張圖片,一張黑白的蒙版圖以及產(chǎn)品白底圖。把產(chǎn)品在圖中的位置擺放好,然后創(chuàng)建一個黑色產(chǎn)品區(qū)域,兩張圖的產(chǎn)品位置需要在同一個地方。
圖生文的蒙版重繪功能是把蒙版區(qū)域或非蒙版區(qū)域重新繪制(在 SD 中可選擇重繪內(nèi)容),可以這么理解:白色為蒙版區(qū)域,黑色為非蒙版區(qū)域。如下圖:

準備好模型及 lora,大家可以在哩布哩布 AI 上找到本次案例模型,國內(nèi)版安全著呢。
模型:majicMIX realistiCV6
lora:Water Realflow

2. 圖生圖重繪蒙版
使用 Stable Diffusion 的重繪蒙版功能上傳圖片,切記上面為產(chǎn)品圖,下面為蒙版圖。
下方參數(shù)大家如果不會調(diào)整可以先跟著我的調(diào)整一遍。
切記:
蒙版模式要選擇“重繪蒙版內(nèi)容”(上面解釋了白色為蒙版區(qū)域,黑色為非蒙版區(qū)域,可反向操作);
重繪尺寸與上傳圖的比例一致。不然會出現(xiàn)產(chǎn)品拉伸或收縮;
重繪幅度拉滿是因為我們上傳的是白底圖,需要 SD 完全給我們重繪白色區(qū)域。如果我們上傳的是有背景的圖,可以降低重繪幅度。
其他參數(shù)看效果調(diào)整
把模型、Lora、正反關(guān)鍵詞填上。
正向關(guān)鍵詞:
water,((green)),drop of water,plant,((spray)),(rock:0.6),Best quality,ultra high res,masterpiece,in summer,landscape,rock,realflow,,
水,(綠色),水滴,植物,(噴霧),(巖石):0.6,最佳質(zhì)量,超高分辨率,杰作,夏季,景觀,巖石,realflow
realflow 為該 Lora 模型的觸發(fā)詞
反向關(guān)鍵詞:
lowres,bad anatomy,bad hands,text,error,missing fingers,extra digit,fewer digits,cropped,worst quality,low quality,normal quality,jpeg artifacts,signature,watermark,username,blurry,orange,lens_flare,
這里要注意要加上 Lora 觸發(fā)詞,模型下載網(wǎng)站作者有寫
先跑一批圖出來看看效果,顯存不大的調(diào)整總批次,不要調(diào)整單批數(shù)量。效果還不錯,這一步相當(dāng)于是以產(chǎn)品為主去生成場景,Midjourney 則剛好相反...
同樣,Stable Diffusion 也有隨機性,我們還是需要抽卡,然后挑選合適的圖片。
3. 前期 AI 優(yōu)化
在上面生成的圖可以看到,背景生成沒問題,但是產(chǎn)品并沒有融合場景中,接下來需要借助 controlnet 功能進一步優(yōu)化。
在 controlnet 上傳我們上面生成的圖,預(yù)處理器選擇“tile_resample”,模型選擇對應(yīng)的“tile”模型,勾選“啟用、完美像素模式”即可。
我們就得到了這些圖片,會發(fā)現(xiàn),產(chǎn)品已經(jīng)面目全非了,但是問題不大,這一步只是讓我們的產(chǎn)品與背景相融合,細節(jié)之處后期 PS 優(yōu)化。
4. 后期 PS 合成優(yōu)化
把圖生圖生成的圖片與 controlnet 優(yōu)化的圖片融合一下,最后排版這張海報就做出來了。
當(dāng)然了,用 StableDiffusion 生成這類海報有很多方法,我在寫這篇文章中至少想到了 3 種不同的生成方式,比如可以直接用 Controlnet 操作,效果也是很棒的。這次用 StableDiffusion 的操作案例就先到這,后續(xù)再給大家分享分享。
四、其他制作電商產(chǎn)品海報的 AI 工具
除了上述最熱門的兩款 AI 繪畫工具以外,在電商領(lǐng)域也有其他垂直 AI 繪畫工具。
1. Flair 工具
比如這個 Flair 網(wǎng)站
這款軟件是專門針對產(chǎn)品海報開發(fā)的一款 AI 工具,用戶只需要上傳一張透明的產(chǎn)品圖,通過關(guān)鍵詞,或者是它自帶的一些模板就可生成,非常的快速方便。
新用戶可免費生成 30 次,大家可以跟我一起試試這款 AI 軟件。
我們先上傳一張產(chǎn)品上去,按照步驟上傳即可:
可以選擇官方的模板生成,效果真不錯,看我上面寫了一大堆教程,這工具 1 分鐘就搞定了,啪啪啪打臉
這個工具還可以手動添加一些元素,然后生成....也可以自己上傳元素,要是不收費該多好呀!
手也可以添加,這才是人工智能呀(ps:圖中我隨意生成,大家可以深入研究試試)
這款軟件能用,但是大家也不要抱有很大的期待,簡單的場景好生成,負責(zé)的可就不一定了哦,反正免費 30 次,大家去玩玩吧。
2. 美圖秀秀 AI 工具
現(xiàn)在美圖秀秀也有這個功能,每天 15 次免費次數(shù),沖,不用白不用!
上傳圖片就給我們生成了這些場景圖,也是有模板的,不過與 Flair 對比還是有一定的差距,不論是出圖效果還是功能,期待后續(xù)的優(yōu)化!

此類電商 AI 工具有很多,大家在網(wǎng)上一搜一大堆,我這里只列舉兩個出來,沒有任何商業(yè)行為,純個人分享哦~
五、總結(jié)
本次案例教程到此結(jié)束,主要目的是為大家分享 AI 工具在電商產(chǎn)品設(shè)計中的運用,列舉了一些操作方式,擴展一下商業(yè)化思路。同時也是幫助 AI 入門的同學(xué)提供一些教程指導(dǎo),讓大家盡快把 AI 融入到工作流中,畢竟現(xiàn)在市場有多卷大家也很清楚。最后來個官方化的總結(jié):