Show Menu
화제×

Working with 3D assets in Dynamic Media

Dynamic Media를 사용하면 3D 자산을 매력적인 경험으로 업로드, 관리, 보고 전달할 수 있습니다.
  • 3D 자산의 한 번의 클릭(도구 모음에서 빠른 게시 사용)으로 URL을 생성합니다.
  • Adobe Dimension 기반의 고품질의 인터랙티브한 D 뷰어 사전 설정을 사용하여 3D 자산을 볼 수 있도록 최적화된 지원을 제공합니다.
  • 3D Media WCM 구성 요소를 사용하면 AEM Sites 페이지에 3D 자산을 쉽게 추가할 수 있습니다.
Dynamic Media에서 3D 자산을 사용하기 위해 추가로 설치할 필요는 없습니다.

Dynamic Media에서 지원되는 3D 포맷

Dynamic Media는 다음과 같은 3D 파일 형식을 지원합니다.
지원되는 3D 포맷 참조
3D 파일 확장자
파일 포맷
MIME 유형
메모
GLB
이진 GL 전송
model/gltf-binary
재질 및 텍스처를 하나의 에셋으로 포함시킬 수 있습니다.
OBJ
WaveFront 3D 개체 파일
application/x-tgif
STL
입체사진
application/vnd.ms-pki.stl
USDZ
범용 장면 설명 Zip 아카이브
model/vnd.usdz+zip
섭취 전용 지원;보기 또는 상호 작용을 사용할 수 없습니다. USDZ는 Safari 또는 iOS에서 기본적으로 볼 수 있는 독점적인 3D 포맷입니다.

빠른 시작:다이내믹 미디어의 3D 자산

다음 단계별 워크플로우 설명은 Dynamic Media에서 3D 자산을 빠르게 시작하고 실행하는 데 도움이 되도록 만들어졌습니다.
Dynamic Media에서 3D 자산으로 작업하기 전에 AEM 관리자가 이미 Dynamic Media Cloud Services을 활성화하고 구성했는지 확인하십시오.
  1. 3D 자산 업로드
  2. 3D 자산 관리
  3. 3D 에셋 게시

3D 자산 보기 및 상호 작용 정보

이 섹션에서는 다음 두 가지 방법으로 3D 자산을 보고 상호 작용하는 방법에 대해 설명합니다.자산 세부 사항 페이지 및 사이트의 3D 미디어 구성 요소 내에서
인터랙티브한 3D 뷰어에는 3D 에셋을 궤도를 따라 이동하고, 확대/축소하고, 이동시킬 수 있는 인터랙티브한 카메라 컨트롤 컬렉션이 포함되어 있습니다.
자산 세부 사항 페이지 보기에서 3D 자산을 여는 데 걸리는 시간은 여러 가지 요인에 따라 다릅니다. 이러한 요인에는 다음이 포함됩니다.
  • 서버에 대한 대역폭입니다.
  • 서버 대기 시간
  • 이미지의 복잡성.
또한 카메라를 대화형으로 조작할 때 워크스테이션, 노트북 또는 모바일 터치 장치와 같은 클라이언트 컴퓨터의 기능도 고려해야 합니다. 그래픽 성능이 좋은 강력한 시스템에서는 대화형 3D 보기 환경이 좀 더 원활하고 유용할 수 있습니다.
Viewer Preset Editor에서 D 뷰어 사전 설정을 열어 3D 파일을 먼저 업로드할 필요 없이 3D 자산을 탐색하는 방법을 실습할 수 있습니다. Dimension 뷰어 사전 설정에는 상호 작용할 수 있는 내장된 3D 자산이 있습니다.

자산 세부 사항 페이지에서 3D 자산 보기 및 상호 작용

