iPad 最佳繪圖 App 更新了,我用它畫(huà)了個(gè) iPhone 13 Pro Max
最近 iPadOS 上的繪畫(huà)神器?Procreate?迎來(lái)了它的 5.2 版本更新,期待已久的 3D 繪畫(huà)功能終于上線了,一款 68 元就能買(mǎi)斷的 app,在功能和更新頻率之間能夠達(dá)到如此的程度,不能不感嘆一句:幸好當(dāng)初選擇了你。

要畫(huà)什么來(lái)體驗(yàn)這次的新功能?
愛(ài)范君想起我們?cè)?jīng)在蘋(píng)果發(fā)布會(huì)之前出過(guò)新 iPhone 的想象圖(想回憶這篇文章的請(qǐng)點(diǎn)這里),當(dāng)時(shí)渲染軟件用的是?KeyShot,對(duì)電腦的配置有一定的要求,現(xiàn)在用 iPad 上的?Procreate?也能一戰(zhàn)了。
下面我們以 iPhone 13 Pro Max 的白模美化游戲來(lái)體驗(yàn)一下。

1. 處理貼圖的材質(zhì)與顏色
首先要導(dǎo)入一個(gè)由網(wǎng)友發(fā)布的仿 iPhone 13 Pro Max 模型,在右上角點(diǎn)擊「導(dǎo)入」以后就會(huì)彈出 iPad 的文件管理器,選擇需要的模型打開(kāi)即可。
目前?Procreate?似乎只能打開(kāi) USDZ 或者 OBJ 這兩種 3D 格式的模型,在文件夾中高亮顯示的就是它能打開(kāi)的文件了。

如果是 OBJ 格式的 3D 模型打開(kāi)會(huì)看到白模,Procreate?暫時(shí)不支持導(dǎo)入模型的 UV 貼圖,不過(guò)沒(méi)關(guān)系,我們這次是要自己繪制,而不是用現(xiàn)成的。
點(diǎn)擊右上角的圖層按鈕以后,我們會(huì)看到原本在平面畫(huà)圖時(shí)的圖層變成了一個(gè)個(gè)模型組件,組件不能自命名和分組,所以如果多起來(lái)必須注意不要選錯(cuò)。
每個(gè)組件下都有自己的貼圖(目前是白色的),它們相當(dāng)于那個(gè)組件的皮膚,等一下我們將就這些貼圖進(jìn)行繪制。

選中一個(gè)組件以后,把對(duì)應(yīng)的顏色拖動(dòng)到模型上就可以一鍵填充了,下面我們先把 iPhone 的邊框上色。

顏色的確接近了,但是光澤似乎不太對(duì),在?Procreate?中我們還能單獨(dú)對(duì)模型的粗糙度和金屬度進(jìn)行調(diào)整。
純黑色顏色代表最高值,白色則是最低,也就是說(shuō)當(dāng)粗糙度為純黑時(shí)模型表明最光滑(最不粗糙),金屬為純白時(shí)材料最接近絕緣體的反射效果。
比如當(dāng)我們用純黑和純白色畫(huà)筆分別把邊框的「粗糙度」和「金屬」兩個(gè)圖層都涂滿(mǎn)以后,我們將得到一個(gè)閃亮亮的銀色邊框。其實(shí)邊框的底色還是黑色,只是反射太強(qiáng)了,看不見(jiàn)底色了。

此處有個(gè)小技巧可以告訴大家,如果選擇一些帶特殊表現(xiàn)效果的筆刷(例如下圖中的「烤焦的樹(shù)」)在圖層上涂抹的話能夠打造出各種復(fù)雜的紋理,比如把邊框變成像下圖這種被泥水弄臟的樣子。

為 iPhone 的各個(gè)部件選擇好喜歡的顏色、紋理、粗糙度和金屬度,一氣呵成把整個(gè)模型都上色了吧。

有些地方「一鍵填充」不能滿(mǎn)足需求,還可以另外添加一個(gè)圖層,在新圖層上親手繪制我們需要的圖案或細(xì)節(jié),比如說(shuō)這個(gè)圓潤(rùn)的「蘋(píng)果」logo。


