AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

本期給大家?guī)淼陌咐亲鲆惶状汗?jié)主視覺設(shè)計(jì),以 2023 年兔年為主題進(jìn)行創(chuàng)作,背景是春節(jié)期間的各種大促活動(dòng),吸引用戶參與活動(dòng)。下面我會(huì)以這個(gè)需求進(jìn)行設(shè)計(jì)延展,全程 Midjourney 輔助設(shè)計(jì),各位看官請(qǐng)坐好,準(zhǔn)備發(fā)車了!

往期應(yīng)用場景:

一、關(guān)鍵詞拆解與參考

在明確需求背景之后(春節(jié)兔年活動(dòng)主題),我們可以先使用 ChatGPT 輔助我們拆解一下設(shè)計(jì)元素的關(guān)鍵詞,可以輸入“制作兔年春節(jié)活動(dòng)設(shè)計(jì)的設(shè)計(jì)元素都有哪些”提問:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

通過 ChatGPT 得到了兔子形象、紅色與金色、福字、燈籠等關(guān)鍵詞,我們把這些關(guān)鍵詞進(jìn)行整理歸納,還可以根據(jù)春節(jié)常用的元素補(bǔ)充一下,比如金元寶、紅包等:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

二、活動(dòng)彈窗設(shè)計(jì)

這次案例以彈窗設(shè)計(jì)思路為主。在對(duì)關(guān)鍵詞進(jìn)行提取后,我們還需要參考優(yōu)秀案例來確定主視覺的基調(diào)和風(fēng)格。這些案例不僅幫助我們確定整體方向,還可以為我們提供了創(chuàng)意靈感,以下是一些優(yōu)秀案例供參考:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

1. 確定風(fēng)格及元素拆解

基于彈窗的屬性以及上述的案例參考,我們可以確定彈窗風(fēng)格為:中國風(fēng)背景墻加上主體元素以及裝飾元素。

接下來我們就要開始使用 Midjourney 輔助設(shè)計(jì)了,我們先梳理一下 3 種常用的 MJ 出圖方法:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

  1. 關(guān)鍵詞直出:圖片效果完全由關(guān)鍵詞主導(dǎo),且圖片中的大部分元素為國外設(shè)計(jì)風(fēng)格,出圖可控性差。
  2. 墊圖+關(guān)鍵詞:可控制圖片效果,通過控制--iw 參數(shù)調(diào)整墊圖權(quán)重(參數(shù)越大,最終效果與墊圖越相似,一般用--iw 2)
  3. 圖生圖:通過多張圖片融合,MJ 自動(dòng)生成圖,圖片效果與喂圖有關(guān)(需要多張風(fēng)格相似的圖片才能保證最終出圖效果穩(wěn)定)

基于上面這 3 種出圖方法,我們基本可以排除“關(guān)鍵詞直出”這個(gè)方法,因?yàn)槲覀兊闹黝}是屬于國內(nèi)的春節(jié)風(fēng),MJ 目前還不能準(zhǔn)確的生成中國風(fēng)元素(以下是關(guān)鍵詞直出的燈籠元素)。

Chinese lantern, 3D, clay, Cartoon, Nintendo, Lovely, smooth, Luster, Red and gold, Gradient color, The highest detail, The best quality, HD, 8K --niji 5

中國風(fēng)燈籠,3D,粘土,卡通,任天堂,可愛,光滑,光澤,紅色和金色,漸變顏色,最高的細(xì)節(jié),最好的質(zhì)量,高清,8K

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

“墊圖+關(guān)鍵詞”和“圖生圖”這兩種方法是首選,我們只需要找圖喂圖即可,而且還能控制出圖風(fēng)格。

接下來我們需要考慮如何制作彈窗。根據(jù)我們的需求和優(yōu)秀案例參考,將 Midjourney 直接生成匹配度高的圖片可能比較困難。因此,我們可以采用另外一種思路,讓 Midjourney 生成單個(gè)元素,然后我們可以在后期進(jìn)行合成和優(yōu)化。這種方法具有極高的可控性,可以更好地滿足我們的需求。

我們回到前面拆解出來的關(guān)鍵詞:兔子、燈籠、紅包、福袋、金元寶。針對(duì)這些元素去找優(yōu)質(zhì)的素材,這些不僅僅是我們的靈感參考,還會(huì)是墊圖最重要的一步。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

