Dynamic Media에서 3D 자산 작업 working-with-three-d-assets-dm

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

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

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

신발 3d 3차원 신발 세부 정보 페이지.

Dynamic Media에서 지원되는 3D 형식 supported-three-d-file-formats-in-dm

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 형식입니다.
NOTE
자산의 세부 사항 페이지에서 3D Media WCM 구성 요소 및 3D 미리 보기는 최신 버전의 Chrome(97.x)와 호환되지 않습니다. 대신 3D 자산으로 작업하려면 Firefox나 Safari를 사용하거나 이전 버전의 Chrome(96.x)를 사용하십시오.

빠른 시작: Dynamic Media의 3D 자산 quick-start-three-d

다음 단계별 워크플로 설명은 Dynamic Media - Scene7 모드에서 3D 자산을 빠르게 시작하고 실행하는 데 도움이 되도록 설계되었습니다.

IMPORTANT
3D 자산은 Dynamic Media - 하이브리드 모드에서 지원되지 않습니다.

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

Dynamic Media 구성 - Scene7 모드 및 Dynamic Media 문제 해결 - Scene7 모드에서 E Dynamic Media Cloud Service 구성을 참조하십시오.

3D 자산 보기 및 상호 작용 정보 viewing-three-d-assets

이 섹션에서는 자산 세부 사항 페이지 내에서 및 Experience Manager Sites의 3D 미디어 구성 요소 내에서 두 가지 방법으로 3D 자산을 보고 상호 작용하는 방법에 대해 설명합니다.

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

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

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

또한 대화식으로 카메라를 조작할 때는 워크스테이션, 노트북 또는 모바일 터치 장치와 같은 클라이언트 컴퓨터의 기능도 고려해야 합니다. 우수한 그래픽 기능을 갖춘 합리적으로 강력한 시스템은 대화형 3D 시청 환경을 더 유연하고 더 유리하게 만들 수 있습니다.

TIP
뷰어 사전 설정 편집기에서 차원 뷰어 사전 설정을 열어 먼저 3D 파일을 업로드하지 않고도 3D 에셋을 탐색하는 방법을 연습할 수 있습니다. 차원 뷰어 사전 설정에는 상호 작용할 수 있는 내장 3D 자산이 있습니다.
뷰어 사전 설정 관리를 참조하십시오.

자산 세부 사항 페이지에서 3D 자산을 보고 상호 작용합니다 viewing-three-d-assets-from-asset-details-page

소프트웨어 인터페이스를 사용하여 에셋 미리 보기도 참조하세요.

자산 세부 정보 페이지에서 3D 자산을 보고 상호 작용하려면:

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

    Dynamic Media에서 사용할 3D 자산 업로드를 참조하세요.

  2. Experience Manager Assets 페이지의 탐색 > 파일 페이지로 이동합니다.

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

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

  5. 3D 에셋의 카드를 선택합니다.

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

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    보기 설명 마우스 동작 터치 스크린 동작
    카메라 돌리기 3D 장면 및 개체 주위로 보기를 궤도 회전합니다. 마우스 왼쪽 단추를 클릭하고 드래그합니다. 한 손가락으로 + 드래그.
    카메라 패닝 보기를 왼쪽, 오른쪽, 위쪽 또는 아래쪽으로 회전합니다. 마우스 오른쪽 단추를 클릭하고 드래그하십시오. 두 손가락으로 + 드래그.
    카메라 확대/축소 3D 장면의 영역 안과 밖으로 이동합니다. 스크롤 휠입니다. 손가락 두 개 조입니다.
    카메라를 다시 가운데로 카메라를 3D 장면의 개체에 있는 점에 다시 가운데로 맞춥니다. 두 번 클릭합니다. 두 번 선택합니다.
    재설정 페이지의 오른쪽 하단 모서리 근처에서 재설정 아이콘을 선택하여 보기 대상 지점을 3D 에셋의 가운데로 복원합니다. 또한 재설정을 사용하면 카메라를 더 가깝게 또는 더 멀리 이동하여 에셋을 전체적으로 적절한 보기 크기로 표시할 수 있습니다.
    전체 화면 모드 전체 화면 모드로 전환하려면 페이지의 오른쪽 아래 모서리에서 전체 화면 아이콘을 선택합니다.
  7. 페이지의 오른쪽 상단 모서리에서 닫기 ​를 선택하여 Assets 페이지로 돌아갑니다.

3D 미디어 구성 요소 내에서 3D 자산 보기 및 상호 작용 interacting-with-asset-inside-three-d-media-component

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

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

소프트웨어 인터페이스를 사용하여 에셋 미리 보기도 참조하세요.