在形狀、大小不對(duì)的時(shí)候點(diǎn)擊平時(shí)熟悉的左上角「箭頭」,在彈出的調(diào)整框中選擇「高級(jí)」即可進(jìn)行任意拉伸,面對(duì)一些形狀特殊的 3D 模型可以使用「投射」功能增加貼圖和模型的貼合度。

觀察下面這張動(dòng)圖,有沒(méi)有發(fā)現(xiàn) logo 的反光和背板的反光不一致呢?因?yàn)閻?ài)范君單獨(dú)對(duì)這個(gè) logo 圖層的粗糙度進(jìn)行了調(diào)整。


貼圖中的每個(gè)圖層都可以單獨(dú)進(jìn)行這樣的操作,調(diào)節(jié)平時(shí)我們熟悉的透明度、圖層屬性(如變暗、正片疊底、濾色、差值等)當(dāng)然也不在話下。
如果覺(jué)得一個(gè)「黑屏」的手機(jī)不夠意思,我們還可以在屏幕模型組件中新建一個(gè)圖層,再導(dǎo)入一張顯示有桌面圖標(biāo)的照片,用剛才調(diào)整 logo 的辦法將它拖動(dòng)到合適的大小和位置。


想要更加順眼不要忘了調(diào)高圖層的亮度,降低粗糙度以打造一個(gè)「屏幕」的質(zhì)感,
2. 打光
對(duì)于 3D 模型來(lái)說(shuō),除了模型的顏色、材質(zhì),光照也會(huì)對(duì)畫(huà)面的效果產(chǎn)生影響,比如不同顏色的燈光打在同一個(gè)物體上效果自然不同,因此?Procreate?也允許用戶(hù)對(duì)工作室的照明進(jìn)行配置。

目前的工作室中能夠模擬 11 種環(huán)境燈光和添加最多 4 個(gè)可調(diào)節(jié)顏色的光源,下圖中我們選擇了放映室環(huán)境光,畫(huà)面立刻好像打上了紫紅色的濾鏡。

配置好燈光以后,拖動(dòng)任意空白處旋轉(zhuǎn)模型,找到你認(rèn)為光線和模型結(jié)合最好的畫(huà)面,就可以回到首頁(yè)渲染出圖了。

如果打光得當(dāng),模型也旋轉(zhuǎn)到合適的位置,我們能得到一些特殊的表現(xiàn)效果,比如下圖里的「蘋(píng)果」標(biāo)志就剛好呈現(xiàn)出我們經(jīng)常在蘋(píng)果手機(jī)廣告里看到的半明半暗的樣子。

最后的完成圖如下。效果雖然比不上?keyShot?等專(zhuān)業(yè)軟件,但是勝在簡(jiǎn)單易用。


覺(jué)得不錯(cuò)的話甚至還能一鍵生成動(dòng)畫(huà),讓沒(méi)有對(duì)應(yīng) 3D 查看工具的人也能欣賞你的作品。

3. 在 AR 中查看模型
Procreate?還支持把模型放到真實(shí)的環(huán)境中去欣賞,不過(guò)目前似乎只能垂直于地面做旋轉(zhuǎn)、拖動(dòng)、放大縮小模型操作,而不能任意旋轉(zhuǎn)角度。
由于剛才制作的手機(jī)不能轉(zhuǎn)為躺平放置,在 AR 中效果不夠真實(shí),所以這里我們用一個(gè)在練手時(shí)繪制的可樂(lè)罐作為演示。


模型已經(jīng)繪制好后返回?Procreate?的桌面,像平時(shí)導(dǎo)出平面設(shè)計(jì)作品一樣選中它然后「分享」就能導(dǎo)出,這里 app 提供了 USDZ 和 OBJ(需以 PNG 導(dǎo)出紋理)兩種 3D 格式選擇,
USDZ(Universal Scene Description)格式是蘋(píng)果和皮克斯合作開(kāi)發(fā)的增強(qiáng)現(xiàn)實(shí)文件格式,早在在 2019 年的 WWDC 上已經(jīng)發(fā)布。

