이미지, 동영상 편집도 xbrush

Byoul Oh's avatar
Feb 28, 2026
이미지, 동영상 편집도 xbrush
## 에디터 인터페이스

![에디터 인터페이스](/img/editor/editor-interface.png)

*에디터의 주요 기능과 사용 방법을 보여줍니다.*

에디터에서 "작업" 단위로 디자인을 다루며 디자인 결과물은 프리젠테이션입니다. 생성한 이미지와 동동영상를 활용하여 텍스트 등을 추가하여 프리젠테이션을 생성할 수 있습니다. 작업 단위의 결과물을 저장하고 다운로드할 수 있습니다.

- 워크스페이스: 생성 화면에 있는 워크스페이스와 동일합니다.   단위로 폴더별 관리, 공유가 가능합니다.
- 템플릿: 페이지에 대한 준비된 디자인 템플릿을 사용할 수 있습니다.
- 텍스트: 준비된 폰트와 양식을 선택하여 텍스트를 추가할 수 있습니다.
- 작업: 편집기의 작업 단위입니다. 새 작업을 추가하고 이름바꾸기, 저장, 삭제할 수 있습니다. 
- AI 이미지: 생성 화면에서 생성한 이미지들을 편집기에서 선택해서 사용할 수 있습니다.
- 사진: 공개된 사진들을 사용할 수 있습니다.
- 요소: 화살표 등 여러 모양의 요소들을 사용할 수 있습니다.
- 이미지 업로드: 이미지를 올려서 사용할 수 있습니다.
- 배경: 페이지의 배경 이미지를 선택할 수 있습니다.
- 레이어: 디자인을 레이어별로 조정할 수 있습니다.
- 크기 조정: 페이지의 크기와 형태를 설정할 수 있습니다.
- 동영상: 공개된 동영상을 사용할 수 있습니다.


## 워크스페이스
![기본 편집 도구](/img/editor/editor-workspace.png)

*워크스페이스*

- 워크스페이스는 생성 화면과 동일한 방식으로 공유됩니다.
- 워크스페이스 설명을 참고하시기 바랍니다.

## 템플릿
![기본 편집 도구](/img/editor/editor-templates.png)

*템플릿*

- 준비된 템플릿을 활용하여 페이지를 추가하고 편집할 수 있습니다.

## 텍스트
![기본 편집 도구](/img/editor/editor-typography.png)

*텍스트*

- 텍스트와 양식을 추가할 수 있습니다.

## 작업
![기본 편집 도구](/img/editor/editor-tasks.png)

*작업*

- "작업" 단위로 관리되는 에디터 결과물에 대해서 변경사항이 발생할 때 "저장" 아이콘이 활성화되어 저장할 수 있습니다.
- 저장된 작업의 이름을 변경할 수 있습니다.
- 저장된 작업에 마우스를 올려면 휴지통 아이콘이 나타나며, 휴지통을 클릭하면 삭제됩니다.

![기본 편집 도구](/img/editor/editor-new-task.png)

*새 작업 추가하기*

- 새 작업을 추가하기 위해 "+" 아이콘을 클릭하면 새로운 작업의 빈 페이지(캔버스)가 나타납니다. 

![기본 편집 도구](/img/editor/editor-rename-task.png)

*작업 이름 변경하기*

- 작업 이름을 더블 클릭하여 새 이름을 입력하고 엔터를 치면, 확인 팝업창이 뜹니다.
- 팝업창의 확인을 클릭하면 작업 이름이 변경됩니다.

## AI 이미지
![기본 편집 도구](/img/editor/editor-ai-images.png)

*AI 이미지*

- 생성 화면에서 생성한 이미지들을 사용할 수 있습니다.
- 원하는   폴더에 있는 내용을 추가하려면 워크스페이스에서   폴더를 변경할 수 있습니다.
- 공유된 이미지들도 사용할 수 있습니다.

## 사진
![기본 편집 도구](/img/editor/editor-photos.png)

*사진*

- 무료로 사용할 수 있는 공개된 사진들을 사용할 수 있습니다.

## 요소
![기본 편집 도구](/img/editor/editor-shapes.png)

*요소*

- 화살표, 도형 등의 요소들이 준비되어 있으며 추가하여 사용할 수 있습니다.

