如何利用Whee輔助制作APP動態(tài)啟動頁丨附保姆級提示詞教程
前言
這是AIGC應(yīng)用系列教程,之前給大家詳細(xì)介紹了AIGC做海報和微信紅包,這一篇給大家介紹AIGC輔助動態(tài)啟動頁設(shè)計的全流程!
直接上干貨,手把手保姆級教程保證輕松完成。
目前AIGC在設(shè)計中的可行性相比去年更為廣泛,在平面設(shè)計、運營活動、數(shù)字人、傳媒廣告視頻,你可以利用AIGC制作個人頭像,微信紅包,繪本漫畫,3D場景,動畫電影,創(chuàng)意海報,角色設(shè)計,運營活動等等。這次利用AI設(shè)計APP動態(tài)啟動頁設(shè)計,會使用AI繪畫工具和最新的AI視頻工具。
二、前期準(zhǔn)備
Step1 設(shè)計拆解
啟動頁也被稱為閃屏頁,是用戶打開APP時看到的第一個頁面。其主要功能包括:品牌展示、加載緩沖、運營活動推廣、功能預(yù)告、節(jié)氣氛圍等。
在設(shè)計啟動頁時,需要拆解為畫面視覺設(shè)計、活動主題文字排版兩個部分的設(shè)計。
Step2 收集風(fēng)格
關(guān)鍵詞提?。哼@次是設(shè)計「春日出行」運營啟動頁,可以收集春天、花朵、出行、美好生活等作為關(guān)鍵詞的圖片。
Step3 設(shè)計工具
這次用到的主要是WHEE的文生圖、AI提高畫質(zhì)、AI擴(kuò)圖來設(shè)計視覺主圖,figma進(jìn)行主題文字排版設(shè)計,AI視頻工具 Stable Video、runway、PixVerse 來制作動態(tài)畫面。
更多AI視頻教程可以查看我的公眾號里面有系列教程,已經(jīng)更新到第五期了,講解了MoonValley、Morph Studio、runway、 Stable Video、PixVerse 和 Sora關(guān)鍵詞拆解。
3.1 確定主題
初步制定主題為「春日計劃」的旅行主題,接下來使用AI工具幫我寫主題文案,之前我在《四招搞定運營設(shè)計》中給大家介紹 ChatGPT 寫提示詞和文案,其實國內(nèi)很多產(chǎn)品在寫文案和策劃上更加方便好上手,這次我使用「文生一言」大模型,寫這次的主題文案。
在生成的主題中,我選擇「春日計劃,追尋詩和遠(yuǎn)方」符合這次以旅行為切入點的品牌特征,相比「探訪古跡」、「穿越山水」「漫步云端」,「詩與遠(yuǎn)方」更具旅行地址的廣泛性。
3.2 生成主圖
春日出行啟動頁,這次主要選擇火車、周圍是美麗的春光,整體畫面是鮮艷明亮充滿生機(jī)的感覺。這次控制提示詞相同,選擇不同模型生成的圖片效果,比如:默認(rèn)大模型、微距視覺、云朵模型、風(fēng)景3D模型、風(fēng)景山水畫模型、3D春天戶外場景,然后等待生成后,我選擇「3D春天戶外場景」啦。
提示詞:一輛軌道上的火車,鮮花環(huán)繞,綠草如茵,夢幻般的視覺效果,明亮的顏色,大膽的形狀,捕捉瞬間。具體參數(shù)說明可以查看我上一篇文章《AIGC輔助春節(jié)海報設(shè)計》里面有詳細(xì)對比介紹。
AI分辨率提升
為了讓畫質(zhì)更加高清,可以在圖片左側(cè)工具欄使用「分辨率提高」功能,可以看到圖片分辨率直接從1280變?yōu)?560.直接翻倍。
提高畫質(zhì)之后圖片左上角都會出現(xiàn)「超分」的提示,你就知道這個已經(jīng)是超級高分辨率了,已經(jīng)提升過分辨率的就不能再提高一次啦。
AI擴(kuò)圖
在生成圖片過程中,當(dāng)發(fā)現(xiàn)喜歡的圖片周圍畫面缺失一塊或者想修改尺寸就可以在圖片左側(cè)工具欄使用「擴(kuò)圖」功能。我希望生成的火車占據(jù)畫面比例縮小,使用擴(kuò)圖功能生成畫面的四周,不需要寫另外的提示詞,AI會直接幫你擴(kuò)充圖片內(nèi)容。
3.4 設(shè)計排版
對生成的圖片進(jìn)行排版,分為主題文案排版,背景融合兩部分。拉出漸變圖層,進(jìn)行視覺拼接和光感處理,把主視覺背景、視覺元素、文案等融合。
3.5 系列啟動頁設(shè)計
使用相同的提示詞,替換主體「火車」替換為「飛機(jī)、大巴、自行車」等,保持畫面風(fēng)格一致性,在制作過程中可以使用提高分辨率和擴(kuò)圖功能對圖片四周進(jìn)行補充,這樣就得到系列「春日計劃」主視覺圖片啦。
接下來重要的一步,使用AI視頻來做動態(tài)效果,在AI創(chuàng)作工具中找到「AI視頻工具」。
4.1 兩種模式
打開后可以看到兩種模式,圖生視頻和文生視頻。目前AI視頻工具還在內(nèi)測,圖生文中很多參數(shù)無法調(diào)節(jié),所以更加推薦大家先在AI繪畫中生成完圖片后,再使用「圖生視頻」來創(chuàng)作哦。
點擊按鈕
在主操作界面中,可以選擇直接上傳圖片,把制作的「春日計劃」圖片上傳進(jìn)來。
查看視頻
提供修改尺寸的參數(shù),點擊「生成」等待就可以啦。右邊可以看到生存的記錄??梢钥吹缴傻囊曨l中火車駛出的效果還是很不錯的!
4.2 基本參數(shù)
可以使用默認(rèn)參數(shù),直接生成視頻。如果你想讓視頻更加符合你的尺寸要求,可以修改為3:4、1:1、9:16、3:2、16:9等。在圖生視頻時,我的火車圖為默認(rèn)尺寸為9:16.分別修改尺寸參數(shù)為1:1、3:4、9:16和16:9.發(fā)現(xiàn)尺寸裁剪是正中心裁剪,所以需要裁剪尺寸的時候要注意畫面的處理。
4.3 生成效果
目前生成為4s視頻,整體畫質(zhì)和控圖效果都算穩(wěn)定,對于啟動頁來說效果完全滿足啦。
現(xiàn)在分別利用「圖生視頻」和「文生視頻」生成兩組效果進(jìn)行對比。火車都可以完成正常行駛的動效,但是文生視頻不能使用風(fēng)格模型、不能放大分辨率、不能改圖等,目前還是「圖生視頻」效果更好。
4.4 后期剪輯
把AI生成好的視頻和設(shè)計排版的圖層一起放到剪輯軟件中,把卡幀和模糊的視頻剪輯掉,加入火車行駛的音效和春天鳥語花香的音效,至此動態(tài)啟動頁設(shè)計完成!
4.5 設(shè)計步驟總結(jié)
回顧整個動態(tài)啟動頁設(shè)計流程。
第一步使用AI生成圖片:生成主視覺「春日計劃」,確定提示詞,主視覺元素等。對圖片進(jìn)行修改體高分辨率和擴(kuò)圖。
第二步使用設(shè)計工具排版:對主題文案「春日計劃 追尋詩和遠(yuǎn)方」進(jìn)行排版,加上漸變背景,融合整個圖片。
第三步使用AI視頻生成動態(tài)效果:目前生成為4s視頻,整體畫質(zhì)和控圖效果都算穩(wěn)定,對于啟動頁來說效果完全滿足啦。更多視頻教程可以查看「姚十八設(shè)計」公眾號里面系列教程查看。
按照以上步驟輕松完成六個動態(tài)啟動頁設(shè)計。
結(jié)語
春天來襲,趕緊利用AI繪畫和AI視頻來設(shè)計動態(tài)啟動頁吧!操作簡單易上手,讓你輕松完成。
快來跟我一起學(xué)習(xí)AI繪畫吧!讓我們保持學(xué)習(xí),2024年脫穎而出。
近期文章
更多