2. Midjourney 輔助生成素材

①背景墻生成

這個(gè)元素使用“/blend”融圖方法是很快的,用關(guān)鍵詞描述等方法需要大量的測試,且關(guān)鍵詞的描寫也是一個(gè)比較麻煩的事情,基于此,我使用融圖得到的圖片效果還不錯(cuò),有一個(gè)大體的形狀。

把參考圖粗暴的處理一下,把文字、不必要的元素都去掉,只需留下這個(gè)物體的形即可。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

使用“/blend”命令,把這兩張圖上傳上去,模型默認(rèn)是--v 5.2,可以一次性多刷幾組圖片出來。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

接著我們需要使用 PS 優(yōu)化這個(gè)背景元素,直出的圖我們還是沒法直接使用,但是效果已經(jīng)出來了,可以用合成的方式把多個(gè)好的細(xì)節(jié)融合,我推薦使用 PS Beta 輔助設(shè)計(jì),非常的高效。

初步把兩個(gè)元素拼接一起,可以多張圖片融合,具體看手中的素材:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

接著繼續(xù)優(yōu)化,可選中拼接處使用 PS Beta 的“創(chuàng)意式填充”,以及優(yōu)化不必要的元素,最終整體潤色一下,就完成了背景元素的設(shè)計(jì):

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

②主體兔子生成

生成吉祥物使用墊圖+關(guān)鍵詞的方法是最合適的,關(guān)鍵詞也可以直出,墊圖是為了控制角色風(fēng)格。

可以多墊幾張圖,切記風(fēng)格風(fēng)格要保持一致。--iw 參數(shù)根據(jù)實(shí)際效果進(jìn)行調(diào)整。

Cute little rabbit, Yellow background, lantern, auspicious cloud, lucky bag, 3D, clay, Cartoon, Nintendo, Lovely, smooth, Luster, Red and gold, Gradient color, The highest detail, The best quality, HD, 8K --niji 5 --iw 2

可愛的小兔子,黃色背景,燈籠,祥云,幸運(yùn)袋,3D,粘土,卡通,任天堂,可愛,光滑,光澤,紅色和金色,漸變顏色,最高的細(xì)節(jié),最好的質(zhì)量,高清,8K

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

目前 MJ 的隨機(jī)性很高,跑了大量的素材才得到幾張能用的。同樣的操作,使用 PS Beta 優(yōu)化兔子元素。我使用了兔子 1 的頭+兔子 2 的身體合成為第一版兔子元素:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

接著我們對(duì)整體物的細(xì)節(jié)進(jìn)行調(diào)整,比如臉部、手等,最后我們就得到了一個(gè)兔子 IP 形象。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

③春節(jié)背景圖生成

這種背景素材也不需要我們寫關(guān)鍵詞這樣繁瑣的操作,使用“/blend”融圖功能即可,可上傳多張圖片(支持最大 5 張圖片上傳),需要注意的是上傳的圖片比例要一致。以下是我找到的背景素材:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

由于本次彈窗設(shè)計(jì)中背景素材并不突出,這里就選中一張效果差不多的圖片,不用過多處理細(xì)節(jié)。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

④他元素生成

燈籠、紅包、福袋、金元寶這些元素都可以使用墊圖+關(guān)鍵詞的方法操作,用以下萬金油關(guān)鍵詞即可:

lantern, 3D, clay, Cartoon, Nintendo, Lovely, smooth, Luster, Red and gold, Gradient color, The highest detail, The best quality, HD, 8K --niji 5 --iw 2

燈籠,3D,粘土,卡通,任天堂,可愛,光滑,光澤,紅色和金色,漸變顏色,最高的細(xì)節(jié),最好的質(zhì)量,高清,8K

注意需要使用--niji 5 模型!!

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

3. 彈窗視覺合成

在前面各個(gè)元素生成優(yōu)化之后,開始進(jìn)行彈窗合成。

先把背景做好,用前面生成的背景元素及背景圖合成:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

加上我們的兔子吉祥物。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

加上其他的裝飾元素。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

最后打上文字,以及整體的色彩調(diào)整,基本上視覺設(shè)計(jì)這塊就大功告成了。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

