본문으로 건너뛰기

안동민 개발노트

본문 시작

에디터 인터페이스 탐색

뷰포트·아웃라이너·디테일·콘텐츠 브라우저 등 언리얼 에디터의 핵심 패널 역할과 레이아웃 조정법을 익힙니다.

이번 절에서는 언리얼 에디터의 주요 인터페이스를 확인합니다.

각 패널의 역할을 기준으로 뷰포트, 아웃라이너, 디테일 패널, 콘텐츠 브라우저의 사용 위치를 정리합니다.

에셋을 액터로 배치하고, 선택한 대상을 수정한다

화면의 패널은 따로 외우는 메뉴가 아니라 하나의 편집 동선을 나누어 맡는 작업 공간입니다.

  1. 재사용할 에셋을 찾는다

    Content Browser 메시, 재질, 블루프린트처럼 프로젝트에 저장된 원본을 고릅니다.

  2. 레벨에 액터로 놓는다

    Viewport 에셋을 3D 공간에 배치해 위치와 크기를 눈으로 확인합니다.

  3. 정확한 액터를 고른다

    World Outliner 현재 레벨의 인스턴스 목록에서 수정할 대상을 다시 선택합니다.

  4. 선택한 값만 바꾼다

    Details 트랜스폼, 재질, 컴포넌트 등 선택 대상의 속성을 조정합니다.


언리얼 에디터, 한눈에 보기

언리얼 에디터 패널 지도

처음에는 모든 패널을 외우기보다 화면을 보는 곳, 고르는 곳, 속성을 바꾸는 곳으로 나누면 빠르게 익숙해집니다.

  1. 액터 검토

    Viewport에서 위치와 회전, 스케일을 눈으로 확인합니다.

  2. 대상 선택

    World Outliner에서 현재 레벨의 액터를 정확히 선택합니다.

  3. 속성을 바꾼다

    Details에서 선택한 액터의 값을 조정합니다.

  4. 에셋을 배치한다

    Content Browser에서 메시, 머티리얼, 블루프린트를 끌어옵니다.

언리얼 에디터는 크게 몇 가지 핵심 패널로 구성되어 있습니다.

이 패널들은 서로 유기적으로 연결되어 여러분의 창작 활동을 돕습니다.

에디터의 레이아웃은 사용자가 원하는 대로 자유롭게 배치하고 저장할 수 있지만, 기본 레이아웃을 중심으로 설명하겠습니다.

뷰포트 (Viewport)

가장 크고 중앙에 위치한 패널이 바로 뷰포트입니다.

이곳은 여러분이 작업하는 3D 공간을 실시간으로 보여주는 창입니다.

레벨에 배치된 모든 오브젝트를 확인하고, 카메라 시점을 이동하며 작업 환경을 탐색할 수 있습니다.

  • 주요 기능
    • 3D 공간 탐색: 마우스와 키보드를 사용하여 뷰포트 내에서 자유롭게 이동하고 회전할 수 있습니다.
    • 오브젝트 선택 및 조작: 레벨에 배치된 오브젝트(액터)를 선택하고, 이동, 회전, 크기 조절 등의 변형 작업을 수행합니다.
    • 실시간 렌더링: 빛, 그림자, 재질 등 모든 시각적 요소가 실시간으로 렌더링되어 작업 결과를 즉시 확인할 수 있습니다.
  • : 뷰포트는 여러분이 가장 많은 시간을 보내게 될 공간입니다. 이곳에서의 자유로운 움직임은 언리얼 엔진 작업의 기본 중의 기본이므로, 다음 장에서 상세히 다룰 조작법을 반드시 숙달해야 합니다.

월드 아웃라이너 (World Outliner)

일반적으로 에디터 우측 상단에 위치한 월드 아웃라이너는 현재 열려있는 레벨(Level)에 존재하는 모든 액터(Actor)들의 목록을 보여주는 패널입니다.

액터는 언리얼 엔진의 3D 공간에 배치될 수 있는 모든 오브젝트의 기본 단위입니다.

빛, 카메라, 캐릭터, 메시(건물, 소품 등) 등이 모두 액터에 해당합니다.

  • 주요 기능
    • 액터 목록 확인: 레벨에 배치된 액터들을 계층 구조로 한눈에 파악할 수 있습니다.
    • 액터 선택: 목록에서 액터를 클릭하여 선택하거나, 특정 액터를 검색할 수 있습니다.
    • 액터 관리: 액터의 가시성 토글, 그룹화, 이름 변경 등을 수행할 수 있습니다.
  • : 복잡한 레벨에서는 월드 아웃라이너를 통해 원하는 액터를 빠르게 찾고 관리하는 것이 중요합니다.