## 이미지 업로드
![기본 편집 도구](/img/editor/editor-upload.png)

*이미지 업로드*

- 본인이 소유한 이미지들을 업로드해서 사용할 수 있습니다.
- "이미지 업로드"를 클릭하면 탐색기가 열리고 탐색기로 원하는 이미지들을 올립니다.

## 배경
![기본 편집 도구](/img/editor/editor-background.png)

*배경*

- 페이지의 배경 이미지를 지정할 수 있습니다.

## 레이어
![기본 편집 도구](/img/editor/editor-layer.png)

*레이어*

- 이미지, 텍스트, 동영상, 도형 등의 디자인 요소들에 대한 순서를 정할 수 있습니다.
- 레이어가 앞쪽이면 뒤쪽 레이어를 가릴 수 있으므로 순서를 잘 정의하여 전면에 보이는 디자인을 효과적으로 만들 수 있습니다.
- 레이어의 앞, 뒤 순서를 변경할 수 있는 방법은 총 4가지입니다.
- 사이드의 주메뉴를 선택하여 왼쪽 패널에 나타나는 레이어별 순서를 마우스로 드래그하여 위치 조정이 가능합니다.
- 상단바의 메뉴들 중 "위치" 메뉴를 클릭하면 레이어들의 순서를 변경할 수 있습니다.
- 마우스 왼쪽 클릭으로 요소를 선택하여 나타나는 메뉴 중 "위치" 메뉴를 선택하여 레이어를 조정할 수 있습니다.
- 마우스 오른쪽 클릭하여 나타나는 메뉴의 "레이어링" 메뉴로 조정이 가능합니다.
- 레이어에 대한 변경은 가장 수월하도록 지원하고 있습니다.

![기본 편집 도구](/img/editor/editor-layering.png)

*마우스 왼쪽 클릭하여 선택한 요소에 대한 레이어 변경*

- 마우스 왼쪽 클릭으로 요소를 선택하여 나타나는 메뉴 중 "위치" 메뉴를 선택하여 레이어를 조정할 수 있습니다.

![마우스 메뉴](/img/editor/editor-right-click-menu.png)

*마우스 오른쪽 클릭 메뉴에서 레이어 변경*

- 마우스 오른쪽 클릭하여 나타나는 메뉴의 "레이어링" 메뉴로 조정이 가능합니다.

## 크기 조정
![기본 편집 도구](/img/editor/editor-size.png)

*크기 조정*

- 크기 조정 메뉴를 선택하면 페이지의 레이아웃을 변경할 수 있습니다.

## 동영상
![기본 편집 도구](/img/editor/editor-videos.png)

*동영상*

- 동영상 메뉴에서는 무료로 사용할 수 있는 동영상 클릭들이 준비되어 있습니다.

## 상단바 이미지 편집 메뉴

- 작업 되돌리기(UnDo), 다시하기(ReDo): 편집기 상단의 가장 먼저 나타나는 회전 화살표 2개는 작업 상태를 되돌리거나 다시 진행하는 기능입니다.

### 뒤집기

![기본 편집 도구](/img/editor/editor-transpose.png)

*뒤집기*

- 뒤집기 메뉴는 선택한 요소를 가로로 뒤집기와 세로로 뒤집기를 지원합니다.
- 가로로 뒤집기는 이미지의 좌우를 서로 바꿉니다.
- 세로로 뒤집기는 이미지의 상하를 서로 바꿉니다.

### 효과

![기본 편집 도구](/img/editor/editor-effect.png)

*효과*

- 효과 메뉴를 통해 요소에 다양한 효과를 줄 수 있습니다.

### 페이지에 맞추기

![기본 편집 도구](/img/editor/editor-fit.png)

*페이지에 맞추기*

- 페이지에 맞추기 메뉴를 클릭하면 페이지에 맞도록 요소의 크기가 조정됩니다.

### 이미지 마스킹

![기본 편집 도구](/img/editor/editor-mask.png)

*이미지 마스킹*

- 다양한 마스킹을 지원합니다. 특정 모양으로 요소를 노출시킬 수 있으며 마스킹 영역밖은 가려집니다.

### 자르기

![기본 편집 도구](/img/editor/editor-crop.png)

*자르기*

- 이미지를 원하는 크기로 자를 수 있습니다.

