만드는사람/공부하는 공간

워드프레스에서 360 가상 투어 만들기_1) 360 이미지 업로드

sunghye 2021. 2. 3. 11:03
반응형

 

WPVR을 활용한 방식을 소개한다.

관리자 메뉴 하단에 있는 WPVR을 클릭하면 다음과 같은 화면이 나온다. 

 

 

 

Info / Video Tutorial / Import / Settings 중에서 import 탭을 클릭한다 

 

Setting 항목에서 다음의 항목을 체크해둔다. 360 이미지 특성상 사이즈가 굉장히 큰 경우가 많다. 워드프레스는 용량이 큰 사진이 들어올 경우 자동으로 리사이징 하기 때문에 그걸 막아주는 것이 필요하다.

 

그리고 다시 왼쪽 하단의 이 부분(Add new tour)을 눌러 생성을 시작해보자. 

제목추가에 원하는 이름을 적고, Scenes 탭으로 이동한다. 

 

씬에 사진을 여러장을 넣을때는 여기서 추가한다. 

Title 항목과 Author 항목은 사진 하단에 설명 캡션이 나오는 방식인데, 작가 이름이 필요한 것은 아니기에 설명을 적었다. 

 

설명을 적으면 이렇게 보인다. 

 

 

tip) 원하는 화각이미지로 시작하는 법

360 이미지 특성상 촬영자가 어떤 부분을 염두해 두고 찍었는지 알 수 없을 때가 있다. 이때 Defalt 화각을 지정해주면 연출자의 의도를 잘 살릴 수 있다. 

 

프리뷰 된 화면을 보면 아래에 pitch, yaw 라는 항목이 나오고 숫자가 나오는 것을 볼 수 있다. 

이 화각의 위치를 복사해서 Set Defalt Scene Face 항목을 On으로 체크해 둔 뒤, 복사해 둔 값을 입력해주면 된다.

다 만들었으면 공개로 올리기만 하면 끝!

 

 

 

반응형