Abrir el editor
Ve a /vector/. El editor se carga y aterrizas en un lienzo en blanco con una página encima. El renderizado corre en la GPU a través de Skia, así que un documento con mucho contenido se comporta casi igual que uno con muy poco.
Vale la pena saber una cosa antes de dibujar nada: el documento que estás editando es SVG. Rayzia no convierte a SVG al final. El rectángulo que estás a punto de dibujar es un durante toda su vida. Por eso exportar más adelante se sentirá anticlimático, que es lo mejor que se puede decir de un formato de archivo.
Dibuja un rectángulo
- Elige la herramienta de formas Presiona R, o haz clic en la ranura de formas en el riel de herramientas del borde izquierdo. Rectángulo es lo que contiene esa ranura hasta que la cambies.
- Arrastra sobre el lienzo Presiona, estira una caja, suelta. Ya tienes un rectángulo. Es un objeto real en el documento, seleccionado y listo.
- Mira la barra encima del lienzo Cambió. Antes de dibujar, mostraba W, H, RX y RY para el próximo rectángulo que fueras a dibujar. Ahora está vinculada al rectángulo que acabas de crear, así que puedes corregir el tamaño o redondear las esquinas después, en lugar de acertar a la primera.
Tocar el lienzo vacío te devuelve la herramienta de dibujo, así que puedes seguir dibujando rectángulos sin elegir la herramienta otra vez.
Dale un color
El dock de la derecha se abre en el panel de Relleno y Trazo. Con el rectángulo seleccionado, define su relleno ahí y el lienzo te sigue mientras arrastras. El trazo vive en el mismo panel, con su propio objetivo.
Hay una ruta más rápida cuando tus manos la aprenden. El riel lleva un proxy de relleno y trazo, y estas teclas lo controlan.
| Teclas | Hace |
|---|---|
| X | Cambia qué pintura estás editando, relleno o trazo |
| Shift+X | Intercambia relleno y trazo |
| D | Restablece el valor por defecto: relleno blanco, trazo negro |
| , | Abre el selector de color sobre la pintura activa |
| . | Aplica un degradado a la pintura activa |
| / | Establece la pintura activa en ninguna |
Deshacer es barato, así que úsalo
Ctrl+Z retrocede un paso y Ctrl+Y avanza. Nada aquí es una puerta sin retorno. Eso incluye todo lo que el asistente de IA haga en tu lienzo: dibuja con los mismos comandos que tú, así que cae en el mismo historial y está a un solo deshacer de distancia.
| Teclas | Hace |
|---|---|
| Ctrl+Z | Deshacer |
| Ctrl+Y | Rehacer |
| Ctrl+A | Seleccionar todo |
| Ctrl+Shift+A | Deseleccionar |
| Delete | Eliminar la selección |
Cuando quieras ver el rastro en lugar de pulsar Ctrl+Z once veces y cruzar los dedos, abre el panel de Historial desde el dock. Lista cada paso por nombre, atenúa los pasos que has deshecho y salta directo a cualquier estado que hagas clic.
Expórtalo
- Abre Archivo ▸ Exportar Tres formatos: SVG, JPG y PNG. El icono de Exportar en la barra de comandos del borde derecho abre los mismos tres en un menú desplegable.
- Elige SVG La escena se serializa y se descarga. Es el documento que has estado editando todo el tiempo, no una traducción de él.
- O elige PNG o JPG PNG conserva la transparencia. A JPG se le pinta primero un fondo blanco detrás del arte, porque JPEG no tiene transparencia que conservar.
La exportación por lotes vive en Archivo ▸ Exportar para pantallas, que cruza objetivos con escalas y formatos. En el plan gratuito obtienes 1x y 0.5x en PNG, JPG, SVG y WebP. Las escalas 2x, 3x y 4x y la salida en PDF son Pro.
Ese es el ciclo. Dibujar, colorear, deshacer, exportar. Todo lo demás en este curso es detalle colgado de esos cuatro movimientos.
Preguntas frecuentes
¿Necesito una cuenta?
No para dibujar ni para exportar. Una cuenta te da archivos en la nube (tres en el plan gratuito), enlaces para compartir e historial de versiones en Pro. El editor en sí funciona sin iniciar sesión.
¿A dónde va mi trabajo si cierro la pestaña?
A tu propio dispositivo. El documento se guarda en IndexedDB alrededor de un segundo después de que tus ediciones se asientan, con un guardado extra cuando la pestaña se oculta. Vuelve a abrir el editor y la sesión regresa, con zoom y desplazamiento incluidos. Si iniciaste sesión, el mismo respaldo también se sincroniza con la nube tras una breve pausa.
¿Puedo exportar un PDF?
Sí, a través de Archivo ▸ Exportar para pantallas, y es Pro. La exportación simple a SVG, PNG y JPG desde Archivo ▸ Exportar es gratuita.
¿Funciona sin conexión?
Sí. El editor se ejecuta en tu navegador y guarda en tu dispositivo. La sincronización en la nube y el asistente de IA necesitan conexión, ya que uno habla con nuestra API y el otro con la tuya.