NFT數(shù)字藏品，已經(jīng)成為一種風(fēng)靡全球的文化潮流。人們不僅能夠在元宇宙中擁有數(shù)字藏品，還可以利用AR增強(qiáng)現(xiàn)實(shí)技術(shù)將它們帶到現(xiàn)實(shí)世界：

今天，我們?yōu)榇蠹覝?zhǔn)備了一份NFT潮鞋定制與AR體驗(yàn)的零基礎(chǔ)教程，讓你輕松化身為NFT數(shù)字藏品的創(chuàng)作者，并通過AR技術(shù)，將定制的數(shù)字潮鞋試穿在自己的腳上，或擺放在身邊。

讓我們先來看看完成后的效果吧！等不及的小伙伴也可以直接劃到文章最后，進(jìn)入「AR元宇宙」小程序體驗(yàn)哦～

本次教程分為三大環(huán)節(jié)，將用到軟件Procreate、Photoshop、Blender以及在線網(wǎng)站Kivicube、彌知AR試穿平臺(tái)（其中免費(fèi)軟件及網(wǎng)站鏈接我們都會(huì)提供）。讓我們馬上開始吧！

點(diǎn)擊查看視頻教程

▼▼▼

以下為圖文教程

▼▼▼

準(zhǔn)備環(huán)節(jié)?·模型素材獲取

1. 首先，同學(xué)們需要關(guān)注「彌知科技」公眾號(hào)，在對(duì)話框中輸入關(guān)鍵詞「nft」，點(diǎn)擊下載鏈接以獲取本次教程所使用的全部素材，并保存至iPad設(shè)備中（可通過微信等渠道傳輸）。

2. 名為「NFT潮鞋定制素材」的文件夾中包含三個(gè)子文件夾，將分別用于本次教程中的模型DIY繪制、AR試穿以及SLAM放置三個(gè)環(huán)節(jié)。

環(huán)節(jié)一?·?模型DIY繪制

使用工具：Procreate

本環(huán)節(jié)所需要的素材均在子文件夾「I-模型DIY繪制」中，讓我們先以穿著在右腳（R）的潮鞋模型為例，進(jìn)行DIY繪制：

1.1.?導(dǎo)入白模

首先，進(jìn)入app「Procreate」，在圖庫(kù)界面點(diǎn)擊右上方的「導(dǎo)入」。在已保存至設(shè)備的子文件夾中，選擇文件「1.R-右腳繪制白模.obj」導(dǎo)入app。

3D白模導(dǎo)入后，技藝精湛的繪圖高手就可以直接在上面進(jìn)行自由創(chuàng)作啦！

不過，新手小白們也無需擔(dān)心，我們?cè)谒夭陌刑峁┝司赖馁N圖，按照接下來的步驟操作，大家都能在不破壞鞋子基本造型的前提下盡情DIY～

1.2.?匹配貼圖

點(diǎn)擊界面右上方的「圖層」選項(xiàng)，在「forbidTex」圖層組中，依次選擇「基礎(chǔ)圖層」和材料圖層「顏色」（color）。

接著，點(diǎn)擊界面左上方的「操作」選項(xiàng)。請(qǐng)注意，一定要先選擇「3D」并打開「顯示2D紋理」，然后再點(diǎn)擊「添加」-「插入文件」，導(dǎo)入素材文件中的「3.R-forbid-color.jpg」。

<<? 滑動(dòng)查看下一張圖片? >>

導(dǎo)入后，貼圖素材就成功與「forbidTex」圖層組中的材料圖層「顏色」完成了匹配。

其他兩個(gè)材料圖層「粗糙度」（rough）、「金屬」（mental）以及「drawTex」圖層組都可以用相似的步驟匹配貼圖。貼圖與材料圖層的具體對(duì)應(yīng)關(guān)系可參考下圖：

貼圖匹配完成后，再次點(diǎn)擊「操作」中的「3D」選項(xiàng)，關(guān)閉「顯示2D紋理」。這樣，基本造型固定的半成品潮鞋就制作好啦，盡情發(fā)揮創(chuàng)意將未匹配貼圖的空白鞋面填滿吧！

1.3.?DIY繪制

小伙伴可以點(diǎn)擊「drawTex」中的圖層，選擇任意畫筆進(jìn)行繪制，自由調(diào)節(jié)「金屬」、「粗糙度」等畫筆材質(zhì)。不過，考慮到后續(xù)環(huán)節(jié)會(huì)對(duì)繪制的貼圖進(jìn)行鏡像翻轉(zhuǎn)，不建議在這里添加文字哦！

