Dynamic Media에서 3D 자산 작업

Dynamic Media을 사용하면 3D 자산을 업로드, 관리, 보고 몰입형 환경으로 제공할 수 있습니다.

  • 3D 자산의 한 번의 클릭으로 게시(도구 모음에서 빠른 게시 사용)하여 URL을 생성합니다.
  • Adobe Dimension 기반의 고품질의 대화형 차원 뷰어 사전 설정을 사용하여 3D 자산 보기를 지원하도록 최적화되었습니다.
  • 3D Media WCM 구성 요소를 사용하면 3D 자산을 Adobe Experience Manager Sites 페이지에 쉽게 추가할 수 있습니다.

Dynamic Media에서 3D 자산을 사용하는 데 필요한 추가 설치는 없습니다.

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 포맷입니다.

빠른 시작: Dynamic Media의 3D 자산

다음 단계별 워크플로우 설명은 Dynamic Media에서 3D 자산을 빠르게 시작하고 실행할 수 있도록 설계되었습니다.

Dynamic Media에서 3D 자산으로 작업하기 전에 Experience Manager 관리자가 이미 Dynamic Media Cloud Services을 활성화 및 구성했는지 확인하십시오.

Dynamic Media Cloud Services 구성을 참조하십시오.

  1. 3D 자산 업로드

  2. 3D 자산 관리

  3. 3D 자산 게시

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

이 섹션에서는 다음 두 가지 방법으로 3D 자산을 보고 상호 작용하는 방법을 설명합니다. 자산 세부 사항 페이지 내와 사이트의 3D 미디어 구성 요소 내에서 를 참조하십시오.

대화형 3D 뷰어에는 특히 3D 자산을 궤도 회전, 확대/축소 및 이동할 수 있는 대화형 카메라 컨트롤 컬렉션이 포함되어 있습니다.

자산 세부 사항 페이지 보기에서 3D 자산을 여는 데 걸리는 시간은 몇 가지 요인에 따라 다릅니다. 이러한 요인에는 다음이 포함됩니다.

  • 서버에 대한 대역폭입니다.
  • 서버에 대기 시간
  • 이미지의 복잡성입니다.

또한 카메라를 대화식으로 조작할 때는 워크스테이션, 노트북 또는 모바일 터치 장치와 같은 클라이언트 컴퓨터의 기능도 고려해야 합니다. 그래픽 성능이 좋은 강력한 시스템에서는 대화형 3D 보기 환경이 좀 더 원활하고 유용할 수 있습니다.

먼저 3D 파일을 업로드할 필요 없이 뷰어 사전 설정 편집기에서 Dimensional viewer 사전 설정을 열어 3D 자산 탐색을 연습할 수 있습니다. 차원 뷰어 사전 설정에는 상호 작용할 수 있는 내장된 3D 자산이 있습니다.

뷰어 사전 설정 관리를 참조하십시오.

자산 세부 사항 페이지에서 3D 자산을 보고 상호 작용할 수 있습니다

또한 소프트웨어 인터페이스를 사용하여 자산 미리 보기를 참조하십시오.

