Abrir o editor
Acesse /vector/. O editor carrega, e você chega a uma tela em branco com uma página sobre ela. A renderização roda na GPU via Skia, então um documento cheio de coisas se comporta quase igual a um documento com muito pouco.
Vale saber uma coisa antes de desenhar qualquer coisa: o documento que você está editando é SVG. O Rayzia não converte para SVG no final. O retângulo que você está prestes a desenhar é um
Desenhe um retângulo
- Escolha a ferramenta de forma Pressione R, ou clique no slot de formas no trilho de ferramentas na borda esquerda. Retângulo é o que esse slot guarda até você trocar.
- Arraste na tela Pressione, puxe uma caixa, solte. Você tem um retângulo. Ele é um objeto real no documento, selecionado e pronto.
- Olhe para a barra acima da tela Ela mudou. Antes de você desenhar, mostrava W, H, RX e RY para o próximo retângulo que você fosse desenhar. Agora ela está ligada ao retângulo que você acabou de criar, então dá para ajustar o tamanho ou arredondar os cantos depois, em vez de acertar de primeira.
Tocar na tela vazia devolve a ferramenta de desenho para você, então dá para continuar desenhando retângulos sem escolher a ferramenta de novo.
Dê uma cor a ele
O dock à direita abre no painel Preenchimento e Traço. Com o retângulo selecionado, defina o preenchimento ali e a tela acompanha enquanto você arrasta. O traço fica no mesmo painel, editado separadamente.
Existe um caminho mais rápido quando suas mãos aprenderem. O trilho traz um proxy de preenchimento e traço, e estas teclas o controlam.
| Teclas | Faz |
|---|---|
| X | Alterna qual pintura você está editando, preenchimento ou traço |
| Shift+X | Troca preenchimento e traço |
| D | Restaura o padrão: preenchimento branco, traço preto |
| , | Abre o seletor de cores na pintura ativa |
| . | Aplica um gradiente à pintura ativa |
| / | Define a pintura ativa como nenhuma |
Desfazer é barato, então use
Ctrl+Z volta um passo e Ctrl+Y avança. Nada aqui é porta sem volta. Isso inclui qualquer coisa que o assistente de IA faça na sua tela: ele desenha pelos mesmos comandos que você, então entra no mesmo histórico e está a um desfazer de distância.
| Teclas | Faz |
|---|---|
| Ctrl+Z | Desfazer |
| Ctrl+Y | Refazer |
| Ctrl+A | Selecionar tudo |
| Ctrl+Shift+A | Desmarcar seleção |
| Delete | Excluir a seleção |
Quando quiser ver o rastro em vez de apertar Ctrl+Z onze vezes e torcer, abra o painel Histórico no dock. Ele lista cada passo pelo nome, esmaece os passos desfeitos e pula direto para qualquer estado que você clicar.
Exporte
- Abra Arquivo ▸ Exportar Três formatos: SVG, JPG e PNG. O ícone Exportar na barra de comandos na borda direita abre os mesmos três em um menu flutuante.
- Escolha SVG A cena é serializada e baixada. É o documento que você esteve editando o tempo todo, não uma tradução dele.
- Ou escolha PNG ou JPG PNG mantém a transparência. JPG recebe um fundo branco pintado atrás da arte primeiro, porque JPEG não tem transparência para manter.
A exportação em lote fica em Arquivo ▸ Exportar para Telas, que cruza alvos com escalas e formatos. No plano gratuito você tem 1x e 0.5x em PNG, JPG, SVG e WebP. As escalas 2x, 3x e 4x e a saída em PDF são Pro.
Esse é o ciclo. Desenhar, colorir, desfazer, exportar. Todo o resto deste curso é detalhe pendurado nesses quatro movimentos.
Perguntas frequentes
Preciso de uma conta?
Não para desenhar e não para exportar. Uma conta dá acesso a arquivos na nuvem (três deles no plano gratuito), links de compartilhamento e histórico de versões no Pro. O editor em si funciona sem login.
Para onde vai meu trabalho se eu fechar a aba?
Para o seu próprio dispositivo. O documento é salvo em snapshot no IndexedDB cerca de um segundo depois que suas edições se assentam, com um flush quando a aba fica oculta. Reabra o editor e a sessão volta, incluindo zoom e pan. Se você estiver logado, o mesmo snapshot também sincroniza com a nuvem após uma breve janela de inatividade.
Posso exportar um PDF?
Sim, por Arquivo ▸ Exportar para Telas, e é Pro. Exportar SVG, PNG e JPG simples por Arquivo ▸ Exportar é gratuito.
Funciona offline?
Sim. O editor roda no seu navegador e salva no seu dispositivo. A sincronização na nuvem e o assistente de IA precisam de conexão, já que um fala com a nossa API e o outro com a sua.