3D 미디어 구성 요소 내에서 3D 자산을 보고 상호 작용하려면:

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

    • 페이지의 오른쪽 상단 근처에서 미리 보기 ​를 선택하여 미리 보기 모드로 전환합니다.
    • 브라우저의 페이지 URL에서 /editor.html을(를) 삭제합니다.

    3D 자산이 3D 미디어 구성 요소 내부에 표시됨
    미리 보기 모드에 표시된 완전 대화형 3D 자산입니다.

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

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    보기 설명 마우스 동작 터치 스크린 동작
    카메라 돌리기 3D 장면 및 개체 주위로 보기를 궤도 회전합니다. 마우스 왼쪽 단추를 클릭하고 드래그합니다. 한 손가락으로 + 드래그.
    카메라 패닝 보기를 왼쪽, 오른쪽, 위쪽 또는 아래쪽으로 회전합니다. 마우스 오른쪽 단추를 클릭하고 드래그하십시오. 두 손가락으로 + 드래그.
    카메라 확대/축소 3D 장면의 영역 안과 밖으로 이동합니다. 스크롤 휠입니다. 손가락 두 개 조입니다.
    카메라를 다시 가운데로 카메라를 3D 장면의 개체에 있는 점에 다시 가운데로 맞춥니다. 두 번 클릭합니다. 두 번 선택합니다.
    재설정 페이지의 오른쪽 하단 모서리 근처에서 재설정 아이콘을 선택하여 보기 대상 지점을 3D 에셋의 가운데로 복원합니다. 또한 재설정을 사용하면 카메라를 더 가깝게 또는 더 멀리 이동하여 에셋을 전체적으로 적절한 보기 크기로 표시할 수 있습니다.
    전체 화면 모드 전체 화면 모드로 전환하려면 페이지의 오른쪽 아래 모서리에서 전체 화면 아이콘을 선택합니다.

3D 미디어 구성 요소 작업 정보 working-with-three-d-media-component

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

페이지 템플릿에 3D 미디어 구성 요소 추가 adding-three-d-media-component-to-page-template

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

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

  3. 템플릿을 열려면 편집 ​을 선택하십시오.

  4. 아직 활성화되지 않은 경우 드롭다운 메뉴에서 페이지의 오른쪽 상단 근처에 있는 구조 모드를 선택합니다.

    3d-media-component-structure

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

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

  7. 속성 섹션의 허용된 구성 요소 탭에서 Dynamic Media(으)로 스크롤한 다음 목록을 확장하고 3D 미디어 ​를 확인합니다.

  8. 변경 내용을 저장하고 정책 편집기 ​를 닫으려면 완료 ​를 선택하십시오.

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

웹 페이지에서 3D Media 구성 요소 추가 adding-the-three-d-media-component-to-a-web-page

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

페이지에 Dynamic Media 에셋 추가도 참조하세요.

웹 페이지에 3D 미디어 구성 요소를 추가하려면:

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

  2. 페이지 편집기에서 페이지를 열 수 있도록 편집(연필) 아이콘을 선택하십시오. 페이지의 오른쪽 상단 근처에서 편집 모드를 선택했는지 확인하십시오.

    3d-media-component-add

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

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

    3d-media-component-drag-drop

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

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

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

선택 사항 - 3D 미디어 구성 요소 구성 configuring-the-three-d-component

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

  2. 구성 요소 구성 대화 상자를 열 수 있도록 구성 아이콘(렌치)을 선택합니다.

    3d-media-component-config

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

    3d-media-component-edit-config

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

3D Media 구성 요소에 3D 자산 할당 assigning-a-three-d-asset-to-the-component

웹 페이지에 3D 미디어 구성 요소를 추가한 후 3D 에셋을 할당할 수 있습니다.

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

3D 미디어 구성 요소에 3D 자산을 할당하려면:

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

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

  3. 사이드 패널에서 편집 중인 페이지에서 보려는 3D 자산을 검색하거나 해당 자산으로 스크롤합니다.

  4. Assets 사이드 패널에서 3D 자산을 드래그하여 이전에 페이지에 추가한 3D Media 구성 요소에 놓습니다.

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

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

Publish 정적 Dynamic Media 3D 자산 publishing-three-d-assets

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

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

카드 보기 ​에서 작은 지구 모양 아이콘이 자산의 이름 바로 아래에 나타나며 날짜 및 시간 왼쪽에 게시되었음을 나타냅니다. In the List View, a Published column indicates which assets are published or which are not.

Experience Manager을 WCM으로 사용하는 경우 이 게시 방법을 사용하여 웹 페이지에 직접 Dynamic Media 3D 자산을 추가합니다.

Publish Dynamic Media 자산도 참조하세요.

Publish 페이지도 참조하세요.

정적 Dynamic Media 3D 자산을 게시하려면:

  1. 자산 세부 사항 페이지에서 볼 수 있도록 3D 자산(GLB, OBJ 또는 STL 파일 형식)을 엽니다.

  2. 도구 모음에서 빠른 Publish ​를 선택합니다.

    3d-asset-quick-publish

  3. 대화 상자를 종료하고 자산 세부 정보 페이지로 돌아가려면 닫기 ​를 선택하십시오.

  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 자산을 게시하는 대체 방법 alternate-publish-methods

not ​을(를) 통해 Experience Manager을 WCM으로 사용하는 경우 Dynamic Media 3D 자산을 게시하려면 다음 두 가지 방법을 사용하십시오.

  • URL - 서드파티 웹 콘텐츠 관리 시스템을 사용하고 있고 Dimensional Viewer를 사용하여 Dynamic Media 3D 자산을 웹 페이지에 연결하려는 경우 URL ​을(를) 사용합니다.

    웹 응용 프로그램에 URL 연결을 참조하십시오.

  • 포함 - 차원 뷰어를 사용하여 웹 페이지에 포함된 Dynamic Media 3D 자산을 보려면 포함 ​을 사용합니다. You copy the embed code to the clipboard so you can paste it in your web pages. 포함 대화 상자에서는 코드를 편집할 수 없습니다.

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2