에디터 열기
이동: /vector/. 에디터가 로드되고, 페이지가 놓인 빈 캔버스가 나타납니다. 렌더링은 Skia를 통해 GPU에서 실행되므로, 내용이 많은 문서도 거의 빈 문서처럼 가볍게 움직입니다.
그리기 전에 알아 둘 것이 하나 있습니다. 지금 편집하는 문서는 그 자체가 곧 SVG라는 점입니다. Rayzia는 마지막에 SVG로 변환하지 않습니다. 곧 그리게 될 사각형은 처음부터 끝까지 입니다. 그래서 나중에 내보내기가 싱겁게 느껴질 텐데, 파일 형식에 대해 할 수 있는 가장 큰 칭찬이 바로 그것입니다.
사각형 그리기
- 도형 도구 선택 R을 누르거나 왼쪽 가장자리 도구 레일의 도형 슬롯을 클릭하세요. 바꾸기 전까지 그 슬롯에는 사각형이 들어 있습니다.
- 캔버스에서 드래그 누르고, 상자를 끌어내고, 놓으세요. 사각형이 완성됩니다. 문서 안의 실제 객체이며, 선택된 상태로 바로 사용할 수 있습니다.
- 캔버스 위의 바 확인 바가 바뀌었습니다. 그리기 전에는 다음에 그릴 사각형의 W, H, RX, RY를 보여 줬지만, 이제는 방금 만든 사각형에 연결되어 있습니다. 처음부터 완벽하게 그릴 필요 없이, 그린 뒤에 크기를 고치거나 모서리를 둥글게 다듬을 수 있습니다.
빈 캔버스를 탭하면 그리기 도구가 다시 손에 돌아오므로, 도구를 다시 고르지 않고도 사각형을 계속 그릴 수 있습니다.
색 입히기
오른쪽 도크는 칠과 획(Fill and Stroke) 패널이 열린 상태로 시작합니다. 사각형을 선택한 채 거기서 칠 색을 설정하면 드래그하는 동안 캔버스가 실시간으로 따라옵니다. 획도 같은 패널에 있으며, 따로 지정합니다.
손에 익으면 더 빠른 길도 있습니다. 레일에는 칠·획 프록시가 있고, 아래 키들이 그것을 조작합니다.
| 키 | 기능 |
|---|---|
| X | 편집 중인 페인트를 칠과 획 사이에서 전환 |
| Shift+X | 칠과 획 맞바꾸기 |
| D | 기본값으로 초기화: 흰색 칠, 검은색 획 |
| , | 활성 페인트에 색상 선택기 열기 |
| . | 활성 페인트에 그라디언트 적용 |
| / | 활성 페인트를 없음으로 설정 |
실행 취소는 부담이 없으니 마음껏 쓰세요
Ctrl+Z로 한 단계 되돌리고 Ctrl+Y로 다시 진행합니다. 여기에는 되돌릴 수 없는 문이 없습니다. AI 어시스턴트가 캔버스에 한 작업도 마찬가지입니다. AI도 여러분과 같은 명령을 통해 그리므로 같은 히스토리에 기록되며, 실행 취소 한 번이면 되돌릴 수 있습니다.
| 키 | 기능 |
|---|---|
| Ctrl+Z | 실행 취소 |
| Ctrl+Y | 다시 실행 |
| Ctrl+A | 전체 선택 |
| Ctrl+Shift+A | 선택 해제 |
| Delete | 선택 항목 삭제 |
Ctrl+Z를 열한 번 두드리며 요행을 바라는 대신 흔적을 눈으로 보고 싶다면, 도크에서 히스토리 패널을 여세요. 모든 단계가 이름과 함께 나열되고, 실행 취소한 단계는 흐리게 표시되며, 클릭 한 번으로 원하는 상태로 바로 이동합니다.
내보내기
- 파일 ▸ 내보내기 열기 형식은 세 가지: SVG, JPG, PNG입니다. 오른쪽 가장자리 커맨드 바의 내보내기 아이콘도 같은 세 형식을 플라이아웃으로 엽니다.
- SVG 선택 장면이 직렬화되어 다운로드됩니다. 지금까지 줄곧 편집해 온 바로 그 문서이지, 그것을 번역한 결과물이 아닙니다.
- 또는 PNG나 JPG 선택 PNG는 투명도를 유지합니다. JPG는 투명도를 지원하지 않으므로 아트워크 뒤에 흰색 배경이 먼저 칠해집니다.
일괄 내보내기는 파일 ▸ 화면용 내보내기에 있으며, 대상과 배율·형식을 조합할 수 있습니다. 무료 플랜에서는 PNG, JPG, SVG, WebP로 1x와 0.5x를 쓸 수 있습니다. 2x, 3x, 4x 배율과 PDF 출력은 Pro 기능입니다.
이것이 기본 루프입니다. 그리고, 색칠하고, 실행 취소하고, 내보내기. 이 코스의 나머지는 모두 이 네 가지 동작에 얹힌 디테일입니다.
자주 묻는 질문
계정이 필요한가요?
그리기와 내보내기에는 필요 없습니다. 계정을 만들면 클라우드 파일(무료 플랜에서 3개), 공유 링크, 그리고 Pro의 버전 히스토리를 쓸 수 있습니다. 에디터 자체는 로그인 없이도 작동합니다.
탭을 닫으면 작업물은 어디로 가나요?
여러분의 기기에 저장됩니다. 편집이 멈추고 약 1초 뒤 문서가 IndexedDB에 스냅샷되고, 탭이 숨겨질 때 즉시 저장됩니다. 에디터를 다시 열면 확대·이동 상태까지 포함해 세션이 그대로 돌아옵니다. 로그인 상태라면 잠깐의 대기 후 같은 스냅샷이 클라우드에도 동기화됩니다.
PDF로 내보낼 수 있나요?
네, 파일 ▸ 화면용 내보내기를 통해 가능하며 Pro 기능입니다. 파일 ▸ 내보내기의 일반 SVG, PNG, JPG 내보내기는 무료입니다.
오프라인에서도 작동하나요?
네. 에디터는 브라우저에서 실행되고 기기에 저장합니다. 클라우드 동기화와 AI 어시스턴트는 연결이 필요합니다. 하나는 저희 API와, 다른 하나는 여러분의 API와 통신하기 때문입니다.