파노라마 오버레이는 이미지의 내부를 표시하는 환상 효과를 줍니다. 예를 들어 사용자가 비행기 조종석의 내부를 볼 수 있는 파노라마 효과를 만들 수 있습니다. 뷰를 360° 회전하고 계기판을 확대해서 볼 수도 있습니다.

파노라마 제작의 핵심은 필요한 이미지를 가져오는 것입니다. 파노라마 효과를 만들려면 정육면체의 내부 면 6개를 나타내는 6개의 이미지 세트가 필요합니다. 먼저 전체 파노라마 이미지를 만들고 나면 이 이미지를 기반으로 6개의 정육면체 이미지로 변환시킬 수 있습니다.

PTgui(http://www.ptgui.com)는 파노라마 이미지를 만드는 데 유용한 도구입니다. WRwave 웹 사이트(http://www.vrwave.com)는 파노라마 사진 촬영을 위한 유용한 정보를 제공합니다.

참고:

기본 파노라마 오버레이는 AEM Mobile에서 지원되지 않습니다. 대신에 웹 콘텐츠 오버레이를 사용하여 HTML 기반의 파노라마 효과를 만들 수 있습니다.

파노라마 만들기
파노라마 만들기

A. 원래 파노라마 이미지 B. 정육면체의 6개 내부 면으로 변환된 파노라마 이미지 C. iPad의 파노라마 

먼저 수평 교차 이미지를 만들고 나면 Photoshop이나 화면 캡처 유틸리티를 사용하여 필요한 6개 이미지를 만들 수 있습니다.

파노라마 교차 이미지를 별개의 이미지로 분할
파노라마 교차 이미지를 별개의 이미지로 분할하려면 이 패턴을 따릅니다.

파노라마 에셋 만들기

  1. 파노라마의 소스 에셋을 만들고 폴더에 배치합니다.

    최상의 결과를 얻으려면 72dpi로 저장한 JPEG 이미지를 사용하십시오. 고해상도 이미지를 사용하면 고객이 더 선명하게 확대할 수 있지만 대용량 파일이 필요합니다.

  2. 다음 중 하나를 수행합니다.

    • [사각형] 또는 [사각형 프레임] 도구를 드래그하여 자리 표시자 프레임을 만듭니다.

    • 파노라마의 포스터로 사용할 이미지를 배치합니다.

  3. 자리 표시자 오브젝트를 선택하고 [Folio Overlays] 패널을 열고 [파노라마]를 선택하십시오.

  4. [Folio Overlays] 패널에서 [에셋] 폴더 아이콘을 클릭하고 6개의 이미지가 포함된 폴더를 찾은 다음 [열기]를 클릭합니다.

  5. 필요한 경우 레이아웃에 맞게 프레임과 콘텐츠의 크기를 조정합니다.

  6. [Folio Overlays] 패널에서 다음 설정을 지정합니다.

    포스터에 첫 번째 이미지 사용

    이 옵션을 선택하면 첫 번째 파노라마 이미지가 포스터로 사용됩니다. 포스터로 사용할 다른 이미지를 만들지 않은 경우 이 이미지를 선택합니다.

    초기 확대/축소

    초기 이미지의 확대를 결정할 값을 지정합니다. 보기 설정의 [최소/최대] 필드 사이에 있는 값을 사용하십시오. 기본적으로 최소값과 최대값은 각각 30과 80입니다.

    세로/가로

    처음에 표시할 파노라마의 영역을 결정하는 값을 지정합니다. [세로]의 경우 -90(위쪽으로 완전히 기움)에서 90(아래쪽으로 완전히 기움) 사이의 값을 지정합니다. [가로]의 경우 -180(왼쪽으로 완전히 회전)에서 180(오른쪽으로 완전히 회전) 사이의 값을 지정합니다.

    시야

    사용자가 특정 포인트를 넘어 확대/축소하지 못하게 하려면 [최소] 및 [최대] 값을 지정합니다.

    세로 이동 제한

    기울기를 위쪽으로 2/3만 허용하려면 [세로 이동 제한]을 선택하고 -60을 지정합니다. 기울기를 아래쪽으로 2/3만 허용하려면 60을 지정합니다. 세로 이동을 차단하려면 1과 같은 작은 값을 사용합니다.

    가로 이동 제한

    이동을 좌우로 2/3만 허용하려면 [가로 이동 제한]을 선택하고 왼쪽에 -120, 오른쪽에 120을 지정합니다.

    참고:

    다른 파노라마 설정의 효과를 보려면 설정을 변경하고 [미리보기]를 클릭합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책