為了降低拍攝成本,,我們研究了兩種方式:一種初級單反,,一種手機;不管用單反和手機,,都需要借助【三角架】+【云臺】,。這是兩個必不可少東西; 三角架:主要是用來固定相機,、手機的,; 云臺:主要是用來旋轉(zhuǎn)的,一般的云臺360度都是有刻度的,; 魚眼鏡頭和球面鏡頭,,不是必須,可以嘗試,,只要有三腳架,,云臺、手機/相機,,即可,。 二,、拍攝方法 我采用的是每30°一張,拍5組,,共60張,。拍攝60張,主要是考慮拼接的細膩程度,,當然,,用了魚眼鏡頭后,可以少拍很多,。比如12張,,24張,都可以,。但做全景圖時,,對接會有一定的問題。 file:///C:/Users/yuting.lei/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif 單反拍攝:1,、拍攝方法 將單反固定在云臺上,; 調(diào)整為手動擋,固定曝光度,; 從水平,,上斜45°,下斜45°,,正上,正下,,共5個角度,,每個角度間隔30°拍一張,每組12張,,共60張照片,。 2,、注意事項 固定曝光度的好處,,是大家在拼接圖片時會更自然,; 向上拍攝時,每張照片之間,最好有固定參考物,; 向下拍攝時,會拍到三腳架,,這個后期可以處理,。 3、可選拍攝方式 水平,,上斜45°,,下斜45°,可以采12張圖片,,正上面,,正下面,如果色調(diào)單一,,可以拍一張,,即可。這是32張?zhí)幚矸桨浮?/span> 用魚眼鏡頭的話,,因采景范圍較大,,可以根據(jù)鏡頭不同,采集少量照片,。原則只有一個,,相鄰照片,,必須有重復的部分,。 file:///C:/Users/yuting.lei/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif 手機拍攝: 1、拍攝方法 將手機與藍牙云臺連接,; 將手機橫向/豎向固定在云臺上,,每組照片選擇相機橫豎狀態(tài)只能一種,如果橫,,就都橫,,如果豎,就都豎,; 手動旋轉(zhuǎn)云臺,,每30°拍照一次,還是5個圈60張照片,。如果拍攝室外,,為了防止攝影師的身影進入鏡頭,用藍牙拍攝云臺就很方便,。當設定好角度,,攝影師可以走很遠,點一下遙控器,,即可拍照,。 2,、手機拍攝的缺點曝光不均勻,最后拼接出來的全景圖,,會不自然,。 3、拍攝場地的局限和探索 盡量拍一些靜景,,容易后期處理,; 需要有一定的距離,視手機,、相機的焦距和性能,; 如果拍較狹小的室內(nèi),不管手機和相機,,需要借助魚眼鏡頭,,但拍攝車內(nèi),一般的手機+普通魚眼是完成不了的,,需要更專業(yè)的裝備,; 靜景中,建議拍攝有規(guī)則邊緣的物體,,如建筑物,,不規(guī)則的物體,后期處理,,會有一定的難度,,比如:凌亂的樹枝; 當然,,大家如果有性能比較好的單反,,可以將拍攝經(jīng)驗,總結(jié)一下,,也分享出來,。 三、總結(jié)好了,,第一部分,,就這么多。先拍攝取得32張照片,,或者60張照片,,不管你是用手機,或者相機,。第二部,,我們就要將這么多照片,用PTGui這款軟件,拼接全景圖,,再將全景圖,,切成上下左右前后6張圖。 一,、簡述 認識PTGui, 軟件圖標 小五用的是漢化版的,,有英文trial版的,功能不全,,不建議使用,。如果從網(wǎng)上找不到好用的版本,也可以跟小五留郵箱,,下午可以發(fā)下載鏈接給大家(待補充) 二,、PTGui的使用 PTGui軟件功能很強大,但大家不用害怕,,操作并不復雜,。或者說,,我們用不了那么多功能,,只用最基礎(chǔ)的4、 5 個點就行,。 1,、加載圖像很容易理解,把我們上面拍攝的60張照片導入進來,;只要點擊第一個大按鈕即可,,選擇要加載的照片,即可導入成功,,不用修改其他選項,。 可以從第二個頁簽:源圖像,來增減想要調(diào)整的照片 2,、對準圖像 此步操作,需要稍微等一小會兒,,軟件會根據(jù)你導入的圖片,,自動拼接。 對準圖像后,,會出現(xiàn)一個“全景編輯器”界面,,可以看拼接的模擬效果,你可以拖動,,看每個邊緣拼接的是否自然,。 點即頁卡上的數(shù)字按鈕,可以顯示每張圖的編號和邊界。 很顯然,,天空的部分,,和地面的部分,都聚集在了一起,,沒有出現(xiàn)在應該出現(xiàn)的部分,。 這種情況,小五試了兩種辦法:1.減少天空和地面的照片數(shù)量,;2.用單張照片代替,; 大家可以編輯整個全景圖,也可以單獨編輯一張,,參考窗口上的菜單提示即可 更細精度調(diào)整:使用手動添加“控制點”,。選兩張臨近圖片,即有重合的部分,,將同一物體在兩張照片中,,設置控制點,只要左點一下,,在右邊場景中,,同一物體部位再點一下,即可,。 記?。?/strong>是相鄰圖片,相同物體位置,。 增加的手動控制點越多,,畫面程序拼接越自然。當然,,你不加,,也沒有關(guān)系,無非會損失一些品質(zhì),。如果商用的話,,就要精致一些,這里,,可能會耗費一些時間,。 file:///C:/Users/yuting.lei/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif 可能出現(xiàn)的問題: 加完控制點后未生效,因為未保存,; 加的控制點,,不是同一物體的同一位置,會誤導程序的,; 第2步,,對準控制點,,就這么多;接下來,,第3步:創(chuàng)建全景圖,。 3、創(chuàng)建全景圖 設置優(yōu)化尺寸:選最大尺寸; 選擇輸入路徑,,不多說,; 點擊創(chuàng)建全景圖按鈕; 一張新鮮出爐的jpg全景圖就這樣生成了,。 接下來,,還有一個步驟,就是切成6張圖片 這里面的設置簡單說一下,,沒用過的,,第一次一定蒙圈 進入到“轉(zhuǎn)換到QTVR/立方體”界面后: 選擇要轉(zhuǎn)換的文件,就是剛才我們生成的那張全景圖,; 設置輸出選項:轉(zhuǎn)換到 立方體表面,,6個單獨文件; 輸入路徑和名稱:會顯示3的位置,,可選擇你想要的輸入路徑,,不改即默認輸出到源圖像的文件夾。 jgeg品質(zhì):如果想清晰一些,,就將百分比調(diào)大,;不過,會帶了圖片加載慢的問題,。小五試的是70%,,后來照片又單獨處理壓縮的,不然一張2M多,,對于低端用戶打開還是有困難的,。 點擊轉(zhuǎn)換,6張照片即切出來了,。 4,、后期加工 有黑洞的部分,是小5拿掉了天地,,需要用PS處理一下,; 切出的照片,每張大約在3M左右,,用PS另存一下web格式,比較合適,,大小可以自己看著辦,,無非就是在清晰度和流暢度上找一個平衡,。 好了,第二部分,,就是這樣 三,、總結(jié) 第1部分:拍攝照片; 第2部分:制作全景圖,; 下一部分,,即生成3D全景的H5了,這需要有一定的代碼基礎(chǔ) 一,、簡述 不知道大家有沒有關(guān)注過“H5案例分享”2015年10月20日推過一款案例,,是進入明星的化妝間,找籃球的那個,。該案例就是運用了6張圖拼接全景的方法,,具體他用的什么工具,小五不知道,。 只是有點代碼基礎(chǔ)的前端同學,,可以很容易將代碼拿到,分析一下,。換些圖片,,即可完成3D全景的前端部分。 為了這堂課,,小五花費了一些時間,,把這個案例還原了一下,分享給大家 后臺還做了一個管理后臺,,可以方便上傳圖片 可以增加氣泡,,鏈接,可以放置說明文字,、廣告條,、和外鏈,這樣再跟大家的業(yè)務相結(jié)合,,就能做出有一定商業(yè)價值的3D全景,。 當然,這個后臺需要單獨開發(fā),,為了這次課程分享,,我們團隊的小伙伴,項目間歇加塞,,開發(fā)了一個粗糙版本,。 當然,前端的代碼,,大家是可以分析和使用的,。這個沒有什么秘密,。 最后,給大家奉上我剛才講解用圖的3D全景效果,。(案列鏈接2) 二,、總結(jié) 小5嘗試的這種3d全景方法,相對來說比較簡單:1.拍照,;2.拼全景,,切割成6張圖;3.用代碼連接這6張圖,,形成全景,。 |
|