
不知道大家是否看過這樣的圖片,鼠標點擊不松開既然左右上下的無死角移動,剛開始看到這樣的技術圖片感覺好高大尚,于是馬上從網上搜集資料開始學做了起來,下面橫瀝網絡公司-眾展網絡為大家分享一下我總結的720全景網頁制作的流程步驟!
1、要制作全景,首先就得有全景圖
先介紹下怎么制作一張全景圖。(注意拍攝的時候要選那種盡量少的動態參照物,如大街上就不行,人都在動,你拍下來的全景圖就是花的,如果你是土豪買了個魚眼相機就不用了。)
假如我們有一臺攝像機,我們將攝像機的位置呈水平方向擺正形成一個水平方向上的360°,然后在水平方向上每偏移30°我們拍攝一張圖共12張,基于水平面斜向上30度形成360°角,再在這個基礎上偏移30°拍攝一張圖12張,再斜向上60°形成360°,同理12張。斜向下30°、60° 各12張。 最后正上方90° 正下方90° 各一張。 拍攝的圖片不一定完美,可以放進PS里稍作處理,達到更好的美觀效果(最好是jpg格式)。
空中全景怎么拍的?
那是無人機將照相機送上高空去拍攝的,全程采用的電腦控制,不過一般無人機飛上幾個小時就得拿下來充電了,續航能力不咋的,不過也夠用,建議把高度開到80-120米左右。在天上拍照一般的相機肯定不行,只有用和無人機配套的專業相機才行,在網上能搜索到。可以去淘寶上看下,便宜的大概2000左右,好點的就不好說了。
2、全景圖生成720°視角
打開之前說到的PTGui這個工具軟件,然后導入之前拍攝的圖片,就可以自動開始計算修補了,最好導出全景圖即可。
還有一些免費的一鍵制作工具,這里就不為大家推薦了,畢竟沒有實踐操作過而且免費的東西效果都可想而知。當然,你還可以生成好后打開網頁將這個頁面的代碼下載下來自己二次開發成自己喜歡的,不過這個就很考驗技術功底了。
以上就是全景網頁制作的經驗分享,如果客戶有需要或者是個人愛好,也是可以學習制作的,畢竟現在都追求高科技,越是讓別人驚訝的東西,別人越喜歡。
立即咨詢
本文由東莞網站建設公司-眾展網絡整理發布,如需轉載請注明來源及出處,原文地址:http://www.chxk.net/hanagyezixun/157.htm