디테일 패널 (Details Panel)

월드 아웃라이너 아래에 위치한 디테일 패널은 현재 선택된 액터나 에셋의 모든 속성(Properties)을 표시하고 편집할 수 있는 패널입니다.

액터의 위치, 회전, 크기부터 재질, 물리 설정, 블루프린트 변수 등 셀 수 없이 많은 속성들을 이곳에서 조절합니다.

  • 주요 기능
    • 속성 편집: 선택된 오브젝트의 위치, 회전, 크기 등 트랜스폼(Transform) 정보를 비롯해 다양한 컴포넌트(Component)와 관련된 속성을 변경합니다.
    • 컴포넌트 추가: 선택된 액터에 새로운 기능을 부여하는 컴포넌트(예: 스태틱 메시, 스카이 라이트, 카메라 등)를 추가할 수 있습니다.
    • 이벤트 바인딩: 액터와 상호작용하는 블루프린트 이벤트를 연결할 수 있습니다.
  • : 디테일 패널은 언리얼 엔진에서 오브젝트의 특성을 조절하는 핵심적인 부분입니다. 이곳에서 값을 변경하는 연습을 많이 해보세요.

콘텐츠 브라우저 (Content Browser)

에디터 하단에 넓게 위치한 콘텐츠 브라우저는 프로젝트에서 사용하는 모든 콘텐츠(Content) 파일, 즉 에셋(Asset)을 관리하는 패널입니다.

3D 모델(Static Mesh), 재질(Material), 텍스처(Texture), 사운드(Sound), 애니메이션(Animation), 블루프린트(Blueprint) 클래스처럼 프로젝트를 구성하는 디지털 자산이 이곳에 저장되고 관리됩니다.

  • 주요 기능
    • 에셋 탐색 및 관리: 폴더 구조를 통해 에셋들을 효율적으로 탐색하고, 새로운 에셋을 생성하거나 가져올 수 있습니다.
    • 에셋 미리보기: 에셋을 선택하면 우측 패널에서 에셋의 미리보기를 제공합니다.
    • 에셋 드래그 앤 드롭: 뷰포트나 월드 아웃라이너로 에셋을 직접 드래그하여 레벨에 배치할 수 있습니다.
  • : 콘텐츠 브라우저는 여러분이 생성하거나 외부에서 가져온 모든 재료가 모이는 곳입니다. 깔끔하게 정리하는 습관을 들이는 것이 중요합니다.

툴바 (Toolbar)

에디터 상단 중앙에 위치한 툴바는 자주 사용되는 주요 기능들을 아이콘 형태로 모아둔 곳입니다.

  • 주요 기능
    • 저장(Save Current): 현재 레벨 및 변경된 에셋들을 저장합니다. 작업 중에는 자주 저장하는 습관을 들이는 것이 매우 중요합니다.
    • 모드(Modes): 선택 모드, 지형(Landscape) 모드, 폴리지(Foliage) 모드 등 다양한 편집 모드를 전환합니다.
    • 추가(Add): 레벨에 기본적인 액터를 빠르게 추가할 수 있습니다.
    • 블루프린트(Blueprints): 레벨 블루프린트나 다른 블루프린트 클래스를 열 수 있습니다.
    • 시네마틱(Cinematics): 시퀀서(Sequencer)를 통해 인게임 시네마틱을 제작할 수 있습니다.
    • 플레이(Play): 현재 작업 중인 레벨을 미리보기 모드로 플레이하여 테스트할 수 있습니다.
  • : 툴바의 기능들은 주로 많이 사용하게 될 것이므로, 각 아이콘의 의미를 익혀두면 작업 속도를 높일 수 있습니다.

처음 보는 화면은 패널 역할을 따라 탐색한다

