1. 자유 모드란?
기본 모드에서는 요소가 위에서 아래로 차곡차곡 정렬돼요. 깔끔하지만 한 가지 아쉬운 점이 있어요 — 이미지 위에 텍스트나 다른 요소를 자유롭게 올리거나 옮길 수가 없어요.
바로 이걸 해결하려고 나온 게 자유 모드예요.
- 기본 모드 — 요소가 순서대로 정렬되는 일반 배치
- 자유 모드 — 요소를 원하는 위치 어디든 (이미지 위에도!) 자유롭게 놓는 배치. 크기 조절·회전·겹치기까지 됩니다.
2. 자유 모드 활성화하기
세 가지 방법이 있어요.
- 요소를 자유 모드로 바꾸기 — 요소를 클릭하고 툴바의 [자유 모드 요소로 변경하기] 를 누르면, 그 요소가 자유 모드로 전환돼요.
- 이미 자유 모드인 요소를 선택 — 자유 모드로 바뀐 요소를 클릭하면, 바로 자유 모드로 편집할 수 있어요.
- 하단 토글에서 [자유] 선택 — 화면 아래쪽 [기본] / [자유] 에서 [자유] 를 누르기
3. 자유 모드에서 할 수 있는 것
요소를 선택하면 이런 것들이 가능해요.
| 기능 | 설명 | |---|---| | 자유 이동 | 원하는 위치 어디든 드래그해서 배치 | | 크기 조절 | 모서리·변의 핸들을 끌어서 크기 변경 | | 회전 | 회전 핸들로 요소를 돌리기 | | 겹치기 | 요소를 서로 겹쳐서 배치 (기본 모드에선 안 돼요) | | 미세 이동 | 방향키로 1px씩 정밀하게 이동 |
자유 모드에서는 왼쪽 패널에서 미디어·텍스트·도형을 추가할 수 있고, 드래그해서 넣는 모든 요소가 곧바로 '자유 요소' 가 돼요.
미디어 추가하기
왼쪽 [미디어] 탭에서 이미지·영상을 드래그해서 캔버스에 놓으면, 그 미디어가 자유 요소로 추가돼요. 원하는 위치에 딱 배치하거나, 다른 이미지 위에 겹쳐 올릴 수도 있어요.
텍스트 추가하기
왼쪽 [텍스트] 탭에서 텍스트를 드래그해서 캔버스에 놓으면, 그 텍스트가 자유 요소로 추가돼요. 그래서 이미지 위에 글자를 얹는 것도 자유롭게 됩니다.
도형 추가하기
자유 모드에서는 왼쪽에 [도형] 탭이 생겨요. (기본 모드에선 안 보여요.) 원하는 도형을 드래그해서 캔버스에 놓으면 추가됩니다. 도형은 6가지예요.
- 원 · 사각형(외곽선) · 원(외곽선)
- 화살표 · 양방향 화살표 · 지시선
💡 화살표·지시선은 "여기 보세요!" 처럼 특정 부분을 강조할 때 유용해요.
4. 다시 기본 모드로 돌아가기
- 기본 모드 요소를 선택 — 기본 모드인 요소를 클릭하면, 기본 모드로 변경되어요
- 하단 토글에서 [기본] 선택 — 화면 아래쪽 [기본] / [자유] 에서 [기본] 을 누르기
5. 기본 모드에서의 드래그 앤 드롭
기본 모드에서 요소를 드래그하면, 자유 모드처럼 아무 데나 놓이는 게 아니에요. 다른 요소들 사이의 순서·자리로 끼워지면서 레이아웃에 맞춰 정렬됩니다.
💡 "줄 맞춰 깔끔하게" 는 기본 모드, "내 마음대로 자유롭게" 는 자유 모드 — 상황에 맞게 골라 쓰세요!