加上 UI 按鈕組件,這一個(gè)視覺彈窗就做好了,可以對(duì)比一下參考案例以及最終用 AI 設(shè)計(jì)的彈窗,整體效果上還是達(dá)到了一個(gè)可落地的水平,至于細(xì)節(jié)之處可以繼續(xù)優(yōu)化,整體做下來時(shí)間差不多是 2-3 個(gè)小時(shí),可節(jié)省 60%-70%的時(shí)間。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

三、視覺延展

1. H5 專題頁設(shè)計(jì)

我們還可以在上述設(shè)計(jì)基礎(chǔ)上進(jìn)行視覺延展,應(yīng)用到活動(dòng) H5 頁面中。通過優(yōu)秀案例參考我們可以得出一些元素的擴(kuò)展,比如禮物盒、紅包、福袋等這些圖標(biāo)作為流量分發(fā)入口。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

這些元素在 Midjourney 中是很簡單生成的,我們可以根據(jù)元素特性進(jìn)行關(guān)鍵詞描述,下面是一組生成禮物盒的關(guān)鍵詞,其中「黃色和紅色、3D 卡通」關(guān)鍵詞是重點(diǎn):

gift box, 3d icon, cartoon, clay, rendering, smooth and shiny! Cute,isometric, yellow and red, whitebackground, HD, 3D --niji 5 --q 2

禮盒,3d 圖標(biāo),卡通,粘土,渲染,光滑閃亮!可愛,等距,黃色和紅色,白色背景,高清,3D

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

在上述關(guān)鍵詞基礎(chǔ)上,只需要修改主體物關(guān)鍵詞即可得到其他元素素材,注意像燈籠、福袋這些關(guān)鍵詞還是需要墊圖才行。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

經(jīng)過后期的優(yōu)化處理,我們就得到了這些素材:

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

最后進(jìn)行整體的排版設(shè)計(jì),即可做出 APP 開屏頁面以及 H5 活動(dòng)頁。

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

2. 其他物料延展

基于上述主視覺設(shè)計(jì),我們還可以延展出 banner 海報(bào)設(shè)計(jì):

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

最后,一下來看下本篇文章的全部設(shè)計(jì)吧!

AIGC實(shí)戰(zhàn)案例!兔年活動(dòng)主視覺設(shè)計(jì)流程拆解

以上就是這期春節(jié)主視覺設(shè)計(jì)的完整流程啦!通過引入 AI 輔助完成主視覺素材設(shè)計(jì),可以為我們?cè)O(shè)計(jì)師節(jié)省了大量時(shí)間。后續(xù)我會(huì)繼續(xù)給大家分享落地項(xiàng)目相關(guān)教程,我們下期見~

四、總結(jié)

隨著 AI 技術(shù)的飛速發(fā)展,設(shè)計(jì)師們迎來了更多的可能性。AI 為我們帶來了便捷和創(chuàng)造性的潛力,尤其在三維質(zhì)感的運(yùn)營主視覺方面,AI 可以輔助設(shè)計(jì)師完成大量的素材設(shè)計(jì),可節(jié)省設(shè)計(jì)師大量的時(shí)間。然而,要想真正熟練掌握 AIGC 技術(shù)并將其落地于設(shè)計(jì)工作中,設(shè)計(jì)師們需要擁有良好的審美能力與技能基礎(chǔ)。

雖然 AI 能為我們提供非常驚艷的作品,但真正出色的設(shè)計(jì)離不開設(shè)計(jì)師的創(chuàng)意和想法。AI 提供的圖片只是工具,設(shè)計(jì)師們需要將其巧妙結(jié)合,實(shí)現(xiàn)項(xiàng)目落地,這將更加考驗(yàn)設(shè)計(jì)師們的專業(yè)技能。AI 雖然是強(qiáng)大的工具,但最終還需要設(shè)計(jì)師的審美、創(chuàng)意和設(shè)計(jì)執(zhí)行能力。

希望本篇文章,能為大家提供一些啟發(fā),共同努力進(jìn)步!通過 AI 在設(shè)計(jì)工作中的應(yīng)用與設(shè)計(jì)師能力的重要性的探索,我們可以發(fā)現(xiàn)更多創(chuàng)意與設(shè)計(jì)的可能性。設(shè)計(jì)師們應(yīng)該勇于探索與嘗試,發(fā)掘 AI 對(duì)我們工作幫助的多種方法,共同努力進(jìn)步!

收藏 203
點(diǎn)贊 84

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。