20.비주얼 에디터

PDF 내려받기

20.1개요

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

20.1.1비주얼 에디터 열기

그림 단락 오른쪽 위에 있는 <1비주얼 에디터>를 클릭하여 에디터를 엽니다.

그림 20-1비주얼 에디터

<단락 안 그림>으로 추가한 그림은 비주얼 에디터에서 열 수 없습니다.

20.1.2비주얼 에디터 기본 기능

그림 20-2비주얼 에디터 기본 기능 및 메뉴

1편집을 완료한 후에 버튼을 클릭해야 변경 사항을 반영합니다.

2저장하지 않고 비주얼 에디터를 닫습니다.

3눈금선비주얼 에디터:눈금선이 보이게 설정합니다.

20.2객체 추가 및 설정비주얼 에디터:객체

글 상자, 텍스트 상자 가이드, 도형, 그림 객체를 추가할 수 있습니다. 에디터 메뉴에서 객체를 선택하고 에디터 화면에 마우스를 클릭하면 선택한 객체가 나타납니다. 마우스 끌기로 원하는 위치에 자유롭게 배치할 수 있습니다.

구글 크롬 웹 브라우저에서는 <Ctrl + V> 단축키로 클립보드에 있는 그림을 붙여 넣을 수 있습니다.

마우스 클릭으로 객체를 선택하면 오른쪽에 옵션이 나타납니다. 주요 옵션은 다음과 같습니다.

화면이 작을 때는 오른쪽이 아닌 아래에 나타날 수 있습니다.

표 20-1“비주얼 에디터 객체” 주요 옵션

옵션

설명

적용 범위

객체 잠그기

객체 잠그기를 선택하면 객체의 크기와 위치를 바꿀 수 없습니다.

모든 객체

글꼴


글 상자, 텍스트 상자 가이드

글꼴 색


글 상자, 텍스트 상자 가이드, 콜아웃, 콜아웃 라인

글꼴 크기


글 상자, 텍스트 상자 가이드, 글 상자, 텍스트 상자 가이드, 콜아웃, 콜아웃 라인

글꼴 스타일


글 상자, 텍스트 상자 가이드

백분율

그림 크기를 비율로 설정합니다.

그림

너비


직사각형, 타원, 그림, 스포트라이트

높이


직사각형, 타원, 그림, 스포트라이트

윤곽선 두께


직사각형, 타원, 그림, 선, 콜아웃, 콜아웃 라인, 화살표, 스포트라이트

윤곽선 색


직사각형, 타원, 그림, 선, 콜아웃, 콜아웃 라인, 화살표, 스포트라이트, 텍스트 상자 가이드

채우기 색


직사각형, 타원, 콜아웃, 콜아웃 라인

이중선 색

배경과 객체 윤곽선이 구분되도록 이중선을 그립니다.

직사각형, 타원, 선, 화살표, 콜아웃 라인, 텍스트 상자 가이드

투명도

0과 1 사이의 값으로 객체의 투명도를 설정합니다.

직사각형, 타원, 그림

20.2.1텍스트 객체비주얼 에디터:객체:텍스트

글 상자와 텍스트 상자 가이드는 다음 옵션을 설정할 수 있습니다. 글 상자는 윤곽선 색과 이중선 색 옵션이 없습니다.

그림 20-3텍스트 상자 가이드 옵션

1웹 브라우저가 지원하는 글꼴을 입력합니다.

2내용을 입력할 때 줄 바꿈이 필요한 위치에서 줄 바꿈을 합니다.

20.2.2선 객체비주얼 에디터:객체:선

선 객체는 선, 꺾은 선, 곡선, 화살표로 이루어져 있습니다. 화살표는 시작과 끝의 종류를 설정할 수 있습니다.

그림 20-4<도형 | 화살표> 옵션

<Shift> 키를 누른 상태에서 선의 크기를 조정하면 0, 22.5, 45, 67.5, 90도 등으로 정해진 각도에 맞추어집니다.

20.2.3콜아웃 객체비주얼 에디터:객체:콜아웃

그림 20-5콜아웃 번호 및 크기 설정

1글꼴 크기로 콜아웃의 크기를 설정할 수 있습니다.

2콜아웃 번호를 입력합니다.

3콜아웃 라인은 이중선 색을 선택할 수 있습니다.

20.2.4그림 객체비주얼 에디터:객체:그림

20.2.4.1크기 조정

그림 20-6그림 크기 조정

1너비를 바꾸면 높이는 비율에 맞추어 자동 조절됩니다.

2그림 객체의 크기를 원본 크기로 되돌립니다.

20.2.4.2자르기

<1자르기>비주얼 에디터:자르기메뉴로 그림을 자릅니다. 마우스로 자르거나 옵션에서 자를 크기를 조절합니다.

그림 20-7그림 자르기

20.2.4.3방향키로 그림 자르기

쓰리래빗츠 북 4.0.2 버전부터 지원합니다.

키보드 방향키로 1 픽셀 단위로 그림을 자릅니다.

  1. 그림을 선택합니다.

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

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

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

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

20.2.5객체 선택

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

20.2.6객체 복사와 붙여넣기

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

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

그림 20-8클립보드 비우기

20.2.7객체 크기 조절

20.3단축키비주얼 에디터:단축키의 활용

비주얼 에디터에서 다음 단축키를 사용할 수 있습니다.

표 20-2비주얼 에디터 단축키

윈도우

리눅스

맥 OS

설명

Ctrl + A

Ctrl + A

Command + A

모든 객체를 선택합니다.

Ctrl + C

Ctrl + C

Command + C

선택한 객체를 복사합니다.

Ctrl + V

Ctrl + V

Command + V

복사한 객체를 붙여 넣기 합니다.

Ctrl + G

Ctrl + G

Command + G

선택한 객체를 그룹으로 묶습니다.

Ctrl + Shift + G

Ctrl + Shift + G

Command + Shift + G

선택한 그룹을 해제합니다.

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 오른쪽으로 이동합니다.