AIGC|海報(bào)落地設(shè)計(jì)流程

2023-9-8    ui設(shè)計(jì)分享達(dá)人

前言

從幾個(gè)月前AIGC的興起到現(xiàn)在,各行各業(yè)已經(jīng)有許多團(tuán)隊(duì)將之運(yùn)用在工作流程當(dāng)中。其中,Midjourney的到來,不僅在一定程度上提升了設(shè)計(jì)師們的工作效率,也為設(shè)計(jì)師提供了更多設(shè)計(jì)方式上的可能性。其快速出圖的特點(diǎn)幫助設(shè)計(jì)師節(jié)省了設(shè)計(jì)初稿的時(shí)間,可圈可點(diǎn)的畫面構(gòu)圖與光影關(guān)系又給設(shè)計(jì)師帶來許多靈感與參考。那么,到底該如何運(yùn)用Midjourney來幫助我們將一個(gè)項(xiàng)目落地呢?本文將以一個(gè)大型活動(dòng)的主視覺設(shè)計(jì)案例,解析如何利用Midjourney,來幫助我們從最初的構(gòu)思到最后項(xiàng)目落地。

01 項(xiàng)目背景
520發(fā)布會(huì)以線上節(jié)目形式呈現(xiàn),需設(shè)計(jì)品牌的主視覺海報(bào),用于發(fā)布會(huì)視頻節(jié)目轉(zhuǎn)場(chǎng)展示,并在520發(fā)布會(huì)及周年慶期間作為傳播素材使用。

02 制作前期構(gòu)思與參考
需求方希望畫面能展現(xiàn)出品牌的社交感,以“游戲伙伴”為主題,畫面表達(dá)各種不同類型游戲伙伴,因我們的產(chǎn)品而相聚的場(chǎng)景。同時(shí)希望畫面中的人物能做出擊掌(GIVE ME 5)的動(dòng)作,以此呼應(yīng)品牌發(fā)布會(huì)的主題。

在對(duì)關(guān)鍵詞的提取與發(fā)散,并進(jìn)行頭腦風(fēng)暴后,我們還需要結(jié)合大量?jī)?yōu)秀案例參考來確定主視覺的基調(diào)與風(fēng)格。下圖為優(yōu)秀案例參考:

03 確定風(fēng)格&AI初步運(yùn)用

1.風(fēng)格確定

視覺風(fēng)格上,我們通過對(duì)同類型活動(dòng)的主視覺風(fēng)格提取共性,結(jié)合過往大神品牌主視覺案例,最終確定畫面風(fēng)格整體偏向三維感。按以往的思路,那肯定是毫不猶豫打開三維軟件建模渲染一頓操作,但此次,團(tuán)隊(duì)決定嘗試使用AI去幫助我們快速確定畫面構(gòu)圖、光影、甚至是整體畫面基調(diào)。

2.AI初步運(yùn)用

在前期,我們對(duì)構(gòu)想的畫面進(jìn)行關(guān)鍵詞的描述:“可愛帥氣的男女孩子們一起玩手機(jī),開心地微笑著,舉起手歡呼,溫暖的房間,大型落地窗?!睂㈥P(guān)鍵詞翻譯后放入Midjourney中進(jìn)行煉圖,最終篩選了幾張氛圍還不錯(cuò)的進(jìn)行下一步操作。

雖然這幾張圖的氛圍感不錯(cuò),但光有氛圍感是遠(yuǎn)遠(yuǎn)不夠的,基于對(duì)此次需求的理解,我們列舉了幾個(gè)篩選圖片的標(biāo)準(zhǔn):

首先,風(fēng)格上還是比較貼近的,造型方面的問題不大。主要問題存在于元素與本次主題的相關(guān)性比較弱,光影上整體偏暗,視角上,我們希望畫面具有一定的張力,而目前煉出的圖的視角都過于平淡,焦距過大,透視不強(qiáng),主體占據(jù)畫面的面積過大,考慮到后期可能沒有合適的位置放置文案。

