SVG 파일에 온라인으로 텍스트 추가하기

SVG 파일에 텍스트를 추가하는 방법

1. 편집기를 엽니다. rayzia.com에 접속해 다음 주소에서 편집기를 엽니다: /vector/. 다운로드할 것도 없고 시작할 때 계정도 필요 없습니다. Windows, Mac, Linux, ChromeOS, 태블릿의 어떤 브라우저에서도 실행됩니다.
2. SVG를 끌어다 놓습니다. 파일을 캔버스에 드롭하거나 File에서 Open을 사용하세요. Rayzia는 파일을 네이티브 SVG로 읽기 때문에 아트워크의 모든 부분이 잠긴 이미지가 아니라 각각 편집 가능한 개체로 들어옵니다. 파일에 이미 있던 텍스트도 다시 입력할 수 있는 텍스트로 들어옵니다.
3. 텍스트 도구를 선택하고 입력합니다. 다음 키를 누르거나 T, 레일에서 텍스트 도구를 클릭한 뒤 캡션이 시작될 위치의 캔버스를 클릭하세요. 커서가 나타나면 입력하면 됩니다. 글자를 편집하는 대신 텍스트를 이동하고 싶다면 다음 키로 선택 도구로 전환하세요: V.
4. 스타일을 지정합니다. 옵션 바에는 폰트 패밀리 콤보, 폰트 업로드 버튼, 스타일 콤보, 포인트 단위 폰트 크기(기본 16, 프리셋 4~144), 행간, 정렬, 자간, 단어 간격이 있습니다. Google Fonts든 내 폰트든 불러와서 아트워크와 잘 어울리는 칠 색을 지정하세요. 곡선 캡션이 필요하면 Type on a Path로 패스를 클릭하세요. 텍스트가 패스를 따라 흐르며, 뒤집거나 밀어서 위치를 조정할 수 있습니다.
5. 내보냅니다. File ▸ Export를 선택하고 SVG를 고르면 깔끔한 벡터 파일을, 래스터 사본이 필요하면 PNG를 받을 수 있습니다. PNG는 투명도를 유지합니다. 두 내보내기 모두 무료이며, 작업하는 동안 편집기가 자동 저장해 왔습니다.

입력 폼이 아니라 진짜 텍스트 도구

이런 작업용의 흔한 간이 웹 도구는 입력창 하나와 짧은 시스템 폰트 목록만 제공합니다. Rayzia는 완전한 벡터 편집기의 텍스트 엔진을 제공합니다. 모든 텍스트 개체는 텍스트 그림이 아니라 문서 안의 진짜 SVG 텍스트 요소이므로 언제든 다시 입력하고 다시 스타일링할 수 있으며, 모든 단계는 실행 취소 한 번으로 되돌릴 수 있습니다.

텍스트를 배치하는 방법은 다섯 가지입니다. Type Tool은 클릭해서 바로 입력하는 기본 도구입니다. Area Type은 어떤 도형 안에든 단락을 흘려 넣습니다. Type on a Path는 텍스트가 곡선을 따라가게 합니다. Vertical Type은 위에서 아래로 세로 열을 만들어 CJK와 포스터에 유용하고, Touch Type은 글자 하나하나를 손으로 옮기고 회전할 수 있게 해 줍니다.

폰트도 고정된 메뉴가 아닙니다. 패밀리 목록은 어떤 Google Fonts 폰트든 즉시 불러오고, 업로드 버튼은 .ttf, .otf, .woff, .woff2, .ttc 파일을 한 번에 여러 개 받습니다. 업로드한 폰트는 기기에 저장되어 새로고침 후에도 유지되며, Pro에서는 클라우드에도 미러링됩니다.

텍스트는 계속 편집 가능한 상태로 유지됩니다

SVG로 내보내면 캡션이 진짜 텍스트 요소로 나가므로 파일을 다시 열어도 글자를 선택하고 다시 입력할 수 있습니다. 패스도 패스 그대로 유지됩니다. 여는 파일이 곧 편집하는 파일이며, 내보낸 SVG에는 불필요한 찌꺼기 없이 내 아트워크만 담깁니다.

폰트에 관한 주의 사항 한 가지: 일반 SVG 내보내기는 폰트를 함께 담지 않으므로 해당 폰트가 없는 기기에서는 다른 폰트로 대체됩니다. 글자 모양이 정확히 유지되어야 한다면 실제 사용한 폰트를 내장하는 무손실 네이티브 .rzv 파일도 함께 저장하거나, 배포 전에 텍스트를 윤곽선으로 변환 하세요. 선택한 Google Fonts 폰트는 세션이 복원될 때 다시 불러옵니다.

SVG에 텍스트 추가하기: 자주 묻는 질문