레벨 1 · 시작하기

Rayzia에서 첫 그림 그리기

Rayzia는 브라우저 탭에서 실행되는 벡터 에디터입니다. 그리기 전에 설치할 것도, 가입할 것도 없습니다. 이 레슨에서는 빈 캔버스에서 SVG 내보내기까지 진행하며, 약 5분이면 충분합니다.

에디터 열기

이동: /vector/. 에디터가 로드되고, 페이지가 놓인 빈 캔버스가 나타납니다. 렌더링은 Skia를 통해 GPU에서 실행되므로, 내용이 많은 문서도 거의 빈 문서처럼 가볍게 움직입니다.

그리기 전에 알아 둘 것이 하나 있습니다. 지금 편집하는 문서는 그 자체가 SVG라는 점입니다. Rayzia는 마지막에 SVG로 변환하지 않습니다. 곧 그리게 될 사각형은 처음부터 끝까지 입니다. 그래서 나중에 내보내기가 싱겁게 느껴질 텐데, 파일 형식에 대해 할 수 있는 가장 큰 칭찬이 바로 그것입니다.

사각형 그리기

  1. 도형 도구 선택 R을 누르거나 왼쪽 가장자리 도구 레일의 도형 슬롯을 클릭하세요. 바꾸기 전까지 그 슬롯에는 사각형이 들어 있습니다.
  2. 캔버스에서 드래그 누르고, 상자를 끌어내고, 놓으세요. 사각형이 완성됩니다. 문서 안의 실제 객체이며, 선택된 상태로 바로 사용할 수 있습니다.
  3. 캔버스 위의 바 확인 바가 바뀌었습니다. 그리기 전에는 다음에 그릴 사각형의 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를 열한 번 두드리며 요행을 바라는 대신 흔적을 눈으로 보고 싶다면, 도크에서 히스토리 패널을 여세요. 모든 단계가 이름과 함께 나열되고, 실행 취소한 단계는 흐리게 표시되며, 클릭 한 번으로 원하는 상태로 바로 이동합니다.

내보내기

  1. 파일 ▸ 내보내기 열기 형식은 세 가지: SVG, JPG, PNG입니다. 오른쪽 가장자리 커맨드 바의 내보내기 아이콘도 같은 세 형식을 플라이아웃으로 엽니다.
  2. SVG 선택 장면이 직렬화되어 다운로드됩니다. 지금까지 줄곧 편집해 온 바로 그 문서이지, 그것을 번역한 결과물이 아닙니다.
  3. 또는 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와 통신하기 때문입니다.