Nivel 2 · Dibujo

Texto y tipografía

Rayzia tiene un solo motor de texto. Lo que parece cinco herramientas de tipografía en la barra lateral es ese motor con cuatro preajustes distintos armados de antemano. Aprende la barra de opciones una vez y todas se comportarán igual.

El espacio de texto y sus cinco entradas

La barra lateral está agrupada. No ves 52 botones, ves unos 19: cuatro botones básicos de navegación, doce espacios de grupo y tres herramientas independientes. El texto vive en uno de esos espacios de grupo. El espacio lleva un pequeño triángulo; haz clic y un menú emergente lista sus miembros. El que elijas se queda en el espacio, guardado por espacio en tu navegador, así que la barra que terminas usando es tuya y no la de una captura de pantalla.

Los cinco miembros son Herramienta Texto, Texto de área, Texto en trazado, Texto vertical y Texto táctil. La herramienta Texto es la opción predeterminada del espacio y la única con atajo de teclado. Las otras cuatro construyen el mismo motor de Texto y arman un preajuste antes de que hagas clic:

  • Texto de área arma un preajuste de área, de modo que hacer clic en una forma crea texto nuevo que fluye dentro de esa forma.
  • Texto en trazado arma un preajuste de trazado, de modo que hacer clic en un trazado hace correr el texto a lo largo de él.
  • Texto vertical arma un modo de escritura vertical, de modo que el texto fluye de arriba hacia abajo.
  • Texto táctil arma un preajuste que toma un solo carácter, que luego puedes mover, rotar y escalar con controles sobre el lienzo.

Una inconsistencia de nombres que notarás: la descripción emergente de la barra dice Text [T] mientras que el menú emergente vuelve a etiquetar la misma herramienta como Herramienta Texto. Misma herramienta, dos etiquetas. Todavía no lo hemos resuelto.

Escribir algo de texto

  1. Elige el espacio de texto Presiona T, o haz clic en el espacio de la barra lateral. Si el espacio contiene actualmente uno de los preajustes, abre el menú emergente y elige Herramienta Texto.
  2. Haz clic donde debe comenzar el texto Aparece un cursor de inserción y el editor se activa. Escribe.
  3. Dale estilo desde la barra de opciones La barra superior cambia a los controles de texto en cuanto la herramienta está activa. Familia tipográfica, estilo y tamaño son los tres primeros.
  4. Sal del texto Cambia a la herramienta Seleccionar con V cuando quieras mover o transformar el objeto en lugar de editar sus caracteres.

Cada objeto de texto es un elemento de texto SVG real en el documento, no una imagen de texto. Ese es el sentido de todo el editor: el documento es SVG, así que lo que exportas es lo que estabas editando.

Lo que la barra de opciones realmente te ofrece

La barra de texto la construye el motor de texto y se refleja en la interfaz. De izquierda a derecha tienes un combo de familia tipográfica, un botón para subir fuentes, un combo de estilo de fuente, tamaño de fuente, interlineado con unidad, alineación, superíndice y subíndice, espaciado entre letras y palabras, y los controles de dirección de escritura.

  • Familia tipográfica es un combo con autocompletado de las familias registradas. Por defecto usa Arial donde Arial está registrada; si no, Roboto, que siempre está incrustada.
  • Tamaño de fuente está en puntos, con valor predeterminado 16 y preajustes de 4 a 144. El valor se convierte a píxeles antes de aplicarse.
  • Interlineado tiene valor predeterminado 1.25 con un combo de unidades que ofrece cm, mm, in, pc, px, pt, %, em y ex. La unidad predeterminada es em.
  • Espaciado entre letras y espaciado entre palabras son campos numéricos de 0 a 10.
  • Alineación es izquierda, centro y derecha, que ajusta tanto text-align como el ancla del texto.

