您現在的位置是:首頁 > 音樂首頁音樂

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

由 愛範兒 發表于 音樂2021-09-17
簡介別看整個 iPhone 13 Pro 的外觀很精緻,但製作過程都比較簡單,算下來,我們整個建模過程只用了直線圓弧、樣條曲線、畫圓、拉伸、倒角這幾個工具,所以從零開始做一個 iPhone 並不難,很適合小白上手

空曠場景效果圖怎麼做好

每年蘋果釋出會前,網上的「新 iPhone」諜照可能早已迭代了數十個版本。

這次,我們新來的實習生廷宇自告奮勇,決定用 iPad 和 PC 自制新機渲染圖,「提前釋出」iPhone 13 Pro。

讓我們一睹為快

開啟百度App

下文為渲染動畫的製作過程

每當新的 iPhone

爆料資訊

出來,就有不少設計師會依照既有資訊製作出渲染圖,滿足了我們的好奇心。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

我們每次看到這些諜照渲染圖時,心中都會生出疑問:這些渲染圖是如何被製作出來的?要用到哪些軟體?難度大嗎?

面對以上靈魂三問,我們新來的實習生廷宇自告奮勇,

我們看著他年僅 18 的稚嫩面孔,起初還是將信將疑的,但後來看過他自學後在 iPad 上製作的建模作品之後,一致同意讓他放手去挑戰(下文以廷宇的第一人稱角度撰寫)。

首先,為了讓大家在看完這篇文章之後能自己動手實踐做一臺 iPhone 13 Pro 玩玩,我覺得怎麼簡單怎麼來,拋開太專業的工具,使用在 iPad 上廣受好評的 Shapr3D 軟體進行建模。

Shapr3D 曾獲得 2020 年的蘋果設計大獎,建模效果精細,且相容主流 CAD 檔案格式,但極易上手,成為專業建模軟體中的一股清流。

APPSO 也曾推薦過這款軟體,一些入門操作可以點進

這篇文章

裡看看。

言歸正傳,我開啟 Shapr3D 立馬新建專案,軟體會自動生成 XYZ 座標軸,方便使用者在製作模型的過程中時刻確定方位,避免在錯誤的平面建立細節件。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

我先在 Z 軸上拖出一條直線,為其設定 146。71mm 的長度,這便是 iPhone 機身的高度。然後在 X 軸上重複以上操作,設定成 71。52mm,這是 iPhone 的寬度。轉至 45° 後,從這個平面上拉出 7。38mm 的厚度,這便是中框的寬度。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

接下來給這個長方體的四個角設定倒角的半徑,讓邊角變得圓滑,簡單的幾個步驟就把 iPhone 13 做出內味了,前期就像是做瓷器的胚子,給作品打好基礎。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

下面就是給部件定位的過程,很枯燥但也很考功夫。

都說魔鬼藏在細節中,於是我花了一天的時間給 iPhone 13 Pro 設計螢幕面板、額頭模組、後攝模組、底部揚聲器開孔等細節件。

光是底部的八個揚聲器開孔,我就足足花了近半個小時去調節口徑和間距,只為做到儘量還原,任何一點偏差都會讓成品顯得不夠真實。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

其中後攝模組細節最多,也最複雜,我就用這部分流程作為例子,去解析一臺精細的建模,是如何被做出來的。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

鏡頭模組看似複雜,但可以被簡化為層層堆疊而成,所以我首先要把最底部的一體玻璃層給做好,用直線和圓弧工具便可完成。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

再給模組底層與後蓋的接縫處做出一圈倒角。

畫出一個圈,複製成三個,代表三個攝像頭。在圈內挖孔,為鏡頭模組騰出空間,然後在內部分別拉伸出鏡頭底座、鏡片組。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

最後在最上層畫出一個圓,為其設定倒角,便有了圓形鏡片的模樣。在這個過程中,會有比較多的重複性工作,但這裡建立好越多的細節,渲染的效果就越精細。

再給攝像頭加上內外兩圈實體,預留出雙色溫閃光燈、麥克風和 LiDAR

鐳射雷達

的孔位,後攝模組就算是大功告成了。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

渲染時貼上玻璃材質,就能呈現出透明的形態

很快一天過去,我終於根據外媒的預測資訊,把 iPhone 13 Pro 的模型做好了。主要變化集中在額頭和後攝模組上,可以用「該大的大,該小的小」來概括。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

由於將聽筒挪至更接近機身頂部位置,正面劉海變小了。後置攝像頭都變大了,導致整體模組也變得更大。

別看整個 iPhone 13 Pro 的外觀很精緻,但製作過程都比較簡單,算下來,我們整個建模過程只用了直線/圓弧、樣條曲線、畫圓、拉伸、倒角這幾個工具,所以從零開始做一個 iPhone 並不難,很適合小白上手。

至此,我們已經完成了 iPhone 13 Pro 的白模,Shapr3D 的任務也告一段落,下一階段我們將轉戰 PC 端,用 KeyShot 這款軟體為模型進行貼圖渲染。

對於建模師而言,KeyShot 的最大優勢在於實時渲染,使用者可以實時地看到每一次調整細節的效果,節省大量等待渲染的過程。

我把之前建好的模型拖至 KeyShot,為不同部件貼上不同的材質,這部分的難點在於調節材質的不同引數,譬如粗糙度、折射指數、顏色等等。對每一項引數進行微調,都會影響到成品質感,於是我們需要不斷重複嘗試,以達到最接近大眾認知中 iPhone 的質感。

據悉,這代 iPhone 13 Pro 中框依舊採用不鏽鋼材質,在光照下會呈現出絢爛的金屬光澤,那麼在渲染過程中我們就要給中框貼上金屬材質,粗糙度為 0,並將配色調整成合適的灰黑色。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

在這個過程裡,設計師化身為一名廚師,為大家嘗過鹹淡、聞過甜酸,才能盛出最對味的那道菜,給大家品嚐。

把每個外觀部件都貼上應有的材質之後,最後調整光源,實現更接近真實的渲染效果。

此時體現出 KeyShot 的另一處優勢,光源調整後,畫面裡的光影也會實時發生變化。

例如在這,我把正面光源向 iPhone 的位置拉近 ,原本漆黑一片的後攝模組瞬間呈現出光澤,攝像頭內部的彩色反光此時也顯現了出來,就更接近我們手中 iPhone 的真實樣貌。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

光源微微調節, 視覺觀感就發生了奇妙的變化

到了這一步,我已經把 iPhone 13 Pro 的預測圖給造出來了,加入文字和背景,這就是我想象中的 iPhone 13 Pro 的產品頁面。

趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了

純屬虛構,如有雷同,碰巧而已

當然我們並未止步於此,想著既然都把外觀模型做好了,那就「順便」做一條宣傳片吧,便有了開頭的那條影片。

大夥都看到這了,不妨親自上手試試,去製作一臺你理想中的 iPhone 13 吧。

如果你對

和其他蘋果新品有更多的期待和猜想,歡迎來糖紙社群和大家一起分享。