1.4.?貼圖導(dǎo)出

創(chuàng)作完成后，點(diǎn)擊「操作」-「分享」，將模型的紋理導(dǎo)出，生成不同圖層組的顏色、粗糙度和金屬共6個(gè)PNG格式文件，并存儲(chǔ)到設(shè)備中。為方便后續(xù)查找，還請(qǐng)同學(xué)們記住保存路徑～

到這里，潮鞋的右腳模型DIY繪制就完成啦！導(dǎo)出的紋理貼圖可直接應(yīng)用于后續(xù)環(huán)節(jié)中左腳模型的合成。

當(dāng)然，想挑戰(zhàn)自己的小伙伴也可以將素材包中的「2.L-左腳繪制白模.obj」文件導(dǎo)入Procreate，實(shí)現(xiàn)天馬行空的創(chuàng)作！

環(huán)節(jié)二?· AR 試穿

使用工具：Photoshop + 在線AR模型編輯器+彌知AR試穿平臺(tái)

從這一環(huán)節(jié)開始，我們需要用電腦來完成后續(xù)的操作。記得先將上一環(huán)節(jié)中由Procreate導(dǎo)出的貼圖文件傳至電腦哦！

2.1.?貼圖合并

首先，下載并打開軟件Photoshop，導(dǎo)入素材包子文件夾「II- AR試穿」中的兩個(gè)psd文件。

在「1.forbid- ORM.psd」中，導(dǎo)入上一環(huán)節(jié)中由Procreate導(dǎo)出的「forbidTex-粗糙度」與「forbidTex-金屬」兩個(gè)png貼圖，并將其移至對(duì)應(yīng)的圖層位置。完成后，將文件導(dǎo)出為jpg圖片并存儲(chǔ)在指定位置。

在「2.draw-ORM.psd」中進(jìn)行同樣的操作，將「drawTex-粗糙度」與「drawTex-金屬」貼圖移動(dòng)到對(duì)應(yīng)圖層，并導(dǎo)出生成jpg格式文件。到這里，粗糙度與金屬兩種材質(zhì)貼圖就完成了合并。

2.2.?模型合成

前往Kivicube平臺(tái)在線AR模型編輯器。

首先，將「II- AR試穿」子文件夾中的「3.R-tryon.glb」文件拖入編輯器，我們會(huì)看到潮鞋右腳的空白3D模型。

在右側(cè)工具欄中，選擇材質(zhì)為「drawTex」。在「基礎(chǔ)顏色」欄中，點(diǎn)擊「紋理」，將上一環(huán)節(jié)導(dǎo)出的「drawTex-顏色.png」文件上傳。

? ??

在「金屬度·粗糙度」一欄中，點(diǎn)擊「紋理」，上傳由PS合成導(dǎo)出的「2.draw-ORM.jpg」文件。

接著，將材質(zhì)切換為「forbidTex」，重復(fù)上述步驟，依次將貼圖文件「forbidTex-顏色」、「1.forbid-ORM.jpg」與模型的「基礎(chǔ)顏色」、「金屬度·粗糙度」進(jìn)行匹配。

完成后，點(diǎn)擊「導(dǎo)出文件」，我們將獲得一個(gè)已綁定材質(zhì)貼圖的「3.R-tryon」glb格式文件。

右腳模型合成結(jié)束后，刷新網(wǎng)站頁(yè)面，將左腳模型「4.L-tryon.glb」拖入編輯器，進(jìn)行同樣的貼圖匹配流程。需要同學(xué)們注意，如果在環(huán)節(jié)一只繪制了鞋子的右腳模型，導(dǎo)出的貼圖可直接用于此處左腳模型的匹配，能夠?qū)崿F(xiàn)自動(dòng)鏡像翻轉(zhuǎn)哦！

2.3.?AR 試穿體驗(yàn)

進(jìn)入彌知AR試穿平臺(tái)，點(diǎn)擊「立即制作」，注冊(cè)或登錄。

點(diǎn)擊「創(chuàng)建場(chǎng)景」，依次填寫場(chǎng)景名稱、商品SKU，將上一步用AR編輯器合成的潮鞋glb模型導(dǎo)入（注意區(qū)分左右腳），上傳縮略圖并選擇遮罩類型。對(duì)信息填寫、文件上傳等有疑問的小伙伴，可以點(diǎn)擊界面上方的「教程」進(jìn)行詳細(xì)了解。