에셋을 고르고, 장면에 배치하고, 액터를 선택한 뒤, 디테일 패널에서 값을 조정하는 순서를 반복하면 에디터 구조가 빠르게 익숙해진다.

  1. Content Browser

    필요한 메시, 머티리얼, 블루프린트 에셋을 폴더에서 찾는다.

  2. Viewport

    에셋을 레벨에 배치하고 위치, 회전, 크기를 눈으로 확인한다.

  3. World Outliner

    복잡한 레벨에서는 목록과 검색으로 정확한 액터를 다시 고른다.

  4. Details

    선택된 액터의 트랜스폼, 컴포넌트, 머티리얼 값을 조정한다.

  5. 기본 화면에서 위치 찾기

    Toolbar 저장, 추가, 실행 Viewport 장면을 직접 보는 곳 Outliner 레벨의 액터 목록 Details 선택 대상의 속성 Content Browser 프로젝트 에셋 저장소

  6. 막혔을 때 보는 기준

    안 보임 Viewport 시점과 Outliner 선택 상태를 확인한다. 선택 안 됨 Outliner 검색으로 액터 이름을 찾는다. 값 안 바뀜 Details에서 잠금, Mobility, 컴포넌트를 확인한다. 에셋 못 찾음 Content Browser 폴더와 필터 상태를 먼저 본다.

처음에는 패널 이름을 외우기보다, 지금 하려는 일이 보기, 선택, 수정, 관리 중 어디에 가까운지 판단하면 훨씬 빠르게 길을 찾을 수 있습니다.

패널 선택 기준

뷰포트, 월드 아웃라이너, 디테일 패널, 콘텐츠 브라우저는 따로 외우는 메뉴가 아니라 작업 질문에 답하는 네 가지 창입니다.

  1. Viewport

    보기 장면이 어떻게 보이나? 카메라 시점, 배치 상태, 실시간 렌더링을 확인합니다.

  2. World Outliner

    선택 어떤 액터를 고를까? 레벨에 있는 액터를 목록과 검색으로 찾습니다.

  3. Details

    수정 값을 어디서 바꾸나? 위치, 회전, 스케일과 컴포넌트 속성을 조정합니다.

  4. Content Browser

    관리 재료가 어디 있나? 메시, 재질, 사운드, 블루프린트 에셋을 관리합니다.

  5. 1. 에셋 찾기

    에셋 찾기 Content Browser

  6. 2. 장면에 배치

    장면에 배치 Viewport

  7. 3. 액터 다시 선택

    액터 다시 선택 World Outliner

  8. 4. 속성 조정

    속성 조정 Details


레이아웃 커스터마이징

언리얼 에디터의 각 패널은 드래그 앤 드롭을 통해 위치를 자유롭게 변경하거나, 독립적인 창으로 분리할 수 있습니다.

여러분의 작업 스타일에 맞춰 최적의 레이아웃을 구성할 수 있으며, 창(Window) > 레이아웃 저장(Save Layout) 메뉴를 통해 현재 레이아웃을 저장하고 나중에 다시 불러올 수도 있습니다.


이제 언리얼 에디터의 주요 패널들을 간략하게 살펴보았습니다.

처음에는 구성 요소가 많아 복잡하게 느껴질 수 있지만, 이어지는 절들에서 각 패널의 기능과 활용법을 단계적으로 다루므로 반복 실습을 통해 자연스럽게 익숙해질 수 있습니다.

중요한 것은 꾸준히 탐험하고 시도하는 것입니다.

다음 절에서는 뷰포트 내에서 자유롭게 이동하고 오브젝트를 조작하는 기본적인 방법에 대해 집중적으로 알아보겠습니다.

에디터 인터페이스는 뷰포트, 아웃라이너, 디테일, 콘텐츠 브라우저가 선택과 배치, 속성 수정을 나누어 맡는 구조로 보면 덜 복잡합니다.

에디터 패널 역할 분리

에디터는 많은 창이 한꺼번에 보이지만 각 패널은 보는 곳, 고르는 곳, 조정하는 곳, 보관하는 곳으로 나눌 수 있습니다.

  1. 장면을 직접 조작

    Viewport 액터를 배치하고 카메라를 움직이며 결과를 눈으로 확인하는 가장 큰 작업 공간입니다.

  2. 월드 목록을 찾기

    Outliner 복잡한 레벨에서 원하는 액터를 이름과 계층으로 빠르게 선택하는 탐색 패널입니다.

  3. 속성 값을 수정

    Details 선택한 오브젝트의 위치, 회전, 컴포넌트, 재질 같은 세부 설정을 바꿉니다.

  4. 재료를 관리

    Content 외부에서 가져온 에셋과 프로젝트에서 만든 파일이 쌓이는 기준 창입니다.