Dibuja buenos trazados

Tutorial
by Rainer Erich Scheichelbauer

18 agosto 2020 Published on 6 enero 2013

Hay dos tipos de trazados. Buenos y malos. A continuación, te mostramos cómo detectar los malos y cómo corregir o evitar los problemas más frecuentes. ¡Te alegrará mucho leer este tutorial!

Los contornos mal dibujados pueden causar muchos dolores de cabeza. Tus letras pueden verse distorsionadas o no aparecer en absoluto. Puedes evitar estas dificultades si tienes en cuenta algunas reglas básicas.

El Triángulo Mágico

Esto es muy importante: todos los segmentos de la curva deben encajar perfectamente en un triángulo.

Ya te escuché preguntar ‘¿Qué es un segmento?’. Es simple, es todo lo que hay entre dos puntos adyacentes en una curva (en este caso al punto también lo llamamos nodo). Hay dos tipos de segmentos, segmentos rectos y segmentos curvos, o líneas rectas y líneas curvas. Los segmentos rectos solo constan de esos dos nodos. Los segmentos de curva además tienen dos puntos fuera de la curva, éstos son conocidos como puntos de control Bézier (BCP) o ‘manejadores’.

Es importante señalar que el triángulo mágico está descrito por los dos nodos que abarcan el segmento y el punto de encuentro de las extensiones de los manejadores. Esto significa que los manejadores nunca deben sobresalir del triángulo. Si lo hacen, es posible que desees reconsiderar la posición de tus nodos. Por lo tanto, estas dos cosas no deberían suceder: un manejador cruzando el otro manejador, o un manejador cruzando la extensión del otro manejador. Esto podría crear inflexiones, inflexiones dobles, curvas en cúspide o incluso trazados autointersectados, que podrían causar problemas de rasterización.

Lo siguiente puede sorprenderte si tienes experiencia con aplicaciones vectoriales como Illustrator. Primero, en Glyphs, los manejadores no pertenecen a los nodos, sino al segmento. En segundo lugar, un segmento de curva siempre tiene dos manejadores, nunca solo uno. Illustrator parece permitirte dibujar segmentos de curvas con solo un manejador. Pero en realidad, lo que Illustrator hace realmente es ocultar el segundo manejador en uno de los nodos circundantes. Esto es bastante malo porque en los vectores de fuentes, no hay dos puntos que compartan las mismas coordenadas. Además, tienes más control sobre el trazado si haces un buen uso de ambos manejadores.

Si parece que falta alguno de los manejadores, seguro está escondido en el nodo contiguo. La forma más fácil de solucionar este problema es seleccionando un punto cercano, ya sea un manejador o un nodo, y luego presionar la tecla Tab hasta que seleccione el punto oculto. Presiona Shift-Tab para ir en la dirección opuesta. Un resaltado gris claro indica que el manejador está seleccionado. Ahora, usa las teclas de flecha para arrastrar el manejador por fuera del nodo. Si mantienes presionada la tecla de Option, tu manejador mantendrá su dirección. Mantén presionada la tecla Shift para incrementos de 10:

Inflexiones

La regla del triángulo también implica que un segmento de curva debe tener solamente una dirección, es decir, sin doblarse, ni ir en sentido horario o antihorario. Sin embargo, hay excepciones a esta regla.

A menudo, la mejor formar de dibujar una S o una tilde, es sin una inflexión, especialmente si estás dibujando para interpolar. Si tu intención de diseño lo permite, y ambos manejadores del segmento son ortogonales (es decir, vertical u horizontal), no hay necesidad técnica de agregar una inflexión. Y al final, menos puntos significan menos problemas. Entonces, siempre que sea posible, manténlo como en la s en el lado izquierdo:

Sin embargo, si no puedes hacer que la curva de tu s fluya de la manera deseada sin un punto de inflexión, agrégala eligiendo la herramienta Dibujo (P), manteniendo presionada la tecla Shift y haciendo clic aproximadamente en el medio del segmento. Glyphs agregará un nodo en la curva en su punto de inflexión más cercano, como en la s del lado derecho.

De todos modos, trata de evitar las inflexiones, ya que pueden crear un problema en la interpolación. El triplete diagonal, que incluye el nodo y los dos manejadores que lo rodean, puede causar lo que se conoce como ‘abolladura’ o deformación en los pasos interpolados entre los másteres. Lee más sobre esto en el Tutorial de másteres múltiples sobre cómo mantener tus contornos compatibles, hay una sección entera dedicada a las abolladuras.

Caso especial: aún cuando dibujes remates cóncavos en una fuente que se supone está optimizada para la pantalla, necesitarás segmentos de curva sin inflexiones:

Asegúrate de que, los puntos A y C estén a la misma altura, que los manejadores estén perfectamente horizontales (o entre las alturas de B y A/C, es decir, que no superen el área abarcada por estas dos alturas), y finalmente que la distancia entre la base y el punto B sea menor a 20 unidades. En Archivo > Información de la fuente > Fuente, agrega un parámetro personalizado blueShift con un valor correspondiente a la profundidad de la concavidad y súmale una unidad. Esto permitirá que el hinting automático PostScript aplique lo que llamamos un flex hint, que suprime la visualización de las concavidades a resoluciones muy bajas. Lo más importante es asegurarte de que el punto B esté ubicado exactamente en la línea de base. ¡Sí, lo entendiste bien, el punto B! Además, las partes cóncavas, incluidos los puntos A y C, deben posicionarse por completo dentro de la zona de alineación de la línea de base. Obtén más información sobre el hinting PostScript.

Orientación y orden de los trazados

Las direcciones del trazo incorrectas pueden estropear los contornos y hacer que sea imposible un hinting correcto. Los trazados deben orientarse en sentido antihorario, las contraformas deben orientarse en sentido horario. Puedes controlar las direcciones de los contornos seleccionando los trazados, haciendo clic con el botón derecho y seleccionando Invertir contornos en el menú contextual. ¿No quieres tener eso en cuenta? No hay problema. Glyphs puede hacer eso por ti. Simplemente elige Trazados > Corregir dirección del trazo (Cmd-Shift-R) y ya está. Este comando también funciona en varios glifos o incluso en toda la fuente.

Por cierto, Trazados > Corregir dirección del trazo (Cmd-Shift-R) también reordena tus trazados y restablece el punto de inicio (indicados por triángulos) en cada trazo cerrado.

¿Trabajas con varios másteres? Mantén presionada la tecla Option y el comando de menú cambiará a Trazados > Corregir dirección del trazado para todos los másteres (Cmd-Opt-Shift-R). Como sugiere su nombre, este comando realizará su truco de magia simultáneamente en todas las capas del glifo seleccionado. Esto es muy útil para hacer compatibles todos los másteres de un nuevo glifo. Puedes solucionar rápidamente casi cualquier problema de interpolación activando este comando en cada máster. Obtén más información sobre cómo mantener los contornos compatibles.

Auto-intersección

No se debe exportar una fuente con trazados superpuestos. Para corregir una auto-intersección, selecciona el contorno en cuestión y activa el comando Trazados > Eliminar superposición (Cmd-Shift-O). Por otro lado, es posible que desees mantener superposiciones para poder modificar e interpolar más fácilmente tus formas. Si es así, asegúrate de seleccionar la opción Eliminar superposición en la ventana Exportar (Cmd-E).

Nota: Esto no se aplica a las fuentes variables.

Incluso puedes agregar superposiciones con los comandos Abrir esquina y Reconectar nodos desde el menú contextual:

Tip profesional: estos comandos también están disponibles a través del submenú Trazados > Otros; para que puedas agregar fácilmente un atajo de teclado en las Preferencias del Sistema > Teclado > Funciones rápidas > Funciones rápidas de app.