자산 세부 사항 페이지에서 3D 자산을 보고 상호 작용하려면 다음을 수행하십시오.

  1. 3D 자산을 Experience Manager에 업로드했는지 확인합니다.

    Dynamic Media🔗에서 사용할 3D 자산 업로드 를 참조하십시오.

  2. Experience Manager탐색​페이지의​​자산 > 파일​​을 선택합니다.

  3. 페이지의 오른쪽 위 모서리 근처에 있는 보기 드롭다운 목록에서 카드 보기​를 선택합니다.

  4. 보려는 3D 자산으로 이동합니다.

  5. 세부 사항 페이지에서 자산을 열려면 3D 자산의 카드를 선택합니다.

  6. 3D 자산에 대한 세부 사항 페이지에서 다음 중 하나를 수행합니다.

    보기 설명 마우스 동작 터치 화면 작업
    카메라 회전 3D 장면 및 개체 주위로 보기를 궤도 회전합니다. 왼쪽 클릭 + 드래그. 한 손가락으로 누르기 + 드래그.
    카메라 팬 왼쪽, 오른쪽, 위 또는 아래로 뷰를 패닝합니다. 마우스 오른쪽 단추 클릭 + 드래그. 두 손가락으로 누르기 + 드래그.
    카메라 확대/축소 3D 장면의 영역 내외로 이동합니다. 스크롤 휠입니다. 두 손가락에 끼어요
    카메라 다시 입력 3D 장면에서 개체의 한 지점으로 카메라를 다시 입력합니다. 두 번 클릭. 두 번 탭하세요.
    재설정 페이지의 오른쪽 아래 모서리 근처에 있는 재설정 아이콘을 선택하여 보기 대상 포인트를 3D 자산의 중심으로 복원합니다. 또한 재설정을 수행하면 카메라가 더 가깝거나 더 멀게 이동되어 자산이 전체적으로 적절한 보기 크기로 표시됩니다.
    전체 화면 모드 전체 화면 모드로 전환하려면 페이지의 오른쪽 아래 모서리에서 전체 화면 아이콘을 선택합니다.
  7. 페이지의 오른쪽 위 모서리에서 닫기​를 선택하여 자산 페이지로 돌아갑니다.

3D Media 구성 요소에서 3D 자산을 보고 상호 작용할 수 있습니다

웹 페이지가 편집 모드에 있는 경우 3D 자산과 상호 작용할 수 없습니다. 자산을 대화형으로 만들려면 미리 보기 기능을 사용하여 3D Media 구성 요소의 기능에 대한 전체 액세스 권한이 있는 페이지 편집기에서 웹 페이지를 볼 수 있습니다.

중요

웹 페이지에 3D Media 구성 요소를 추가하고 구성 요소에 3D 자산을 할당한 후에만 이 작업을 수행할 수 있습니다. 웹 페이지에 3D Media 구성 요소 추가3D Media 구성 요소에 3D 자산 할당을 참조하십시오.

또한 소프트웨어 인터페이스를 사용하여 자산 미리 보기를 참조하십시오.

3D Media 구성 요소 내에서 3D 자산을 보고 상호 작용하려면 다음을 수행하십시오.

  1. 웹 페이지가 편집 모드에 있는 동안 다음 중 하나를 수행하십시오.

    • 페이지 오른쪽 상단 근처에 있는 미리 보기​를 클릭하여 미리 보기 모드를 입력합니다.
    • 브라우저의 페이지 URL에서 /editor.html을 삭제합니다.

에 표시되는 완전히 대화형 3D 자산 3D Media
구성 요소 내부에 표시되는 3D 자산미리 보기 모드에 표시된 ​대화형 3D 자산입니다.

  1. 미리 보기 모드에서 다음 중 하나를 수행합니다.

    보기 설명 마우스 동작 터치 화면 작업
    카메라 회전 3D 장면 및 개체 주위로 보기를 궤도 회전합니다. 왼쪽 클릭 + 드래그. 한 손가락으로 누르기 + 드래그.
    카메라 팬 왼쪽, 오른쪽, 위 또는 아래로 뷰를 패닝합니다. 마우스 오른쪽 단추 클릭 + 드래그. 두 손가락으로 누르기 + 드래그.
    카메라 확대/축소 3D 장면의 영역 내외로 이동합니다. 스크롤 휠입니다. 두 손가락에 끼어요
    카메라 다시 입력 3D 장면에서 개체의 한 지점으로 카메라를 다시 입력합니다. 두 번 클릭. 두 번 탭하세요.
    재설정 페이지의 오른쪽 아래 모서리 근처에 있는 재설정 아이콘을 선택하여 보기 대상 포인트를 3D 자산의 중심으로 복원합니다. 또한 재설정을 수행하면 카메라가 더 가깝거나 더 멀게 이동되어 자산이 전체적으로 적절한 보기 크기로 표시됩니다.
    전체 화면 모드 전체 화면 모드로 전환하려면 페이지의 오른쪽 아래 모서리에서 전체 화면 아이콘을 선택합니다.

3D Media 구성 요소 작업 정보

Dynamic Media에는 웹 페이지에서 3D 모델을 대화형 볼 수 있도록 Experience Manager Sites에서 사용할 수 있는 Dynamic Media 3D Media 구성 요소가 포함되어 있습니다.

