起因
看到這個標題,很可能會有很多人提出疑問,市面上那麼多360度相機的產品,為什麼還要大費周張的用手機拍,360度相機不是又快又方便嗎?這是當然的,可是問題我就是沒有全景相機啊,一個學生應該也沒有這個閒錢去買昂貴的器材,只為圖一時的嚐鮮,因此就突發奇想,究竟手機能不能拍球型全景呢?爬了一下網路發現竟然可以,因此就迫不及待試試了,也才有這篇教學的產生,想分享給大家,讓沒有360全景相機的人也能體驗拍攝的樂趣。
先秀一下拍攝的成果……
(照片載入緩慢影耐心等候……)
前情提要 – 拍攝流程
器材準備→素材拍攝 →軟體拼接(Kolor) →影像處理(PhotoShop) →發佈
所需器材
1. 腳架
2. 手機 or 相機
3. 手機夾(如果使用手機)

開始拍攝
Step 1. 將手機以直立的方式架設於腳架上,並使用手機的水平儀 app ,做校正,讓水平視角與地面呈水平的狀態(不需考慮垂直方位)。

Step 2. 架好之後就可以開始拍攝囉,但注意一下,如果手機支援的話(各廠牌手機不一樣),將手機調成固定曝光度,以免每張照片亮度不一。拍攝方法如下動圖所示, 採球體環繞的方式, 依序繞圈,每轉一圈就將鏡頭上揚一些,並注意每張照片都要有重疊的地方,確保之後接圖能夠成功,拍攝越多張會保留更多細節,成功機率相對也會比較大。

Step 3. 將拍攝好的照片放進電腦,來做拼接的動作。

照片拼接 – Kolor AutoPano
全景照片的拼接軟體有很多種,像是 Kolor AutoPano、PTGui、Hugin,試過 Kolor AutoPano 的製作效果最好,所以分享使用 Kolor 做拼接,雖然 Kolor 是付費軟體,但仍有提供帶浮水印免費試用,若使用滿意也歡迎支持正版。
Step 1. 打開 Kolor Autopano 點擊 “文件”,選擇 “選取圖像”,將拍攝好的照片全選並匯入

Step 2. 匯入圖片之後,直接點選 “檢測” 按鈕來自動偵測圖像拼接。

待檢測完畢後,會生成拼接後的預覽圖,而左邊欄位會詳細列出分析後的資訊,包括尺寸、鏡頭等等,看看預覽圖可以發現右上角缺了一塊天空,因為當天拍攝氣候不佳,導致拍攝的天空是白色的,以至於無法成功拼接,不過不用太過擔心,待圖片輸出以後可以再使用影像後製的方式修補。

Step 3. 進階使用者可以選擇 “編輯” 按鈕來做進一步的修正,有興趣的可以玩玩看,不過這裡我們直接輸出圖像就好,點選預覽視窗得小齒輪打開 “渲染” 視窗,注意一下輸出的位置,原則上使用預設的設定即可,無須更動,

Step 4. 接著將照片放入 PhotoShop 中做修補的動作,使用選取工具圈選破洞的地方,”編輯”>”填滿”>”內容感知”,底部拍攝到腳架的部分也可使用此方法修正。顏色校正也可使用對比.亮度.曝光度等工具調整。

修改前後比對
(照片載入緩慢影耐心等候……)


圖片修正好並輸出就完成 720度全景照片的拍攝了。
圖片發佈
1. 社群 : Facebook 上傳圖片及會自動偵測圖像,即可使用 VR 方式瀏覽圖片,若無法成功辨識可使用此網頁→thexifer
修改照片資訊「Make」跟「Model」分別改成「Ricoh」跟「Ricoh Theta S」即可。
2. 桌面端 : 可使用 sView 全景照片瀏覽器觀看,並使用 sphere 模式觀看。
3. 網頁 : 欲將全景照片發佈置網頁,可使用 Google 的 VR view。
方法如下 :
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>
</head>
<body>
<div id='vrview'></div>
<script>
window.addEventListener('load', onVrViewLoad);
function onVrViewLoad() {
var vrView = new VRView.Player('#vrview', {
image: '圖片連結.jpg',
});
}
</script>
</body>
</html>