您現在的位置是:首頁 > 音樂首頁音樂
趕在釋出會之前,我們把「新 iPhone」的渲染圖做好了
空曠場景效果圖怎麼做好
每年蘋果釋出會前,網上的「新 iPhone」諜照可能早已迭代了數十個版本。
這次,我們新來的實習生廷宇自告奮勇,決定用 iPad 和 PC 自制新機渲染圖,「提前釋出」iPhone 13 Pro。
讓我們一睹為快
開啟百度App
下文為渲染動畫的製作過程
每當新的 iPhone
爆料資訊
出來,就有不少設計師會依照既有資訊製作出渲染圖,滿足了我們的好奇心。
我們每次看到這些諜照渲染圖時,心中都會生出疑問:這些渲染圖是如何被製作出來的?要用到哪些軟體?難度大嗎?
面對以上靈魂三問,我們新來的實習生廷宇自告奮勇,
我們看著他年僅 18 的稚嫩面孔,起初還是將信將疑的,但後來看過他自學後在 iPad 上製作的建模作品之後,一致同意讓他放手去挑戰(下文以廷宇的第一人稱角度撰寫)。
首先,為了讓大家在看完這篇文章之後能自己動手實踐做一臺 iPhone 13 Pro 玩玩,我覺得怎麼簡單怎麼來,拋開太專業的工具,使用在 iPad 上廣受好評的 Shapr3D 軟體進行建模。
Shapr3D 曾獲得 2020 年的蘋果設計大獎,建模效果精細,且相容主流 CAD 檔案格式,但極易上手,成為專業建模軟體中的一股清流。
APPSO 也曾推薦過這款軟體,一些入門操作可以點進
這篇文章
裡看看。
言歸正傳,我開啟 Shapr3D 立馬新建專案,軟體會自動生成 XYZ 座標軸,方便使用者在製作模型的過程中時刻確定方位,避免在錯誤的平面建立細節件。
我先在 Z 軸上拖出一條直線,為其設定 146。71mm 的長度,這便是 iPhone 機身的高度。然後在 X 軸上重複以上操作,設定成 71。52mm,這是 iPhone 的寬度。轉至 45° 後,從這個平面上拉出 7。38mm 的厚度,這便是中框的寬度。
接下來給這個長方體的四個角設定倒角的半徑,讓邊角變得圓滑,簡單的幾個步驟就把 iPhone 13 做出內味了,前期就像是做瓷器的胚子,給作品打好基礎。
下面就是給部件定位的過程,很枯燥但也很考功夫。
都說魔鬼藏在細節中,於是我花了一天的時間給 iPhone 13 Pro 設計螢幕面板、額頭模組、後攝模組、底部揚聲器開孔等細節件。
光是底部的八個揚聲器開孔,我就足足花了近半個小時去調節口徑和間距,只為做到儘量還原,任何一點偏差都會讓成品顯得不夠真實。
其中後攝模組細節最多,也最複雜,我就用這部分流程作為例子,去解析一臺精細的建模,是如何被做出來的。
鏡頭模組看似複雜,但可以被簡化為層層堆疊而成,所以我首先要把最底部的一體玻璃層給做好,用直線和圓弧工具便可完成。
再給模組底層與後蓋的接縫處做出一圈倒角。
畫出一個圈,複製成三個,代表三個攝像頭。在圈內挖孔,為鏡頭模組騰出空間,然後在內部分別拉伸出鏡頭底座、鏡片組。
最後在最上層畫出一個圓,為其設定倒角,便有了圓形鏡片的模樣。在這個過程中,會有比較多的重複性工作,但這裡建立好越多的細節,渲染的效果就越精細。
再給攝像頭加上內外兩圈實體,預留出雙色溫閃光燈、麥克風和 LiDAR
鐳射雷達
的孔位,後攝模組就算是大功告成了。
▲
渲染時貼上玻璃材質,就能呈現出透明的形態
很快一天過去,我終於根據外媒的預測資訊,把 iPhone 13 Pro 的模型做好了。主要變化集中在額頭和後攝模組上,可以用「該大的大,該小的小」來概括。
由於將聽筒挪至更接近機身頂部位置,正面劉海變小了。後置攝像頭都變大了,導致整體模組也變得更大。
別看整個 iPhone 13 Pro 的外觀很精緻,但製作過程都比較簡單,算下來,我們整個建模過程只用了直線/圓弧、樣條曲線、畫圓、拉伸、倒角這幾個工具,所以從零開始做一個 iPhone 並不難,很適合小白上手。
至此,我們已經完成了 iPhone 13 Pro 的白模,Shapr3D 的任務也告一段落,下一階段我們將轉戰 PC 端,用 KeyShot 這款軟體為模型進行貼圖渲染。
對於建模師而言,KeyShot 的最大優勢在於實時渲染,使用者可以實時地看到每一次調整細節的效果,節省大量等待渲染的過程。
我把之前建好的模型拖至 KeyShot,為不同部件貼上不同的材質,這部分的難點在於調節材質的不同引數,譬如粗糙度、折射指數、顏色等等。對每一項引數進行微調,都會影響到成品質感,於是我們需要不斷重複嘗試,以達到最接近大眾認知中 iPhone 的質感。
據悉,這代 iPhone 13 Pro 中框依舊採用不鏽鋼材質,在光照下會呈現出絢爛的金屬光澤,那麼在渲染過程中我們就要給中框貼上金屬材質,粗糙度為 0,並將配色調整成合適的灰黑色。
在這個過程裡,設計師化身為一名廚師,為大家嘗過鹹淡、聞過甜酸,才能盛出最對味的那道菜,給大家品嚐。
把每個外觀部件都貼上應有的材質之後,最後調整光源,實現更接近真實的渲染效果。
此時體現出 KeyShot 的另一處優勢,光源調整後,畫面裡的光影也會實時發生變化。
例如在這,我把正面光源向 iPhone 的位置拉近 ,原本漆黑一片的後攝模組瞬間呈現出光澤,攝像頭內部的彩色反光此時也顯現了出來,就更接近我們手中 iPhone 的真實樣貌。
▲
光源微微調節, 視覺觀感就發生了奇妙的變化
到了這一步,我已經把 iPhone 13 Pro 的預測圖給造出來了,加入文字和背景,這就是我想象中的 iPhone 13 Pro 的產品頁面。
▲
純屬虛構,如有雷同,碰巧而已
當然我們並未止步於此,想著既然都把外觀模型做好了,那就「順便」做一條宣傳片吧,便有了開頭的那條影片。
大夥都看到這了,不妨親自上手試試,去製作一臺你理想中的 iPhone 13 吧。
如果你對
和其他蘋果新品有更多的期待和猜想,歡迎來糖紙社群和大家一起分享。