綜上,我們得出以下結(jié)論:

元素上需要加強(qiáng)與主題的關(guān)聯(lián),例如游戲機(jī)、手機(jī)等。光影上,希望畫面明亮一些,可以嘗試在白天的環(huán)境下。視角上,希望加強(qiáng)畫面的透視感,視角也不一定是平視,可以帶一些仰視或者俯視使得畫面更加活潑。

緊接著我們用之前篩選出來的其中一張或多張圖片,在Midjourney中進(jìn)行墊圖,根據(jù)之前所得結(jié)論對(duì)關(guān)鍵詞進(jìn)行優(yōu)化,再開始新的一輪煉圖。(關(guān)鍵詞增加了“中景”、“展示整個(gè)房間”、“透視感”、“畫面明亮”。)

以下為部分煉圖輸出展示。(由于AI出圖的隨機(jī)性還是比較強(qiáng)的,因此避免不了消耗一定的時(shí)間進(jìn)行大量的煉圖。)

在Midjourney輸出大量圖片之后,結(jié)合畫面給到的靈感,得到了下面這張靈魂草圖。

大概描繪了幾個(gè)伙伴在組隊(duì)玩游戲,因?yàn)楂@得了勝利相互擊掌(give me 5)的輕松愉快的畫面。周圍有一些和游戲相關(guān)的元素,IP形象也在畫面中心露出,強(qiáng)調(diào)與品牌之間的關(guān)系。

接著,我們篩選一張之前煉出的,接近這張草圖畫面的圖(如下圖所示),通過調(diào)整關(guān)鍵詞繼續(xù)煉圖,直到煉出的圖片畫面構(gòu)圖逐漸貼近這張草圖。

04 AI運(yùn)用&后期制作

經(jīng)過不斷的調(diào)整關(guān)鍵詞并持續(xù)的煉圖,最終得到了一張各方面都較為貼合要求的圖片(左圖)。在確定以這張圖為主視覺底圖的條件下,通過畫草圖線稿的方式,將畫面大致修改方向確定下來,下圖為修改示例(右圖)。

將草圖發(fā)給需求方后,需求方提出了幾個(gè)要點(diǎn)。

確定好修改方向后,我們回到Midjourney中,設(shè)置好混音模式Remix mode,修改關(guān)鍵詞對(duì)畫面中元素進(jìn)行替換。
1.Remix混音模式介紹
Remix混音模式的功能是保持起始圖像的基本構(gòu)圖不變,通過更改提示關(guān)鍵詞、參數(shù)、模型版本或尺寸,重新混合成為新的圖片。

也就是說,當(dāng)我們確定了一張圖,想要在不破壞這張圖的構(gòu)圖布局的情況下更改圖中的某個(gè)元素,此時(shí)開啟混音模式,更改關(guān)鍵詞再生成,就能達(dá)到單純替換元素的效果。

那么如何開啟并使用呢?首先,在對(duì)話框中輸入/settings,選擇綠色圖標(biāo):

然后選擇Remix mode,當(dāng)圖標(biāo)顯示為綠色就代表該模式已啟用。

回顧之前《ASAK|全面解析Midjourney參數(shù)和指令》的案例,使用的步驟如下:點(diǎn)擊Make variations,在彈出窗口中修改或輸入新的提示。例如在輸入框里輸入pile of cartoon owls(一堆卡通貓頭鷹)。最終生成的圖片對(duì)應(yīng)的貓頭鷹代替南瓜。

2.Remix mode模式的使用

回到Midjourney,對(duì)主視覺底圖使用混音模式。

為了讓畫面中出現(xiàn)女性,且人物形象偏向亞洲人面孔,我們將關(guān)鍵詞中的主體修改為一對(duì)中國(guó)情侶,并重復(fù)多煉幾遍。