有了它,在 iPhone、iPad 等設(shè)備中,用戶(hù)無(wú)需另外安裝什么 app 就可以用 AR Quick Look 中查看 3D 模型,比如打開(kāi)文件夾選擇「快速查看」。


在 AR 觀看模式下 Quick Look 會(huì)根據(jù)空間掃描情況對(duì) 3D 模型的放置位置自動(dòng)描點(diǎn)(比如檢測(cè)到地面以后放置),不過(guò)放好后還是只能垂直于判定面上作旋轉(zhuǎn)。

初次見(jiàn)到有一種 3D 格式能夠這樣直接和完美地在移動(dòng)設(shè)備中呈現(xiàn)還是十分激動(dòng)的,目前像?Safari, Messages, Mail, News?這些系統(tǒng)應(yīng)用都支持 AR Quick Look。
通過(guò)蘋(píng)果公司對(duì) 3D 審美簡(jiǎn)單化、日?;墓ぷ鳎嘈旁诓痪玫膶?lái)我們還可以在更多的應(yīng)用上看到 3D 模型的影子。

4. 模型在其他設(shè)備中的還原與應(yīng)用
雖然 USDZ 這種紋理和模型打包一起呈現(xiàn)的方式十分直觀和方便,但目前來(lái)說(shuō)它也并非像傳說(shuō)中的那樣「通用」,至少在 Windows 系統(tǒng)中沒(méi)有安裝相應(yīng)的軟件是打不開(kāi)這一格式的文件的。
另外,要在?Shapr3D、Nomad、C4D?等 3D 建模工具中使用也還得依靠 OBJ+貼圖的形式。比如在?C4D?中打開(kāi) OBJ 格式的白模,然后把剛才生成的 PNG 貼圖依次貼上去。

但是這里還是有不少問(wèn)題,因?yàn)椴煌能浖?duì)燈光、材質(zhì)的金屬度、粗糙度等呈現(xiàn)的計(jì)算方法是不同的,所以在?Procreate?中渲染好的效果在?C4D?中基本都丟失了。

其實(shí)我們從文件夾里也可以看到,打包成紋理以后,Procreate?關(guān)于粗糙度和金屬度的設(shè)置只能是以圖片的方式反饋的。

雖然 UV 是合適的(也就是紋理能夠很好地貼合在模型相應(yīng)的位置),但如果不另外調(diào)整紋理,就算打好光,貼圖在?C4D?算法中的渲染效果和?Procreate?上相比也差遠(yuǎn)了。

也就是說(shuō)如果只是在?Procreate?上繪制圖案(比如蘋(píng)果的 logo),然后在電腦建模軟件中應(yīng)用圖案貼圖,它是實(shí)用且有效的,但是如果是質(zhì)感、反射等還是建議在建模軟件上完成。
讓白?!刚一亍蛊つw以后我們可以以 FBX 格式將模型導(dǎo)出,它像 USDZ 一樣是一個(gè)包含模型材質(zhì)和紋理的格式,有悠久的歷史,接受較廣。

比如你可以在 2019 以后版本的?PowerPoint?中輕松放入 FBX 格式的 3D 模型,并且隨意調(diào)整大小和角度。播放 PPT 時(shí)還能以動(dòng)畫(huà)的方式呈現(xiàn)出來(lái)三維效果。


雖然在各種轉(zhuǎn)換與操作的過(guò)程中,這個(gè)可樂(lè)瓶已經(jīng)沒(méi)有在?Procreate?上看到驚艷,但看著自己剛才畫(huà)好的東西被展現(xiàn)在 PPT 中是不是也挺有滿(mǎn)足感?

5.2 版本只是?Procreate?對(duì) 3D 繪畫(huà)領(lǐng)域的初步探索,很多功能還不完善,比如無(wú)法建立透明的材質(zhì)(這使得模型中的后置鏡頭被保護(hù)玻璃遮蓋了,沒(méi)法表現(xiàn)出來(lái)),不能導(dǎo)入模型的法線貼圖等等。
然而愛(ài)范君愿意將「可以在 3D 模型上繪畫(huà)了」看做是一個(gè)信號(hào), 它將打開(kāi)?Procreate?在 3D 領(lǐng)域的新的征程。