Dos advertencias honestas. El control de espaciado entre letras está etiquetado en pt pero el manejador aplica el valor en px, así que confía en el resultado en el lienzo antes que en la unidad de la etiqueta. Y el kerning, el desplazamiento vertical y la rotación de caracteres existen, pero están permanentemente guardados en el menú desplegable de desbordamiento de la barra en lugar de mostrarse en línea. Texto táctil es la forma prevista de controlarlos sobre el lienzo.

Los cinco grupos de botones de alineación, desplazamiento de línea base, dirección del texto, orientación del texto y dirección de párrafo no ocupan la barra como filas completas de botones. Cada uno se pliega en un solo control que muestra el ícono actual más una flecha, con las opciones en un desplegable. Así la barra sigue siendo legible en una laptop.

Fuentes, incluidas las tuyas

Junto al combo de familia hay un botón titulado Subir fuente desde tu computadora…. Acepta .ttf, .otf, .woff, .woff2 y .ttc, y admite más de un archivo a la vez. Una fuente subida se registra en la lista de fuentes activa, se guarda en tu dispositivo para que sobreviva una recarga y, en Pro, se replica en la nube para llegar a tus otras máquinas.

Una familia que debe descargarse en lugar de una ya cargada aparece tachada en la lista hasta que llegan sus bytes. Elígela y se descarga. Esto importa más de lo que parece: guardar como .rzv incrusta las fuentes en uso, así el archivo sigue siendo portátil, pero una exportación SVG simple no lleva la fuente consigo.

Tailandés y otras escrituras complejas

Esta es la regla, y vale la pena conocerla antes de escribir una palabra en tailandés. Cuando escribes, Rayzia compara cada carácter con la fuente activa en ese momento. Si la fuente no tiene glifo para ese carácter, el carácter se dibuja como un signo de interrogación.

Esto es deliberado. Una fuente sin glifos tailandeses asigna cada carácter tailandés a su glifo .notdef, cuyo contorno está vacío. Un texto hecho de contornos vacíos no tiene caja delimitadora medible, lo que antes dejaba al objeto entero varado en el origen del documento en lugar de en tu cursor, invisible y difícil de recuperar. Sustituir con un signo de interrogación visible mantiene la geometría válida y deja el texto donde lo pusiste.

Así que si ves filas de signos de interrogación, nada está roto y nada se perdió. Estás en una fuente solo latina. Elige una familia que incluya la escritura, o sube una, y los caracteres se renderizan correctamente. La misma sustitución ocurre al escribir y al pegar, así que ambos se comportan igual.

Las fuentes se descargan por la red. Sin conexión, o donde un servidor de fuentes externo no está accesible, solo están disponibles las familias incrustadas, lo cual es una limitación real para trabajo no latino. Subir la fuente que necesitas es la solución confiable.

Preguntas frecuentes

¿Por qué mi texto en tailandés se muestra como signos de interrogación?

La fuente activa no tiene glifos para esos caracteres, así que Rayzia sustituye un signo de interrogación visible en lugar de no renderizar nada. Cambia la familia tipográfica a una que soporte la escritura, o sube una con el botón junto al combo de familia, y los caracteres aparecerán.

¿Texto de área, Texto en trazado, Texto vertical y Texto táctil son herramientas separadas?

No. Las cuatro construyen el mismo motor de Texto y arman un preajuste antes de que hagas clic, y comparten una sola barra de opciones. Por eso todo lo que aprendas con la herramienta Texto se transfiere directamente.

¿A dónde fueron el kerning y la rotación de caracteres?

Existen, pero viven permanentemente en el desplegable de desbordamiento de la barra de opciones en lugar de estar en línea. Texto táctil es la forma sobre el lienzo de ajustar la posición, rotación y escala de un carácter individual.

¿Una fuente subida seguirá ahí mañana?

Sí. Las fuentes subidas se guardan en tu dispositivo y se recargan con el editor. En Pro también se replican en la nube y te siguen a tus otros dispositivos. Guardar como .rzv incrusta las fuentes en uso, de modo que el documento mismo es portátil.