자산 세부 사항 페이지에서 3D 자산을 보고 상호 작용하려면
  1. 3D 자산을 AEM에 업로드했는지 확인합니다.
  2. AEM의 탐색 페이지에서 자산 > 파일을 누릅니다 .
  3. Near the upper-right corner of the page, from the View drop-down list, tap Card View .
  4. 보려는 3D 자산으로 이동합니다.
  5. 3D 자산의 카드를 탭하여 자산 세부 사항 페이지에서 엽니다.
  6. 3D 자산에 대한 세부 사항 보기 페이지에서 다음 중 하나를 수행합니다.
    • 카메라 회전 - 3D 장면 및 개체 주위를 따라 주위를 선회할 수 있습니다.
      • 마우스 :마우스 왼쪽 단추를 클릭하고 드래그합니다.
      • 터치 스크린 :한 손가락으로 누르고 드래그하십시오.
    • 카메라 이동 - 보기 왼쪽, 오른쪽, 위쪽 또는 아래쪽으로 이동합니다.
      • 마우스 :마우스 오른쪽 단추를 클릭하고 드래그합니다.
      • 터치 스크린 :두 손가락을 누른 상태에서 드래그합니다.
    • 카메라 확대 - 3D 장면 영역 안팎으로 카메라를 확대/축소할 수 있습니다.
      • 마우스 :스크롤 휠입니다.
      • 터치 스크린 :두 손가락으로 집어요.
    • 카메라 다시 입력 - 3D 장면의 개체 지점으로 카메라를 재입력할 수 있습니다.
      • 마우스 :두 번 클릭합니다.
      • 터치 스크린 :두 번 누릅니다.
    • 재설정 - 페이지의 오른쪽 아래 모서리 근처에 있는 재설정 아이콘을 눌러 보기 대상 포인트를 3D 자산의 중심으로 복원합니다. 또한 재설정은 카메라를 더 가깝게 또는 멀리 이동하여 에셋을 전체적으로 적절한 보기 크기로 표시합니다.
    • 전체 화면 모드 - 전체 화면 모드로 전환하려면 페이지의 오른쪽 아래에 있는 전체 화면 아이콘을 누릅니다.
  7. 페이지 상단 오른쪽에서 닫기 ​를 탭하여 자산 페이지로 돌아갑니다.

3D 미디어 구성 요소에서 3D 자산 보기 및 상호 작용

웹 페이지가 편집 모드에 있는 경우 3D 자산과 상호 작용할 수 없습니다. 자산을 대화형으로 만들려면 미리 보기 기능을 사용하여 3D 미디어 구성 요소의 기능에 대한 전체 액세스 권한을 제공하는 페이지 편집기에서 웹 페이지를 볼 수 있습니다.
3D 미디어 구성 요소를 웹 페이지에 추가하고 3D 자산을 구성 요소에 할당한 후에만 이 작업을 수행할 수 있습니다. 웹 페이지에 3D 미디어 구성 요소 추가 및 3D 미디어 구성 요소에 3D 자산 할당을 참조하십시오.
3D 미디어 구성 요소 내에서 3D 자산을 보고 상호 작용하려면
  1. 웹 페이지가 편집 모드에 있는 동안 다음 중 하나를 수행합니다.
    • 페이지의 오른쪽 위 근처에 있는 미리 보기 를 클릭하여 미리 보기 모드로 전환합니다.
    • 브라우저의 페이지 URL /editor.html 에서 삭제합니다.