Sin embargo, existe otro problema al mantener las superposiciones: superposiciones dobles, es decir, cuando hay otra superposición ubicada dentro de una superposición. Pueden crear pequeños espacios blancos dentro de tus formas. Esto sucede cuando dentro de una superposición, un segmento de curva se une a un segmento de línea, y la curva es un poco demasiado empinada y cruza al otro lado de la línea:

¿Cómo podemos detectar estos casos? Bueno, una secuencia de comandos de Python podría examinar tus glifos después de que se hayan eliminado las superposiciones y detectar cualquier resto de contorno que quede en alguna parte. En el repositorio de scripts de mekkablue, el script llamado Paths > New Tab with Small Paths (Trazados > Nueva pestaña con trazados pequeños), abre una pestaña Editar que contiene todos los glifos encontrados por el script que contienen un trazado tan pequeño según lo especifiques:

Puntos superfluos y tipos de nodos incorrectos

No es realmente un gran problema, pero esto puede mejorar el rendimiento del renderizado de tu fuente: Trazados > Limpiar trazos (Cmd-Opt-Shift-T) eliminará todos los nodos y manejadores innecesarios. En otras palabras, este comando elimina todos los puntos que no son necesarios para la representación de la forma en cuestión, por ejemplo, manejadores en un segmento perfectamente recto, etc. Este comando también corrige el tipo de nodos. Entonces, un punto de vértice o angular (cuadrado azul), se cambiará a un punto de curva o tangente (punto verde), y viceversa, cuando sea necesario. Además resuelve problemas de puntos consecutivos que comparten exactamente las mismas coordenadas, también conocido como ‘segmento de longitud cero’, y que se identifican con un círculo rojo.

Puntos extremos

Ya que estamos en eso, la mayoría de los trazados serán más fáciles de hacer si insertas nodos en sus extremos XY. Es decir, los puntos donde tus trazados tienen tangentes completamente horizontales o verticales. Muy a menudo, esto te permitirá deshacerte de los otros puntos logrando gráficos más simples, con menos puntos y, en última instancia, archivos más pequeños.

Además, si deseas utilizar hinting, necesitas de los puntos extremos para que las instrucciones del hinting se adhieran a su respectiva asta. Sin puntos extremos, no hay instrucciones de hinting en el asta. Lee más sobre hinting.

Puede elegir Trazados > Añadir extremos para agregar automáticamente los nodos extremos a los contornos o glifos seleccionados, o incluso a toda la fuente. Si deseas más control, simplemente puedes seleccionar la herramienta Dibujo (P) y mantener presionada la tecla Shift mientras haces clic en el trazo. Glyphs buscará el extremo más cercano o el punto de inflexión de la curva e insertará un nodo allí.

Después de agregar los nodos extremos, puedes, la mayoría de las veces, eliminar los nodos intermedios sin afectar la forma:

Para ello, selecciona uno de los puntos diagonales verdes y presiona la tecla Suprimir. Si eliminas un nodo a la vez, Glyphs hará todo lo posible para reconstruir la forma con un solo segmento. Los resultados pueden variar.

Tip profesional: probablemente querrás evitar colocar un nodo extremo que crearía una llamada curva poco profunda, es decir, un segmento de una curva que tiene solo unas pocas unidades más de profundidad. ¿Por qué querrías evitar una curva poco profunda? De hecho, porque las coordenadas de los nodos no suelen tener decimales, y ese segmento corto de la curva estropeará tu contorno sin importar qué trucos utilices para colocar tus nodos y manejadores. Un buen ejemplo es el remate en la parte inferior derecha de una minúscula a:

Trazados abiertos y cerrados

¿Se perdió un trazado entero en la fuente final al momento de exportar? Quizás estaba abierto. Los trazados abiertos se ignoran en el momento de la exportación. Entonces, todos los trazados deben cerrarse.

