今天給大家帶來一個 APP 風格相機元素的設計,先來看圖效果:

保姆級教程!超詳細的AI做圖全流程案例演示

效果很不錯吧?馬上給大家拆解制作步驟!

往期教程:

1. 既夢 AI 生成主體

相機:

保姆級教程!超詳細的AI做圖全流程案例演示

保姆級教程!超詳細的AI做圖全流程案例演示

我們生成了很多,最后挑選出這個備用。它這里背后的卡片是模糊的,所以我們需要重新單獨生成一個相框。

相框:

保姆級教程!超詳細的AI做圖全流程案例演示

獲得以下效果,挑選出一個 OK 的備用:

保姆級教程!超詳細的AI做圖全流程案例演示

2. 主體后期調整

先把相機單獨扣出來:

保姆級教程!超詳細的AI做圖全流程案例演示

結構調整:

AI 生成的圖眼睛在頂部,和中間的鏡頭距離有些遠。

在感官上來說會顯得有些分散,我們用 PS 單獨把眼睛截取出來:

保姆級教程!超詳細的AI做圖全流程案例演示

然后把眼睛移動到緊貼著鏡頭的位置,使用蒙版工具融合到鏡頭后面去,這樣相機的結構就顯得更緊湊聚焦了:

保姆級教程!超詳細的AI做圖全流程案例演示

鏡頭內部的重疊結構太復雜了,用 PS 重繪做簡化處理:

保姆級教程!超詳細的AI做圖全流程案例演示

光影優化:

造型調整好了,還需要調整元素的光感。現在主體的輪廓光,和暗部反光都比較弱:

保姆級教程!超詳細的AI做圖全流程案例演示

顯得沒什么視覺表現力,我們可以 PS 添加增強這種光感:

保姆級教程!超詳細的AI做圖全流程案例演示

把單獨生成的相框截取出來,和相機做融合處理:

保姆級教程!超詳細的AI做圖全流程案例演示

主體部分就 OK 了。接下來是增加周圍環繞的一些點綴物,我們也去單獨生成:

保姆級教程!超詳細的AI做圖全流程案例演示

保姆級教程!超詳細的AI做圖全流程案例演示

風格、背景的關鍵詞不變,只需要把主體的描述替換成我們所需要的元素即可。小元素的類型呢最好能和相機的主題搭配到一下,或者一些通用型的元素。比如我這里生成的就是:硬幣/星星/云朵/箭頭/對話框等小元素。

然后挑選我們覺得 OK 的元素截取出來,放到相機的周圍:

保姆級教程!超詳細的AI做圖全流程案例演示

在元素與元素之間手動添加投影,強化立體度:

保姆級教程!超詳細的AI做圖全流程案例演示

最后再添加一點點的細節,提升整體的豐富度:

保姆級教程!超詳細的AI做圖全流程案例演示

那我們的主體就完成啦!

接著我們把他做成一張 banner 圖,先把畫布擴寬:

保姆級教程!超詳細的AI做圖全流程案例演示

給背景加點圖形紋理:

保姆級教程!超詳細的AI做圖全流程案例演示

用 AI 生成標題字:

保姆級教程!超詳細的AI做圖全流程案例演示

保姆級教程!超詳細的AI做圖全流程案例演示

放入到畫面中:

保姆級教程!超詳細的AI做圖全流程案例演示

在用 AI 生成一個手寫體的英文:

保姆級教程!超詳細的AI做圖全流程案例演示

保姆級教程!超詳細的AI做圖全流程案例演示

換成黃色,疊加在標題上:

保姆級教程!超詳細的AI做圖全流程案例演示

最后可以在左上和左下添加信息排版,我們的畫面就完成啦。

保姆級教程!超詳細的AI做圖全流程案例演示

這就是 AI 案例的實際落地過程了。

可以看到 AI 可以幫助我們解決很多問題,但很多細節還是需要我們設計師自己去把控調整才能做出更好的東西。

不斷的提升自己的設計能力和審美才能完美的駕馭 AI,不然就只是在 AI”隨機抽卡”的海洋里隨波逐流。

歡迎關注作者的微信公眾號:「菜心設計鋪」

保姆級教程!超詳細的AI做圖全流程案例演示

收藏 79
點贊 73

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。