A fully interactive 3D asset as displayed in 미리 보기 모드에서 표시된 대로 완전히 인터랙티브한 3D 자산 .
  1. 미리 보기 모드에서 다음 중 하나를 수행합니다.
    • 카메라 회전 - 3D 장면 및 개체 주위를 따라 주위를 선회할 수 있습니다.
      • 마우스 :마우스 왼쪽 단추를 클릭하고 드래그합니다.
      • 터치 스크린 :한 손가락으로 누르고 드래그하십시오.
    • 카메라 이동 - 보기 왼쪽, 오른쪽, 위쪽 또는 아래쪽으로 이동합니다.
      • 마우스 :마우스 오른쪽 단추를 클릭하고 드래그합니다.
      • 터치 스크린 :두 손가락을 누른 상태에서 드래그합니다.
    • 카메라 확대 - 3D 장면 영역 안팎으로 카메라를 확대/축소할 수 있습니다.
      • 마우스 :스크롤 휠입니다.
      • 터치 스크린 :두 손가락으로 집어요.
    • 카메라 다시 입력 - 3D 장면의 개체 지점으로 카메라를 재입력할 수 있습니다.
      • 마우스 :두 번 클릭합니다.
      • 터치 스크린 :두 번 누릅니다.
    • 재설정 - 페이지의 오른쪽 아래 모서리 근처에 있는 재설정 아이콘을 눌러 보기 대상 포인트를 3D 자산의 중심으로 복원합니다. 또한 재설정은 카메라를 더 가깝게 또는 멀리 이동하여 에셋을 전체적으로 적절한 보기 크기로 표시합니다.
    • 전체 화면 모드 - 전체 화면 모드로 전환하려면 페이지의 오른쪽 아래에 있는 전체 화면 아이콘을 누릅니다.

3D 미디어 구성 요소 작업 정보

Dynamic Media에는 웹 페이지에서 3D 모델을 인터랙티브하게 볼 수 있도록 AEM Sites에서 사용할 수 있는 Dynamic Media 3D 미디어 구성 요소가 포함되어 있습니다.

페이지 템플릿에 3D 미디어 구성 요소 추가

  1. 도구 > 일반 > 템플릿으로 이동합니다 .
  2. 에서 3D 구성 요소를 활성화할 페이지 템플릿으로 이동하고 템플릿을 선택합니다.
  3. 편집을 눌러 템플릿을 엽니다.
  4. 페이지의 오른쪽 위 근처에 있는 드롭다운 메뉴에서 구조 ​모드를 선택합니다(아직 활성화되지 않은 경우).
  5. 레이아웃 컨테이너 영역에서 빈 영역을 눌러 선택하고 관련 도구 모음을 엽니다.
  6. 도구 모음에서 정책 아이콘을 눌러 정책 편집기를 엽니다 .
  7. # ​섹션의 # 탭에서 동적 미디어로 ​스크롤한 다음 목록을 확장하고3D 미디어를 확인합니다.
  8. 완료를 눌러 변경 사항을 저장하고 정책 편집기를 닫습니다 .
    이제 이 템플릿을 사용하는 모든 페이지에 Dynamic Media 3D 미디어 구성 요소를 배치할 수 있습니다.

웹 페이지에 3D 미디어 구성 요소 추가

웹 컨텐츠 관리 시스템으로 Adobe Experience Manager을 사용하는 경우 3D 미디어 구성 요소를 통해 웹 페이지에 3D 자산을 추가할 수 있습니다.
  1. AEM Sites을 열고 Dynamic Media 3D 미디어 구성 요소를 추가할 웹 페이지를 선택합니다.
  2. 편집 ​(연필) 아이콘을 눌러 페이지를 페이지 편집기로 엽니다. 페이지의 오른쪽 근처에 편집 모드가 선택되어 있는지 확인합니다.
  3. 도구 모음에서 사이드 패널 아이콘을 눌러 패널 표시를 켜거나 전환합니다.
  4. 사이드 패널에서 더하기 기호 아이콘을 눌러 구성 요소 목록을 엽니다.
  5. # 목록에서 3D 미디어 구성 요소를 3D 뷰어를 표시할 페이지의 위치로 드래그합니다.
이제 구성 요소에 3D 자산을 할당할 준비가 되었습니다.

선택 사항 - 3D 미디어 구성 요소 구성

  1. AEM Sites 페이지 편집기에서 이전에 페이지에 추가한 3D 미디어 뷰어 구성 요소를 선택합니다.
  2. 구성 아이콘 (렌치)을 눌러 구성 요소 구성 대화 상자를 엽니다.
  3. # 대화 상자의 # 드롭다운 목록에서 차원을 선택하여 Dimensity viewer 사전 설정을 구성 요소에 지정합니다.
  4. 오른쪽 상단 모서리에서 확인 표시를 눌러 변경 사항을 저장합니다.