Para cerrar un trazado, simplemente arrastra uno de los extremos abiertos sobre el otro con tu herramienta Seleccionar (V). O cambia a la herramienta Dibujo (P) y luego haz clic en cada nodo final para cerrar la ruta con un nuevo segmento. O selecciona los trazados abiertos, haz clic con el botón derecho para abrir el menú contextual y elige Cerrar los trazados abiertos.

Vectores fuera de los límites de los glifos

¿Tienes valores extraños para los espacios laterales derecho o izquierdo? Lo más probable es que un objeto esté en algún lugar fuera de las partes visibles de tu glifo. A continuación, te indicamos cómo deshacerse de él:

  1. Asegúrate de que el glifo correcto esté activo, es decir, que el cursor se coloque justo delante de él. Nota: Presta atención a los valores para los espacios laterales derecho e izquierdo en el cuadro de información gris (Cmd-Shift-I), y ve si puedes detectar un valor ridículamente grande y probablemente negativo.
  2. Ahora cambia a la herramienta Seleccionar haciendo clic en el símbolo de la flecha en la barra de herramientas.
  3. Elige Editar > Seleccionar todo (Cmd-A). Todos los trazados del glifo ahora están seleccionados.
  4. Mientras mantienes presionada la tecla Shift, arrastra un rectángulo de selección alrededor de las partes que deseas conservar. Esto anulará la selección de esas partes. Ahora solo quedan seleccionados los elementos superfluos fuera de los límites del glifo.
  5. Presiona la tecla Suprimir.

Los Scripts y Plugins más útiles

A través de Ventana > Gestor de plugins, tendrás en tus manos un menú con un par de Plugins que te ayudarán a identificar puntos potencialmente problemáticos en tus contornos. Algunos plugins para este propósito son Show Angled Handles, Red Arrow de Jens Kutílek y Heatmap de Simon Cozens, y quizás Tops and Bottoms también puede ser útil.

En el Gestor de plugins, también encontrarás Filtros que ayudan a solucionar problemas. Fix Zero Handles y Delete Small Paths son dos ejemplos. Pero primero piensa en lo que necesitas para tu diseño y ve si hay un plugin para eso.

Además, echa un vistazo a los repositorios de scripts enumerados en Extend page, muchos de los cuales contienen scripts que te ayudan a solucionar problemas en tus fuentes, como el mencionado anteriormente.

En el repositorio de mekkablue scripts, encontrarás algunos scripts útiles en el submenú de Trazados. Un script importante es Path Problem Finder, que ayuda a encontrar puntos problemáticos en los contornos a lo largo de tu fuente:

Ya que estamos en eso, Green Blue Manager (para alinear los manejadores) y Find Near Vertical Misses (para encontrar todos los nodos que simplemente por muy poco no se posicionan exactamente en la línea de métrica vertical) han demostrado ser útiles en el pasado.

Ahora es un buen momento para echar un vistazo a tus glifos y aplicar todos estos trucos para optimizar tus vectores. Créeme, te ahorrará algunos problemas más adelante.


Actualización 04/08/2018: texto revisado y adaptado para que coincida con las versiones actuales de la aplicación. Se agregaron superposiciones dobles, reconexión y apertura de esquinas, así como sugerencias de scripts y plugins.
Actualización 19/08/2018: descripción más precisa de Limpiar trazos en Puntos superfluos y tipos de nodos incorrectos. Más aclaraciones y nueva captura de pantalla para el ejemplo de serif ahuecado. Redacción más clara para describir las inflexiones.
Actualización 18/08/2018: se modificó la sección sobre inflexiones, ahora se sugiere evitarlos siempre que sea posible; se agregó un párrafo sobre los scripts útiles de mekkablue; imagen de ejemplo agregada para evitar curvas poco profundas, y nota sobre los nodos extremos para hinting.
Traducción al español de Sol Matas.