2023-9-8 ui設(shè)計分享達(dá)人
前言
從幾個月前AIGC的興起到現(xiàn)在,各行各業(yè)已經(jīng)有許多團(tuán)隊將之運(yùn)用在工作流程當(dāng)中。其中,Midjourney的到來,不僅在一定程度上提升了設(shè)計師們的工作效率,也為設(shè)計師提供了更多設(shè)計方式上的可能性。其快速出圖的特點(diǎn)幫助設(shè)計師節(jié)省了設(shè)計初稿的時間,可圈可點(diǎn)的畫面構(gòu)圖與光影關(guān)系又給設(shè)計師帶來許多靈感與參考。那么,到底該如何運(yùn)用Midjourney來幫助我們將一個項(xiàng)目落地呢?本文將以一個大型活動的主視覺設(shè)計案例,解析如何利用Midjourney,來幫助我們從最初的構(gòu)思到最后項(xiàng)目落地。
01 項(xiàng)目背景
520發(fā)布會以線上節(jié)目形式呈現(xiàn),需設(shè)計品牌的主視覺海報,用于發(fā)布會視頻節(jié)目轉(zhuǎn)場展示,并在520發(fā)布會及周年慶期間作為傳播素材使用。
02 制作前期構(gòu)思與參考
需求方希望畫面能展現(xiàn)出品牌的社交感,以“游戲伙伴”為主題,畫面表達(dá)各種不同類型游戲伙伴,因我們的產(chǎn)品而相聚的場景。同時希望畫面中的人物能做出擊掌(GIVE ME 5)的動作,以此呼應(yīng)品牌發(fā)布會的主題。
在對關(guān)鍵詞的提取與發(fā)散,并進(jìn)行頭腦風(fēng)暴后,我們還需要結(jié)合大量優(yōu)秀案例參考來確定主視覺的基調(diào)與風(fēng)格。下圖為優(yōu)秀案例參考:
03 確定風(fēng)格&AI初步運(yùn)用
1.風(fēng)格確定
視覺風(fēng)格上,我們通過對同類型活動的主視覺風(fēng)格提取共性,結(jié)合過往大神品牌主視覺案例,最終確定畫面風(fēng)格整體偏向三維感。按以往的思路,那肯定是毫不猶豫打開三維軟件建模渲染一頓操作,但此次,團(tuán)隊決定嘗試使用AI去幫助我們快速確定畫面構(gòu)圖、光影、甚至是整體畫面基調(diào)。
2.AI初步運(yùn)用
在前期,我們對構(gòu)想的畫面進(jìn)行關(guān)鍵詞的描述:“可愛帥氣的男女孩子們一起玩手機(jī),開心地微笑著,舉起手歡呼,溫暖的房間,大型落地窗。”將關(guān)鍵詞翻譯后放入Midjourney中進(jìn)行煉圖,最終篩選了幾張氛圍還不錯的進(jìn)行下一步操作。
雖然這幾張圖的氛圍感不錯,但光有氛圍感是遠(yuǎn)遠(yuǎn)不夠的,基于對此次需求的理解,我們列舉了幾個篩選圖片的標(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é)論對關(guān)鍵詞進(jìn)行優(yōu)化,再開始新的一輪煉圖。(關(guān)鍵詞增加了“中景”、“展示整個房間”、“透視感”、“畫面明亮”。)
以下為部分煉圖輸出展示。(由于AI出圖的隨機(jī)性還是比較強(qiáng)的,因此避免不了消耗一定的時間進(jìn)行大量的煉圖。)
在Midjourney輸出大量圖片之后,結(jié)合畫面給到的靈感,得到了下面這張靈魂草圖。
大概描繪了幾個伙伴在組隊玩游戲,因?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ā)給需求方后,需求方提出了幾個要點(diǎn)。
確定好修改方向后,我們回到Midjourney中,設(shè)置好混音模式Remix mode,修改關(guān)鍵詞對畫面中元素進(jìn)行替換。
1.Remix混音模式介紹
Remix混音模式的功能是保持起始圖像的基本構(gòu)圖不變,通過更改提示關(guān)鍵詞、參數(shù)、模型版本或尺寸,重新混合成為新的圖片。
也就是說,當(dāng)我們確定了一張圖,想要在不破壞這張圖的構(gòu)圖布局的情況下更改圖中的某個元素,此時開啟混音模式,更改關(guān)鍵詞再生成,就能達(dá)到單純替換元素的效果。
那么如何開啟并使用呢?首先,在對話框中輸入/settings,選擇綠色圖標(biāo):
然后選擇Remix mode,當(dāng)圖標(biāo)顯示為綠色就代表該模式已啟用。
回顧之前《ASAK|全面解析Midjourney參數(shù)和指令》的案例,使用的步驟如下:點(diǎn)擊Make variations,在彈出窗口中修改或輸入新的提示。例如在輸入框里輸入pile of cartoon owls(一堆卡通貓頭鷹)。最終生成的圖片對應(yīng)的貓頭鷹代替南瓜。
2.Remix mode模式的使用
回到Midjourney,對主視覺底圖使用混音模式。
為了讓畫面中出現(xiàn)女性,且人物形象偏向亞洲人面孔,我們將關(guān)鍵詞中的主體修改為一對中國情侶,并重復(fù)多煉幾遍。
通過篩選之后,最終我們得到下面這幾張圖,其中這幾個人物形象還是比較貼近亞洲面孔的,且比較符合需求方的要求。因此我們將這幾張圖通過PS進(jìn)行人物頭部的替換。
在混音模式下不會破壞原本的構(gòu)圖,并且光影關(guān)系也都保持一致,人物的位置以及光影也都相對穩(wěn)定不變,所以替換人物也比較方便。
同理,原圖中也有許多地方存在畸形、錯亂、殘缺的部分。我們也可以用這種方式,多煉幾次圖,把不好的地方替換掉。
替換并進(jìn)行了一些簡單的加工之后,我們得到了下面這張圖。
在此基礎(chǔ)上,我們進(jìn)一步優(yōu)化畫面,將畫面中一些不合理的元素運(yùn)用上述同樣的方式替換掉,并把文案擺放至畫面中看看整體的效果。如下圖所示:
有些地方讓AI實(shí)現(xiàn)還是比較困難的,比如使確定角色不變的情況下舉起一只手,以及手的一些bug。因此,在個別地方還是需要想辦法自行處理,例如手繪或者模型加后期合成等等。在本次案例中,手部的動作就是通過手繪的方式進(jìn)行調(diào)整的。
3.后期制作
到了后期制作階段,主要任務(wù)是提升畫面豐富度以及整體質(zhì)感。我們將需求方提供的一些游戲素材、游戲周邊通過后期合成的方式融入進(jìn)畫面中。
另外,一些零散的部件我們還是可以通過AI快速生成的。例如游戲機(jī)以及手柄,通過Midjourney就可以快速生成。
在這里給大家介紹一個AI自動摳圖網(wǎng)站——https://pixian.ai/,
只需把圖丟上去就能迅速摳出畫面主體,非常方便。最后我們要將IP形象霸哥融入進(jìn)畫面,因?yàn)镮P形象是特定的,所以在這我們使用三維軟件去進(jìn)行IP形象動作的調(diào)整。
導(dǎo)出霸哥動作文件并置入主視覺海報中進(jìn)行融合,接著處理畫面整體色調(diào)以及一些細(xì)節(jié),最終得到下面的圖片。
得到這張圖后,覺得畫面左上角部分有些空白,為了襯托歡快聚會的氛圍,我們決定在左上方加上掛旗。方法也是運(yùn)用Midjourney的混音模式。在關(guān)鍵詞中加入“屋子里掛著彩旗”。
快速煉出部分圖后,篩選出其中一張,提取圖中的彩旗部分進(jìn)行融圖。
最后的最后,處理好每一部分細(xì)節(jié)然后輸出得到最終的版本。
05 總結(jié)
AI的出現(xiàn)給設(shè)計師們帶來更多的可能性,像這樣一張三維質(zhì)感的運(yùn)營主視覺海報,真正使用了三維軟件的部分只有對IP形象進(jìn)行動作的調(diào)整。
在AI給我們帶來更多便捷與可能性的同時,設(shè)計師們更加需要鞏固加強(qiáng)自己的專業(yè)實(shí)力與技術(shù),畢竟AI也不是萬能的。
AI能為我們提供非常驚艷的作品,但在這基礎(chǔ)之上,是設(shè)計師們需要擁有好的審美、創(chuàng)意、想法,而如何結(jié)合AI提供的圖片從而實(shí)現(xiàn)項(xiàng)目落地,則就更加考驗(yàn)設(shè)計師們的專業(yè)技能。
作者:ASAK設(shè)計
鏈接:https://www.zcool.com.cn/article/ZMTU1NDkzNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com