페이지 템플릿에 3D Media 구성 요소 추가

  1. 도구 > 일반 > 템플릿​으로 이동합니다.

  2. 에서 3D 구성 요소를 활성화할 페이지 템플릿으로 이동하여 템플릿을 선택합니다.

  3. 템플릿을 열려면 편집​을 선택합니다.

  4. 페이지의 오른쪽 위 근처에 있는 드롭다운 메뉴에서 구조 모드가 아직 활성화되어 있지 않으면 선택합니다.

    3d-media-component-structure

  5. 빈 영역을 선택하고 연결된 도구 모음을 열려면 레이아웃 컨테이너 영역에서 빈 영역을 선택합니다.

  6. 도구 모음에서 정책 아이콘을 선택하여 정책 편집기​를 엽니다.

  7. 속성 섹션의 허용된 구성 요소 탭에서 Dynamic Media​로 스크롤한 다음 목록을 확장하고 3D Media​을 선택합니다.

  8. 완료​를 눌러 변경 사항을 저장하고 정책 편집기​를 닫습니다.

    이제 이 템플릿을 사용하는 모든 페이지에 Dynamic Media 3D Media 구성 요소를 배치할 수 있습니다.

웹 페이지에 3D Media 구성 요소 추가

웹 컨텐츠 관리 시스템으로 Experience Manager 을 사용하는 경우 3D 미디어 구성 요소를 통해 웹 페이지에 3D 자산을 추가할 수 있습니다.

또한 페이지에 Dynamic Media 자산 추가를 참조하십시오.

  1. Experience Manager Sites 을 열고 Dynamic Media 3D Media 구성 요소를 추가할 웹 페이지를 선택합니다.

  2. 페이지를 페이지 편집기로 열려면 편집 (연필) 아이콘을 선택합니다. 편집 모드가 페이지 오른쪽 상단 근처에 있는지 확인합니다.

    3d-media-component-add

  3. 도구 모음에서 사이드 패널 아이콘을 선택하여 패널 표시를 전환하거나 "켜기"를 선택합니다.

  4. 사이드 패널에서 더하기 기호 아이콘을 선택하여 구성 요소 목록을 엽니다.

    3d media-component-drag-drop

  5. 3D Media 구성 요소를 구성 요소 목록에서 3D 뷰어를 표시할 페이지의 위치로 드래그합니다.

이제 구성 요소에 3D 자산을 할당할 준비가 되었습니다.

3D 자산을 3D 미디어 구성 요소에 할당을 참조하십시오

선택 사항 - 3D Media 구성 요소 구성

  1. Experience Manager Sites 페이지 편집기에서 이전에 페이지에 추가한 3D Media Viewer 구성 요소를 선택합니다.

  2. 구성 요소 구성 대화 상자를 열려면 구성 아이콘(공구모양)을 선택합니다.

    3d-media-component-config

  3. [3D 미디어] 대화 상자의 [뷰어 사전 설정] 드롭다운 목록에서 Dimensional 을 선택하여 Dimensional Viewer 사전 설정을 구성 요소에 할당합니다.

    3d-media-component-edit-config

  4. 오른쪽 상단 모서리에서 확인 표시를 선택하여 변경 사항을 저장합니다.

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

웹 페이지에 3D Media 구성 요소를 추가한 후 3D 자산을 여기에 할당할 수 있습니다.

웹 페이지에 3D Media 구성 요소 추가를 참조하십시오.

  1. Experience Manager Sites 페이지 편집기에서 Assets 아이콘을 클릭하여 사이드 패널에서 Assets​를 엽니다.

  2. 드롭다운 목록에서 3D​을 선택하여 3D 자산 파일 형식만 표시합니다.

  3. 사이드 패널에서 편집 중인 페이지에서 볼 3D 자산을 검색하거나 스크롤합니다.

  4. 자산 사이드 패널에서 3D 자산을 3D Media 구성 요소에 끌어다 놓습니다. 이 구성 요소는 이전에 페이지에 추가한 것입니다.

    3d Media 구성 요소에 3d 자산 할당

노트

