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