3D 미디어 구성 요소에 3D 자산 할당

웹 페이지에 3D 미디어 구성 요소를 추가한 후 3D 자산을 할당할 수 있습니다.
  1. AEM Sites 페이지 편집기에서 자산 아이콘을 클릭하여 사이드 패널에서 자산을 엽니다.
  2. 드롭다운 목록에서 3D를 선택하여 3D 자산 파일 유형만 표시합니다.
  3. 사이드 패널에서 편집하는 페이지에서 보려는 3D 자산을 검색하거나 스크롤합니다.
  4. 자산 사이드 패널에서 3D 자산을 드래그하여 이전에 페이지에 추가한 3D 미디어 구성 요소에 놓습니다.
웹 페이지가 AEM Sites 편집 모드에 있는 동안 3D 미디어 구성 요소는 3D 자산을 표시하지만 자산과의 상호 작용은 불가능합니다. 자산을 대화형으로 만들려면 미리 보기 기능을 사용하여 3D 미디어 구성 요소의 기능에 대한 전체 액세스 권한을 제공하는 페이지 편집기에서 웹 페이지를 볼 수 있습니다.

정적 Dynamic Media 3D 자산 게시

Dynamic Media는 Dynamic Media에서 정적 컨텐츠로 지원되는 다양한 3D 파일 포맷을 수용합니다. 정적 컨텐츠는 3D 자산을 업로드 및 게시할 수 있지만, 3D 자산과 관련된 다이내믹 이미징 또는 이미지 리핑은 지원되지 않음을 의미합니다. Dynamic Media Imaging Server가 3D 형식을 인식하지 않기 때문입니다. 따라서 Dynamic Media에서 3D 자산을 게시하면 복사할 수 있는 인스턴트 URL이 있습니다. 3D 자산의 URL은 일반적인 다이내믹 미디어 URL 구조를 따릅니다. 하지만 Dynamic Media의 기존 이미지 자산과 달리 자산의 URL에서 매개 변수를 편집할 수는 없습니다.
# 에서 작은 둥근 모양 아이콘이 자산 이름 바로 아래, 해당 날짜 및 시간 왼쪽에 표시되어 게시되었음을 나타냅니다. 목록 보기 에서 ​게시된 ​열은 게시되었거나 게시되지 않은 자산을 나타냅니다.
AEM을 WCM으로 사용하는 경우 이 게시 방법을 사용하여 웹 페이지에 직접 Dynamic Media 3D 자산을 추가합니다.
정적 Dynamic Media 3D 자산을 게시하려면
  1. 3D 자산(GLB, OBJ 또는 STL 파일 형식)을 열어 자산 세부 사항 페이지에서 볼 수 있습니다.
  2. 도구 모음에서 빠른 게시를 누릅니다 .
  3. 닫기 눌러 대화 상자를 종료하고 자산 세부 사항 페이지로 돌아갑니다.
  4. 3D 자산 파일 이름의 왼쪽 드롭다운 목록에서 표현물을 누릅니다 .
  5. 원본을 누릅니다 . 3D 자산을 게시하거나 "활성화"하면 다음 3D 자산 조건이 모두 충족되는 경우 페이지의 왼쪽 아래 모서리 근처에 URL 단추가 표시됩니다.
    • 3D 자산은 지원되는 형식(GLB, OBJ, STL 및 USDZ)입니다.
    • 3D 자산이 IPS(Dynamic Media Image Production System)로 수집되었습니다.
    • 3D 자산이 게시됩니다.
  6. URL 눌러 웹 페이지에서 복사하고 사용할 수 있는 3D 자산의 직접 제작 URL을 표시합니다.

차원 뷰어를 사용하여 Dynamic Media 3D 자산을 게시하는 대체 방법

AEM을 WCM으로 사용하지 않는 경우 다음 두 가지 방법으로 Dynamic Media 3D 자산을 게시하십시오.