웹 페이지가 Experience Manager Sites 편집 모드에 있는 동안 3D 미디어 구성 요소에 3D 자산이 표시되지만 자산과 상호 작용할 수는 없습니다. 자산을 대화형으로 만들려면 미리 보기 기능을 사용하여 3D Media 구성 요소의 기능에 대한 전체 액세스 권한이 있는 페이지 편집기에서 웹 페이지를 볼 수 있습니다.

정적 Dynamic Media 3D 자산 게시

Dynamic Media은 Dynamic Media에서 정적 콘텐츠​로 지원되는 다양한 3D 파일 형식을 허용합니다. 정적 컨텐츠는 3D 자산을 업로드하고 게시할 수 있지만 3D 자산과 연결된 dynamic 이미징 또는 이미지 리퍼팅을 지원하지 않음을 의미합니다. 이유는 Dynamic Media 이미징 서버에서 3D 형식을 인식하지 못하기 때문입니다. 따라서 Dynamic Media에서 3D 자산을 게시하면 복사할 수 있는 인스턴트 URL이 제공됩니다. 3D 자산의 URL은 일반적인 Dynamic Media URL 구조를 따릅니다. 하지만 Dynamic Media의 기존 이미지 자산과 달리 자산의 URL에서는 매개 변수를 편집할 수 없습니다.

정적 자산의 URL 가져오기도 참조하십시오.

카드 보기​에서 작은 지구본 아이콘이 자산의 이름 바로 아래에 있고 날짜 및 시간 왼쪽에 표시되어 게시된 것임을 나타냅니다. 목록 보기​에서 게시된 열은 게시되었거나 게시되지 않은 자산을 나타냅니다.

WCM으로 Experience Manager을 사용하는 경우 이 게시 방법을 사용하여 웹 페이지에서 바로 Dynamic Media 3D 자산을 추가하십시오.

또한 Dynamic Media 자산 게시를 참조하십시오.

페이지 게시도 참조하십시오.

정적 Dynamic Media 3D 자산을 게시하려면 다음을 수행하십시오.

  1. 3D 자산(GLB, OBJ 또는 STL 파일 형식)을 엽니다.

  2. 세부 정보 페이지의 도구 모음에서 빠른 게시​를 선택합니다.

    3d-asset-quick-publish

  3. Close​를 눌러 대화 상자를 종료하고 자산 세부 사항 페이지로 돌아갑니다.

  4. 3D 자산 파일 이름의 왼쪽에 있는 드롭다운 목록에서 표현물​을 선택합니다.

    3d-asset-renditions

  5. 원래​을 누릅니다. 3D 자산이 게시되면(또는 "활성화됨"), 다음 3D 자산 조건이 모두 충족되면 페이지의 왼쪽 하단 모서리에 URL 단추가 표시됩니다.

    • 3D 자산은 지원되는 형식(GLB, OBJ, STL 및 USDZ)입니다.
    • 3D 자산을 Dynamic Media IPS(이미지 프로덕션 시스템)에 수집했습니다.
    • 3D 자산이 게시됩니다.

    3d-asset-url

  6. 웹 페이지에서 복사하고 사용할 수 있는 3D 자산의 직접 프로덕션 URL을 표시하려면 URL​을 선택합니다.

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

Experience Manager를 WCM으로 사용하지 않고 이 인 경우 Dynamic Media 3D 자산을 게시하기 위해 다음 두 가지 방법을 사용하십시오.

  • URL - 타사 웹 컨텐츠 관리 시스템을 사용하고 ​차원 뷰어를 사용하여 Dynamic Media 3D 자산을 웹 페이지에 연결하려면 URL을 사용하십시오.

    웹 애플리케이션에 URL 연결을 참조하십시오.

  • 포함 - ​차원 뷰어를 사용하여 웹 페이지에 포함된 Dynamic Media 3D 자산을 보려면 포함 을 사용합니다. 포함 코드를 클립보드에 복사하여 웹 페이지에 붙여넣을 수 있습니다. 포함 대화 상자에서는 코드 편집이 허용되지 않습니다.

    웹 페이지에 Dynamic Media 비디오, 이미지 뷰어 또는 Dimensional 뷰어 포함을 참조하십시오.

이 페이지에서는