提交后，我們就可以掃描二維碼進(jìn)行AR試穿體驗(yàn)。有關(guān)參數(shù)設(shè)置的具體操作，也可以參考「教程」文檔。

環(huán)節(jié)三?· 潮鞋 AR 擺放

使用工具：Blender + 在線AR制作平臺(tái)Kivicube

3.1.?模型合成

首先，我們需要下載并安裝電腦軟件Blender（建議下載3.0以上版本），將子文件夾「III- SLAM放置」中的「NFT放置模型.blend」打開。在右上方的「視圖著色方式」一欄中，選擇「渲染」。

選中模型的繪制圖層「drawTex」，將我們?cè)诃h(huán)節(jié)一中由Procreate導(dǎo)出的三個(gè)「drawTex」材質(zhì)貼圖拖進(jìn)圖層。

依次將材質(zhì)貼圖「顏色」、「金屬」、「粗糙度」與右側(cè)的「基礎(chǔ)色」、「金屬度」、「糙度」相連（注意名稱對(duì)應(yīng)），并刪除原有的三個(gè)貼圖。到這里，模型「drawTex」的材質(zhì)貼圖就已經(jīng)完成了綁定。

接著，我們選中模型的「forbidTex」圖層，重復(fù)上述步驟，將「顏色」、「金屬」、「粗糙度」三個(gè)貼圖與模型綁定（注意名稱對(duì)應(yīng)）。

完成后，一定要將模型組件全部選中，再選擇左上方「文件」-「導(dǎo)出」-「glTF 2.0」，將模型導(dǎo)出為glb格式文件并保存。

3.2.?創(chuàng)建 SLAM AR 場(chǎng)景

前往Kivicube平臺(tái)SLAM AR在線制作網(wǎng)站，點(diǎn)擊「立即制作」，將上一步導(dǎo)出的glb模型文件上傳。設(shè)置頁(yè)面標(biāo)題，模型縮略圖可選，點(diǎn)擊「生成體驗(yàn)鏈接」。

在微信中打開小程序「AR元宇宙」，掃描左側(cè)二維碼，就可以進(jìn)行NFT定制潮鞋AR體驗(yàn)，將它SLAM放置在你身邊的任意平面上！

為了獲得更流暢的循環(huán)動(dòng)畫體驗(yàn)，我們可以點(diǎn)擊「復(fù)制場(chǎng)景ID」。在頁(yè)面右上角的「工具」欄中，選擇「設(shè)置SLAM參數(shù)」。在面板中，粘貼場(chǎng)景ID，打開「動(dòng)畫循環(huán)播放」選項(xiàng)。其他參數(shù)的設(shè)置可閱讀參數(shù)設(shè)置指南。

設(shè)置完成后，點(diǎn)擊「立即生成」，獲取最新的體驗(yàn)二維碼。讓我們馬上打開小程序「AR元宇宙」掃一掃吧！

附加環(huán)節(jié)?· NFT數(shù)字藏品平臺(tái)上架

除了AR試穿與SLAM擺放，同學(xué)們還可以將DIY創(chuàng)作的NFT潮鞋上傳至OpenSea、鯨探等國(guó)內(nèi)外數(shù)字藏品交易平臺(tái)，正式開啟元宇宙NFT數(shù)字創(chuàng)作與收藏之旅！

到這里，本期的零基礎(chǔ)教程就告一段落。想實(shí)現(xiàn)更多酷炫高級(jí)API功能的小伙伴，可以閱讀文章《小程序SLAM高級(jí)API最佳實(shí)踐》https://www.yuque.com/kivicube/slam/slam-api-guidelines，也歡迎在評(píng)論區(qū)留言與提問，我們會(huì)及時(shí)回復(fù)～

關(guān)于彌知
專注于AR(增強(qiáng)現(xiàn)實(shí))原創(chuàng)技術(shù)研發(fā)，是國(guó)內(nèi)領(lǐng)先的AR整體解決方案服務(wù)商旗下國(guó)內(nèi)首個(gè)WebXR在線制作平臺(tái)KIVICUBE，幫助用戶通過可視化編輯，零基礎(chǔ)即可制作出交互豐富的AR商業(yè)場(chǎng)景，并一鍵發(fā)布至小程序、公眾號(hào)與微博等多個(gè)平臺(tái)