通過篩選之后,最終我們得到下面這幾張圖,其中這幾個(gè)人物形象還是比較貼近亞洲面孔的,且比較符合需求方的要求。因此我們將這幾張圖通過PS進(jìn)行人物頭部的替換。

在混音模式下不會(huì)破壞原本的構(gòu)圖,并且光影關(guān)系也都保持一致,人物的位置以及光影也都相對(duì)穩(wěn)定不變,所以替換人物也比較方便。

同理,原圖中也有許多地方存在畸形、錯(cuò)亂、殘缺的部分。我們也可以用這種方式,多煉幾次圖,把不好的地方替換掉。

替換并進(jìn)行了一些簡(jiǎn)單的加工之后,我們得到了下面這張圖。

在此基礎(chǔ)上,我們進(jìn)一步優(yōu)化畫面,將畫面中一些不合理的元素運(yùn)用上述同樣的方式替換掉,并把文案擺放至畫面中看看整體的效果。如下圖所示:

有些地方讓AI實(shí)現(xiàn)還是比較困難的,比如使確定角色不變的情況下舉起一只手,以及手的一些bug。因此,在個(gè)別地方還是需要想辦法自行處理,例如手繪或者模型加后期合成等等。在本次案例中,手部的動(dòng)作就是通過手繪的方式進(jìn)行調(diào)整的。

3.后期制作

到了后期制作階段,主要任務(wù)是提升畫面豐富度以及整體質(zhì)感。我們將需求方提供的一些游戲素材、游戲周邊通過后期合成的方式融入進(jìn)畫面中。

另外,一些零散的部件我們還是可以通過AI快速生成的。例如游戲機(jī)以及手柄,通過Midjourney就可以快速生成。

在這里給大家介紹一個(gè)AI自動(dòng)摳圖網(wǎng)站——https://pixian.ai/,

只需把圖丟上去就能迅速摳出畫面主體,非常方便。最后我們要將IP形象霸哥融入進(jìn)畫面,因?yàn)镮P形象是特定的,所以在這我們使用三維軟件去進(jìn)行IP形象動(dòng)作的調(diào)整。

導(dǎo)出霸哥動(dòng)作文件并置入主視覺海報(bào)中進(jìn)行融合,接著處理畫面整體色調(diào)以及一些細(xì)節(jié),最終得到下面的圖片。

得到這張圖后,覺得畫面左上角部分有些空白,為了襯托歡快聚會(huì)的氛圍,我們決定在左上方加上掛旗。方法也是運(yùn)用Midjourney的混音模式。在關(guān)鍵詞中加入“屋子里掛著彩旗”。

快速煉出部分圖后,篩選出其中一張,提取圖中的彩旗部分進(jìn)行融圖。

最后的最后,處理好每一部分細(xì)節(jié)然后輸出得到最終的版本。

05 總結(jié)

AI的出現(xiàn)給設(shè)計(jì)師們帶來更多的可能性,像這樣一張三維質(zhì)感的運(yùn)營(yíng)主視覺海報(bào),真正使用了三維軟件的部分只有對(duì)IP形象進(jìn)行動(dòng)作的調(diào)整。

在AI給我們帶來更多便捷與可能性的同時(shí),設(shè)計(jì)師們更加需要鞏固加強(qiáng)自己的專業(yè)實(shí)力與技術(shù),畢竟AI也不是萬(wàn)能的。

AI能為我們提供非常驚艷的作品,但在這基礎(chǔ)之上,是設(shè)計(jì)師們需要擁有好的審美、創(chuàng)意、想法,而如何結(jié)合AI提供的圖片從而實(shí)現(xiàn)項(xiàng)目落地,則就更加考驗(yàn)設(shè)計(jì)師們的專業(yè)技能。

作者:ASAK設(shè)計(jì)
鏈接:https://www.zcool.com.cn/article/ZMTU1NDkzNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 用戶體驗(yàn) 、交互設(shè)計(jì)網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司軟件界面設(shè)計(jì)公司

分享本文至:

日歷

鏈接

個(gè)人資料

存檔