개요
그림 단락으로 추가한 그림을 편집할 수 있는 비주얼 에디터를 제공합니다.
비주얼 에디터 열기
그림 단락 오른쪽 위에 있는 <1비주얼 에디터> 링크를 클릭하여 에디터를 엽니다.
에디터 <단락 안 그림> 메뉴로 추가한 그림은 비주얼 에디터에서 열 수 없습니다.
비주얼 에디터 기본 기능
1편집을 완료한 후에 저장해야 변경 사항을 반영합니다.
2저장하지 않고 비주얼 에디터를 닫습니다.
3설정()에서 눈금선이 보이게 설정할 수 있습니다.
객체 추가 및 설정
글 상자, 텍스트 상자 가이드, 도형(콜아웃, 순서도, 디자인 가이드 도형 지원), 그림 객체를 추가할 수 있습니다. 에디터 메뉴에서 객체를 선택하고 에디터 화면에 마우스를 클릭하면 선택한 객체가 나타납니다. 마우스 끌기로 원하는 위치에 자유롭게 배치할 수 있습니다.
<Ctrl + V
> 단축키로 클립보드에 있는 그림을 붙여 넣을 수 있습니다.
마우스 클릭으로 객체를 선택하면 오른쪽에 해당 옵션이 나타납니다. 주요 옵션은 다음과 같습니다.
화면이 작을 때는 오른쪽이 아닌 아래에 나타날 수 있습니다.
옵션 | 설명 | 적용 범위 |
---|---|---|
객체 잠그기 | 객체 잠그기를 선택하면 객체의 크기와 위치를 바꿀 수 없습니다. | 모든 객체 |
글꼴 | 글 상자, 텍스트 상자 가이드 | |
글꼴 색 | 글 상자, 텍스트 상자 가이드, 콜아웃, 콜아웃 라인 | |
글꼴 크기 | 최솟값은 1입니다. | 글 상자, 텍스트 상자 가이드, 글 상자, 텍스트 상자 가이드, 콜아웃, 콜아웃 라인 |
글꼴 스타일 | 글 상자, 텍스트 상자 가이드 | |
백분율 | 그림 크기를 비율로 설정합니다. | 그림 |
너비 | 직사각형, 타원, 그림, 스포트라이트 | |
높이 | 직사각형, 타원, 그림, 스포트라이트 | |
윤곽선 두께 | 음수(-) 값을 적용할 수 없습니다. | 직사각형, 타원, 그림, 선, 콜아웃, 콜아웃 라인, 화살표, 스포트라이트 |
윤곽선 색 | 직사각형, 타원, 그림, 선, 콜아웃, 콜아웃 라인, 화살표, 스포트라이트, 텍스트 상자 가이드 | |
채우기 색 | 직사각형, 타원, 콜아웃, 콜아웃 라인 | |
이중선 색 | 배경과 객체 윤곽선이 구분되도록 이중선을 그립니다. | 직사각형, 타원, 선, 화살표, 콜아웃 라인, 텍스트 상자 가이드 |
투명도 | 0과 1 사이의 값으로 객체의 투명도를 설정합니다. | 직사각형, 타원, 그림 |
텍스트 객체
글 상자와 텍스트 상자 가이드는 다음 옵션을 설정할 수 있습니다. 글 상자는 윤곽선 색과 이중선 색 옵션이 없습니다.
1웹 브라우저가 지원하는 글꼴을 입력합니다.
2내용을 입력할 때 줄 바꿈이 필요한 위치에서 줄 바꿈을 합니다.
선 객체
선 객체는 선, 꺾은 선, 곡선, 화살표로 이루어져 있습니다. 화살표는 시작과 끝의 종류를 설정할 수 있습니다.
<Shift
> 키를 누른 상태에서 선의 크기를 조정하면 0, 22.5, 45, 67.5, 90도 등으로 정해진 각도에 맞추어집니다.
콜아웃 객체
1글꼴 크기로 콜아웃의 크기를 설정할 수 있습니다.
2콜아웃 번호를 입력합니다.
3콜아웃 라인은 이중선 색을 선택할 수 있습니다.
그림 객체
크기 조정
1너비를 바꾸면 높이는 비율에 맞추어 자동 조절됩니다.
2그림 객체의 크기를 원본 크기로 되돌립니다.
자르기
<1자르기>메뉴로 그림을 자릅니다. 마우스로 자르거나 옵션에서 자를 크기를 조절합니다.
방향키로 그림 자르기
키보드 방향키로 1 픽셀 단위로 그림을 자릅니다.
그림을 선택합니다.
<자르기> 메뉴를 선택합니다.
키보드 방향키로 그림을 원하는 크기로 자릅니다.
Left(←)와 Right(→) 방향키로 그림 왼쪽을 자릅니다. 그림 오른쪽을 자르려면 Ctrl 키를 함께 누릅니다.
Up(↑)과 Down(↓) 방향키로 그림 위쪽을 자릅니다. 그림 아래쪽을 자르려면 Ctrl 키를 함께 누릅니다.
객체 선택
객체를 선택하는 방법은 다음과 같습니다.
선택할 객체를 클릭합니다.
<
Ctrl
> 또는 <Shift
> 키를 누른 상태에서 객체를 클릭하면 여러 객체를 선택할 수 있습니다.<
Ctrl + A
> 단축키로 모든 객체를 선택할 수 있습니다.마우스 끌기로 여러 객체를 선택할 수 있습니다.
객체 복사와 붙여넣기
객체를 복사하고 붙여 넣는 방법은 다음과 같습니다.
<
Ctrl + C
> 단축키로 선택한 객체를 복사하고 <Ctrl + V
> 단축키로 복사한 객체를 붙여 넣기 합니다.마우스로 객체를 이동할 때 <
Ctrl
> 키를 누르면 해당 객체를 붙여 넣기 합니다.
구글 크롬에서는 <Ctrl + V
> 단축키로 클립보드에 있는 그림을 붙여 넣을 수 있습니다. 그런데 <Ctrl + C
> 단축키로 객체를 복사하면 <Ctrl + V
> 단축키가 해당 객체를 붙여 넣기 때문에 클립보드에 있는 그림을 붙여 넣을 수 없게 됩니다. 이 때는 하단에 있는 <1클립보드 비우기>를 클릭하면 됩니다.
객체 크기 조절
마우스로 모서리를 잡고 객체 크기를 조절할 때 <
Shift
> 키를 누르면 너비와 높이가 같아집니다.마우스로 모서리를 잡고 그림 크기를 조절하면 그림 너비와 높이 비율을 유지합니다.
객체 앞으로 가져오기와 뒤로 보내기
비주얼 에디터에서는 그림, 도형, 글 상자 등 여러 객체를 삽입할 수 있고, 객체 위에 객체를 놓을 수도 있습니다. 에디터에서 여러 객체들을 겹쳐 놓을 때 먼저 놓인 객체가 앞에 놓인 객체 뒤로 숨게 되는데, 객체 순서를 바꿀 수 있습니다.
객체를 선택한 후 “앞으로 가져오기(맨 앞으로 가져오기)”와 “뒤로 보내기(맨 뒤로 보내기)”로 놓여진 객체 순서를 설정합니다.
맞춤
여러 객체를 선택한 후 다양한 방식으로 위치를 설정할 수 있습니다.
옵션 | 설명 |
---|---|
왼쪽 맞춤 | 선택한 모든 객체 중 가장 왼쪽에 있는 객체를 기준으로 선택한 모든 객체의 왼쪽을 맞춥니다. |
가운데 맞춤 | 선택한 모든 객체 중 가장 왼쪽에 있는 객체와 가장 오른쪽에 있는 객체의 가운데를 기준으로 선택한 모든 객체의 가운데를 맞춥니다. |
오른쪽 맞춤 | 선택한 모든 객체 중 가장 오른쪽에 있는 객체를 기준으로 선택한 모든 객체의 오른쪽을 맞춥니다. |
위쪽 맞춤 | 선택한 모든 객체 중 가장 위쪽에 있는 객체를 기준으로 선택한 모든 객체의 위쪽을 맞춥니다. |
중간 맞춤 | 선택한 모든 객체 중 가장 위쪽에 있는 객체와 가장 아래쪽에 있는 객체의 중간을 기준으로 선택한 모든 객체의 중간을 맞춥니다. |
아래쪽 맞춤 | 선택한 모든 객체 중 가장 아쪽에 있는 객체를 기준으로 선택한 모든 객체의 아래쪽을 맞춥니다. |
가로 간격을 동일하게 | 선택한 모든 객체 중 가장 왼쪽에 있는 객체와 가장 오른쪽에 있는 객체를 기준으로 선택한 나머지 객체의 가로 간격을 동일하게 맞춥니다. |
세로 간격을 동일하게 | 선택한 모든 객체 중 가장 위쪽에 있는 객체와 가장 아래쪽에 있는 객체를 기준으로 선택한 나머지 객체의 세로 간격을 동일하게 맞춥니다. |
옵션 저장
현재 보고 있는 객체의 1옵션을 저장할 수 있습니다. 같은 유형의 객체를 만들 때 이 옵션 값을 기본값으로 사용합니다.
<옵션 저장> 링크는 “관리” 권한이 있는 사용자에게만 보입니다.
단축키의 활용
비주얼 에디터에서 다음 단축키를 사용할 수 있습니다.
윈도우 | 리눅스 | 맥 OS | 설명 |
---|---|---|---|
|
|
| 모든 객체를 선택합니다. |
|
|
| 선택한 객체를 복사합니다. |
|
|
| 복사한 객체를 붙여 넣기 합니다. |
|
|
| 도형 옵션 패널을 열고 숨깁니다. |
|
|
| 선택한 객체를 삭제합니다. |
|
|
| 선택한 객체를 1px 위로 이동합니다. |
|
|
| 선택한 객체를 1px 아래로 이동합니다. |
|
|
| 선택한 객체를 1px 왼쪽으로 이동합니다. |
|
|
| 선택한 객체를 1px 오른쪽으로 이동합니다. |