3D 자산 보기

중요

AEM 6.4의 AEM 3D는 더 이상 지원되지 않습니다. Adobe에서는 AEM의 3D 자산 기능을 Cloud Service 또는 AEM 6.5.3 이상으로 사용하는 것이 좋습니다. 3D 자산을 표시합니다.

이 문서에서는 자산 세부 정보에서 3D 자산을 보는 방법과 사이트의 3D 구성 요소에 있는 자산을 보는 방법에 대해 설명합니다.

자산 세부 사항 페이지에서 3D 자산 보기

대화형 3D 뷰어는 AEM의 자산 세부 사항 페이지에서 사용할 수 있습니다. 이 뷰어에는 3D 자산을 궤도를 따라 이동하고, 확대/축소하고, 패닝할 수 있는 대화형 카메라 컨트롤 컬렉션이 포함되어 있습니다.

chlimage_1-139

AEM 3D에서 기본 단계를 사용하는 것외에도, 타사 애플리케이션에서 만들어 AEM에 업로드한 단계를 사용할 수도 있습니다.

AEM 3D의 단계 사용 정보를 참조하십시오.

노트

3D 자산을 보려면 장치 또는 데스크톱 브라우저가 WebGL을 지원해야 합니다. 또한 기본 그래픽 하드웨어에는 원하는 크기와 복잡성의 모델을 렌더링할 수 있는 충분한 기능과 메모리가 있어야 합니다. 그림자 표시와 같은 특정 미리 보기 기능은 일부 브라우저에서 사용할 수 없습니다.

3D 자산을 볼 때의 성능 고려 사항

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

  • 서버에 대한 대역폭 및 대기 시간
  • 모델 크기(면 수)
  • 맵의 수 및 크기
  • 단계의 복잡성 예: IBL 이미지의 크기

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

