비주얼 에디터

개요

그림 단락으로 추가한 그림을 편집할 수 있는 비주얼 에디터를 제공합니다.

비주얼 에디터 열기

그림 단락 오른쪽 위에 있는 <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 픽셀 단위로 그림을 자릅니다.

  1. 그림을 선택합니다.

  2. <자르기> 메뉴를 선택합니다.

  3. 키보드 방향키로 그림을 원하는 크기로 자릅니다.

    • Left(←)Right(→) 방향키로 그림 왼쪽을 자릅니다. 그림 오른쪽을 자르려면 Ctrl 키를 함께 누릅니다.

    • Up(↑)Down(↓) 방향키로 그림 위쪽을 자릅니다. 그림 아래쪽을 자르려면 Ctrl 키를 함께 누릅니다.

객체 선택

객체를 선택하는 방법은 다음과 같습니다.

객체 복사와 붙여넣기

객체를 복사하고 붙여 넣는 방법은 다음과 같습니다.

구글 크롬에서는 <Ctrl + V> 단축키로 클립보드에 있는 그림을 붙여 넣을 수 있습니다. 그런데 <Ctrl + C> 단축키로 객체를 복사하면 <Ctrl + V> 단축키가 해당 객체를 붙여 넣기 때문에 클립보드에 있는 그림을 붙여 넣을 수 없게 됩니다. 이 때는 하단에 있는 <1클립보드 비우기>를 클릭하면 됩니다.

클립보드 비우기

객체 크기 조절

객체 앞으로 가져오기와 뒤로 보내기

비주얼 에디터에서는 그림, 도형, 글 상자 등 여러 객체를 삽입할 수 있고, 객체 위에 객체를 놓을 수도 있습니다. 에디터에서 여러 객체들을 겹쳐 놓을 때 먼저 놓인 객체가 앞에 놓인 객체 뒤로 숨게 되는데, 객체 순서를 바꿀 수 있습니다.

객체를 선택한 후 “앞으로 가져오기(맨 앞으로 가져오기)”와 “뒤로 보내기(맨 뒤로 보내기)”로 놓여진 객체 순서를 설정합니다.

맞춤

여러 객체를 선택한 후 다양한 방식으로 위치를 설정할 수 있습니다.

옵션

설명

왼쪽 맞춤

선택한 모든 객체 중 가장 왼쪽에 있는 객체를 기준으로 선택한 모든 객체의 왼쪽을 맞춥니다.

가운데 맞춤

선택한 모든 객체 중 가장 왼쪽에 있는 객체와 가장 오른쪽에 있는 객체의 가운데를 기준으로 선택한 모든 객체의 가운데를 맞춥니다.

오른쪽 맞춤

선택한 모든 객체 중 가장 오른쪽에 있는 객체를 기준으로 선택한 모든 객체의 오른쪽을 맞춥니다.

위쪽 맞춤

선택한 모든 객체 중 가장 위쪽에 있는 객체를 기준으로 선택한 모든 객체의 위쪽을 맞춥니다.

중간 맞춤

선택한 모든 객체 중 가장 위쪽에 있는 객체와 가장 아래쪽에 있는 객체의 중간을 기준으로 선택한 모든 객체의 중간을 맞춥니다.

아래쪽 맞춤

선택한 모든 객체 중 가장 아쪽에 있는 객체를 기준으로 선택한 모든 객체의 아래쪽을 맞춥니다.

가로 간격을 동일하게

선택한 모든 객체 중 가장 왼쪽에 있는 객체와 가장 오른쪽에 있는 객체를 기준으로 선택한 나머지 객체의 가로 간격을 동일하게 맞춥니다.

세로 간격을 동일하게

선택한 모든 객체 중 가장 위쪽에 있는 객체와 가장 아래쪽에 있는 객체를 기준으로 선택한 나머지 객체의 세로 간격을 동일하게 맞춥니다.

옵션 저장

현재 보고 있는 객체의 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 오른쪽으로 이동합니다.