### 배경 지우기

![기본 편집 도구](/img/editor/editor-bg-removal.png)

*배경 지우기*

- 선택한 이미지의 배경을 삭제할 수 있습니다.

![기본 편집 도구](/img/editor/editor-bg-removal-result.png)

*배경 지우기 결과*

- 배경이 삭제된 이미지가 생성됩니다.

### 투명도

![기본 편집 도구](/img/editor/editor-opacity.png)

*투명도*

- 선택한 요소의 투명도를 조정할 수 있습니다.

### 잠금

![기본 편집 도구](/img/editor/editor-lock.png)

*잠금*

- 선택한 요소를 잠금 처리하면 편집되지 않습니다.
- 잠금된 요소는 잠금 해제하여 다시 편집할 수 있습니다.

### 요소복제

![기본 편집 도구](/img/editor/editor-duplicate.png)

*요소복제*

- 선택한 요소를 복제할 수 있습니다.

### 요소삭제

![기본 편집 도구](/img/editor/editor-remove.png)

*요소삭제*

- 선택한 요소를 삭제합니다.

### 스타일 복제

![기본 편집 도구](/img/editor/editor-copy-style.png)

*스타일 복제*

- 선택한 요소의 스타일을 복제합니다.

## 상단바 텍스트 편집 메뉴

![기본 편집 도구](/img/editor/editor-text-menu.png)

*텍스트 메뉴*

- 작업 되돌리기(UnDo), 다시하기(ReDo): 편집기 상단의 가장 먼저 나타나는 회전 화살표 2개는 작업 상태를 되돌리거나 다시 진행하는 기능입니다.

### 글자색

- 글자색을 변경할 수 있습니다.

### 폰트

- 폰트를 변경할 수 있습니다.

### 글자 크기

- 글자 크기를 변경할 수 있습니다.

### 정렬

- 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬이 가능합니다.

### 텍스트 스타일

- 볼드체, 이탤리체, 밑줄 등의 스타일이 지원됩니다.

### 줄간격

- 줄간격을 조정할 수 있습니다.

### 효과

- 텍스트의 효과를 추가할 수 있습니다.

### AI 작성

- AI를 이용하여 텍스트를 조정할 수 있습니다.
- 다시 작성
- 줄이기
- 계속하기
- 교정하기
- 톤 조정하기: 친근한, 전문적인, 유머러스한, 격식있는
- 커스톰 프롬프트: 원하는 텍스트를 추가할 수 있습니다.

![AI 작성](/img/editor/editor-text-custom-prompt.png)

*AI 작성: 커스텀 프롬프트*

![AI 작성](/img/editor/editor-text-custom-prompt-result.png)

*AI 작성: 커스텀 프롬프트 결과*

## 편집 마우스 메뉴

![마우스 메뉴](/img/editor/editor-left-click-menu.png)

*마우스 왼쪽 클릭 메뉴*

- AI 작성: 텍스트에 대해서만 나타나는 메뉴
- 요소 복제:
- 요소 제거: 
- 위치: 레이어 조정과 정렬 기능

![마우스 메뉴](/img/editor/editor-right-click-menu.png)

*마우스 오른쪽 클릭 메뉴*

- 잠금:
- 복제:
- 제거:
- 레이어링: 레이어 순위 조정

## 페이지 메뉴

### 페이지 순서

![페이지 순서](/img/editor/editor-page-order.png)

*페이지 순서*

- 페이지 순서를 변경할 수 있습니다.

### 페이지 복제

![페이지 복제](/img/editor/editor-page-duplicate.png)

*페이지 복제*

- 페이지가 복제되어 아래에 추가됩니다.

### 페이지 제거

- 선택한 페이지를 삭제합니다.

### 페이지 추가

![페이지 추가](/img/editor/editor-page-add.png)

*페이지 추가*

- 빈 페이지가 추가됩니다.

## 다운로드

![기본 편집 도구](/img/editor/editor-download.png)

*다운로드*

- 디자인한 작업을 다운로드할 수 있습니다.
- 다운로드 포맷은 pdf, svg, png, json 형식 4가지를 지원합니다.

## 저장

- 작업이 진행하면서 저장 버튼을 통해 언제라도 저장할 수 있습니다.
Share article

xbrush blog