3D 자산을 보려면:

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

    AEM에서의 3D 자산 업로드 및 처리 정보를 참조하십시오.

  2. AEM의 탐색 페이지에서 자산​을 탭합니다.

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

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

  5. 3D 자산의 카드를 탭하여 자산 세부 사항 페이지에서 엽니다.

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

    • 자산 세부 사항 페이지의 오른쪽 아래 모서리에서 카메라 제어 팔레트를 사용하여 자산의 다양한 보기를 변경합니다.

      스크롤 휠이 없는 비터치식 입력 장치를 사용하는 경우에도(예: 클래식 Apple 단일 단추 마우스) 각 모드에서 3D 자산의 확대/축소 또는 원근감을 변경할 수 있습니다. SHIFT 키를 누른 상태로 마우스 단추를 누르고 위아래로 끌어 동작을 수행합니다.

      일반 노트북 컴퓨터의 터치 패드를 사용하는 경우 두 손가락 제스처로 확대/축소 또는 원근 동작을 제어하기 어려운 경우가 많습니다. 이러한 경우 SHIFT 키를 누른 상태로 동작을 수행할 수 있습니다. 이러한 종류의 노력은 핀치 제스처의 속도를 줄어주므로, 원하는 정확한 확대/축소 수준 또는 원근 상태에 보다 쉽게 도달할 수 있습니다. 또는 SHIFT 키를 누른 채로 한 손가락을 사용해서 위아래로 끌어 확대/축소 또는 원근 동작에 영향을 줄 수 있습니다.

    카메라 컨트롤 이름
    설명

    확대/축소

    또는

    Presp

    탭하거나 클릭하여 확대/축소 모드와 원근 모드 간을 전환합니다.

    또는 작업 중에 ALT/OPTION 키를 길게 눌러 원근
    모드로 일시적으로 전환합니다. 키를 떼면 확대/축소 모드로 돌아갑니다.

    • 확대 - 보고 있는 자산에서 카메라를 더 가깝게 또는 더 멀리 이동시키는
      돌리 인/아웃 동작. 확대/축소는 마우스의 스크롤 휠(사용 가능한 경우), 모바일 장치에서의 두 손가락 핀치 제스처 또는 Shift 키를 누른 채로 마우스 왼쪽 단추를 사용하여 위아래로 끌 때의 기본 동작입니다.
    • 원근 - 보기에서 자산의 상대적 크기를 유지하면서 카메라의 초점 거리(보기 필드라고도 함)를 변경합니다. 원근은 스크롤 휠(사용 가능한 경우), 모바일 장치에서의 두 손가락 핀치 제스처 또는 Shift 키를 누른 채로 마우스 왼쪽 단추를 사용하여 위아래로 끌 때의 대체 동작입니다.

    궤도

    또는

    궤도 및 팬 모드 간을 전환하려면 탭하거나 클릭합니다.

    동작 중에 ALT/OPTION 키를 길게 눌러 팬 모드로 일시적으로 전환합니다. 키를 떼면 궤도 모드로 돌아갑니다.

    • 궤도 - 3D 자산의 중앙 근처에 있는 대상 점을 중심으로 하는 구에서 보기 카메라를 이동합니다. 궤도는 모바일 장치에서 왼쪽 단추 드래그 또는 단일 터치 드래그의 기본 동작입니다.
    • - 보기 평면에서 카메라를 이동합니다. 그에 따라 대상 지점이 이동되므로, 후속 궤도 동작은 새 대상 지점에 따라 카메라를 이동합니다. 패닝은 이동은 왼쪽 단추 드래그 및 단일 터치 드래그의 대체 동작입니다.

    검사

    또는

    타겟

    를 탭하거나 클릭하여 검사 모드와 Target 모드 간을 전환합니다.

    • 검사-탭하거나 클릭하여 Target 모드로 들어갑니다.
    • Target-3D 자산의 아무 곳이나 탭하거나 클릭하여 자산의 해당 부분의 보기를 가운데로 정렬합니다.
      궤도 동작은 새 대상 포인트를 사용합니다.
    재설정 뷰 대상 점을 모델의 중심으로 복원하려면 탭하거나 클릭합니다. 또한 재설정에서는 카메라
    이(가) 보다 가깝거나 더 멀리 이동하여 에셋을 전체적으로 적절한 보기 크기로 표시합니다.
    • 자산 세부 사항 페이지의 오른쪽 위 모서리 근처에 있는 스테이지 선택기 아이콘을 탭합니다. 3D 자산에 적용할 배경 및 조명이 있는 단계 이름을 선택하십시오.

    chlimage_1-140

    단계는 3D 모델이 표시되는 환경 배경, 지표 평면 및 조명을 제공합니다.

    ](/docs/experience-manager-64/assets/three-d/about-the-use-of-stages-in-aem-3d.html?lang=ko)AEM 3D의 단계 사용 정보[를 참조하십시오.

    • 자산 세부 사항 페이지의 오른쪽 위 모서리 근처에 있는 카메라 선택기 아이콘을 탭한 다음, 3D 자산에 적용할 카메라 보기를 선택합니다.

    chlimage_1-141

    단계는 종종 사전 정의된 카메라를 제공합니다. 현재 카메라를 다시 선택하여 미리 정의된 설정으로 복원할 수 있습니다.

    ](/docs/experience-manager-64/assets/three-d/about-the-use-of-stages-in-aem-3d.html?lang=ko)AEM 3D의 단계 사용 정보[를 참조하십시오.

  7. 페이지 상단 오른쪽에서 저장​을 탭합니다.

  8. 다음 중 하나를 수행하십시오.

    • 3D 자산을 렌더링합니다.

      3D 자산 렌더링을 참조하십시오.

    • 페이지 상단 오른쪽에서 닫기​를 탭하여 자산 페이지로 돌아갑니다.

사이트 3D 구성 요소에서 3D 자산 보기

노트

이 섹션은 Adobe Dimension 이외의 3D 자산 유형에 사용되는 클래식 webGL 뷰어에만 적용됩니다.

장치 유형에 따라 다양한 방법으로 3D 구성 요소 기능에 액세스합니다.

자세한 내용은 다음을 참조하십시오.

자세한 내용은 3D 구성 요소가 있는 웹 페이지 미리 보기를 참조하십시오.

screen_shot_2017-12-11at145654

터치스크린 장치

터치스크린 장치에서 3D 구성 요소로 작업하려면:

  1. 한 손가락을 끌어다 놓거나 밀어 개체 주위로 시점("카메라")을 이동("궤도")합니다. 모든 방향에서 객체를 볼 수 있습니다.

  2. 두 손가락으로 집어서 카메라를 오브젝트에서 가깝게 또는 멀리 이동합니다. 이 작업은 확대 또는 축소와 유사하며 개체에 대한 세부 사항을 검사할 수 있습니다. 또는 + 또는 - 버튼을 길게 눌러 카메라를 객체에서 더 가깝거나 더 멀리 이동합니다.

  3. 두 손가락으로 드래그하여 카메라를 팬합니다. 이 액션을 사용하면 확대하면서 개체의 다른 부분을 볼 수 있도록 카메라를 왼쪽으로 이동합니다. 또는 궤도/이동 전환 단추를 눌러 팬 모드로 전환한 다음 한 손가락을 눌러 카메라를 팬합니다. 궤도/이동 전환 단추를 눌러 궤도 모드로 되돌립니다.

  4. 뷰어 재설정​을 눌러 카메라를 재설정합니다. 이 작업을 수행하면 객체가 다시 전체 보기로 돌아오고, 활성화된 경우 자동 회전을 다시 시작합니다.

  5. 전체 화면​을 눌러 전체 화면 모드를 시작합니다(장치에서 지원하는 경우). 전체 화면​을 다시 눌러 3D 뷰어를 페이지 포함 모드로 복원합니다.

터치패드 장치

터치패드 디바이스에서 3D 구성 요소를 사용하여 작업하려면 다음을 수행하십시오.

  1. (왼쪽) 터치패드 단추를 누른 상태에서 한 손가락을 드래그하여 개체 주위의 시점("카메라")을 이동("궤도")합니다. 모든 방향에서 객체를 볼 수 있습니다.

  2. 터치패드 단추를 누른 상태에서 두 손가락을 아래로 또는 위로 드래그하여 카메라를 오브젝트에서 가깝게 또는 멀리 이동할 수 있습니다. 이 작업은 확대하거나 축소하는 것과 비슷하며 개체에 대한 세부 사항을 검사할 수 있습니다. 또는 확대 또는 축소 단추를 클릭하여 카메라를 오브젝트에서 더 가깝게 이동하거나 더 멀리 떨어진 곳으로 이동합니다.

  3. ALT/option 키와 (왼쪽) 터치패드 버튼을 누른 상태에서 한 손가락을 들고 카메라를 팬합니다. 이 액션을 사용하면 확대하면서 개체의 다른 부분을 볼 수 있도록 카메라를 왼쪽으로 이동합니다. 또는 궤도/이동 전환 단추를 클릭하여 모드로 전환한 다음 (왼쪽) 단추를 누른 상태에서 한 손가락을 드래그하여 카메라를 팬합니다. 궤도 모드로 되돌리려면 궤도/이동 전환 단추를 다시 클릭합니다.

  4. 뷰어 재설정​을 클릭하여 카메라를 재설정합니다. 이 작업을 수행하면 객체가 다시 전체 보기로 돌아오고, 활성화된 경우 자동 회전을 다시 시작합니다.

  5. 전체 화면​을 클릭하여 전체 화면 모드로 전환합니다. 키보드에서 Escape 키를 사용하거나 전체 화면​을 다시 클릭하여 3D 뷰어를 페이지 포함 모드로 복원합니다.

마우스 및 트랙볼 장치

마우스 및 트랙볼 장치에서 3D 구성 요소를 사용하여 작업하려면:

  1. 마우스 왼쪽 버튼을 누른 상태에서 마우스로 아래로 드래그하여 개체 주위로 시점("카메라")을 이동합니다. 모든 방향에서 객체를 볼 수 있습니다.

  2. 스크롤 휠을 사용하여 카메라를 오브젝트에서 가깝게 또는 멀리 이동합니다. 확대 또는 축소와 비슷하며 개체에 대한 세부 사항을 검사할 수 있습니다. 또는 확대 또는 축소 단추를 클릭하여 카메라를 오브젝트에서 더 가깝게 이동하거나 더 멀리 떨어진 곳으로 이동합니다.

  3. ALT/option 키와 왼쪽 마우스 단추를 누른 상태에서 드래그하여 카메라를 팬합니다. 확대하면서 개체의 다른 부분을 볼 수 있도록 카메라를 왼쪽으로 이동합니다. 또는 궤도/이동 전환 단추를 클릭하여 모드로 전환한 다음 왼쪽 마우스 단추를 누른 상태에서 드래그하여 카메라를 팬합니다. 궤도/이동 전환​을 다시 클릭하여 궤도 모드로 되돌립니다.

  4. 뷰어 재설정​을 클릭하여 카메라를 재설정합니다. 이 작업을 수행하면 객체가 다시 전체 보기로 돌아오고, 활성화된 경우 자동 회전을 다시 시작합니다.

  5. 전체 화면​을 클릭하여 전체 화면 모드로 전환합니다. 키보드에서 Escape 키를 사용하거나 전체 화면​을 다시 클릭하여 3D 뷰어를 페이지 포함 모드로 복원합니다.

이 페이지에서는