Cómo crear mi propia tipografía cómica manuscrita Estilo de Vida y Elegante

Probablemente hay muchas formas diferentes de crear su propio tipo de letra.

Puedo compartir con ustedes mi experiencia de aprendizaje de 9 años en busca de cómo hacer la fuente de escritura a mano perfecta.

Todo comenzó en 2007, cuando comencé una pasantía en el departamento de tipos de FontShop International en Berlín. Allí, aprendí sobre la tecnología de fuentes, pero aún no sabía mucho sobre diseño de tipos. Eso no me impidió hacer mi propia fuente de escritura a mano llamada Comic Jens. Como se puede ver por el nombre, es una parodia de Comic Sans. Dibujé las letras con mi mouse, al igual que Vincent Connare hizo con Comic Sans MS, usando la herramienta de pincel en FontLab Studio 5. No me preocupé por aplicar correcciones ópticas y dejé todo como la herramienta de pincel lo produjo, haciendo solo una limpieza mínima de los contornos. Terminé mi trabajo en 2008 y lancé la fuente de forma gratuita. Fue presentado como una alternativa a Comic Sans por algunos blogs y revistas y tuvo un éxito moderado. Fue descargado por más de 4000 personas hasta finales de 2009.

Ahora que tengo más experiencia en el diseño tipográfico, mirar las formas torpes del tipo de letra me da escalofríos. Apenas puedo soportar mirarlo más.

Pero ya en 2009 elaboré el plan para volver a trabajar la fuente por completo y expandirla en una gran familia de tipos de letra de escritura a mano con muchos pesos y anchos diferentes, algo que realmente no se ha hecho para las fuentes de escritura a mano en la misma escala que para la tipografía superfamilias con más de 100 estilos como FF Clan de Łukasz Dziedzic o Thesis de Luc (as) de Groot. Tenía la intención de hacer alrededor de 10 pesos y tres anchos (condensados, estrechos y normales), por lo que alrededor de 30 fuentes en total. Pensé que mi escritura a mano ya está ligeramente inclinada a unos 3 °, los estilos en cursiva no serían necesarios.

Dibujé algunas palabras de prueba sin tener realmente un plan de cómo podría administrar un proyecto a esta escala, y presenté una propuesta a la pizarra tipográfica FontShop, que aceptó el diseño para su inclusión en su biblioteca de fuentes FontFont. Esto me animó a seguir trabajando, pero aún no sabía cómo lograrlo.

Pasé buena parte del año siguiente tratando de descubrir cómo convertir mis cartas manuscritas en contornos digitales de manera eficiente. FontShop me exigió que entregara al menos un conjunto de caracteres latinos extendidos, que contiene letras acentuadas para todos los idiomas europeos basados en el latín, más cuatro conjuntos de números (forro proporcional, forro tabular, antiguo estilo proporcional y antiguo estilo tabular), que equivale a algo alrededor 500 glifos por fuente. Idealmente, para mantener la ilusión de las letras escritas a mano, debe incluir múltiples variantes de cada glifo que luego se ciclan automáticamente a través de las funciones OpenType a medida que escribe. Con tres variantes de glifos (el mínimo, ya que tres instancias de la misma letra pueden aparecer una al lado de la otra en varios idiomas), esto generaría 1.500 glifos por fuente.

Primero experimenté con escribir las letras usando diferentes tamaños de marcadores para escanearlas y rastrearlas, pero incluso antes de escanear la primera letra, se hizo evidente para mí que simplemente no escribía lo suficientemente bien como para usar las letras tal como están. Supongo que debido a la falta de capacitación, además de la falta de habilidades de caligrafía … Otra lección importante fue que cuando escribes y tus letras funcionan bien juntas en las palabras que has escrito, no significa que funcionarán en diferentes palabras y combinaciones.

Esa es una diferencia importante entre las letras y el diseño de tipografía. Al diseñar una tipografía, es crucial ver las letras en contexto a medida que las diseña, para asegurarse de que las proporciones armonicen (incluso en una tipografía de escritura a mano que permita una mayor falta de homogeneidad) y que las letras funcionen en diferentes combinaciones. Si escribe una letra demasiado grande, no puede reducirla o los trazos del lápiz se verán demasiado delgados en comparación con otras letras. Cuando buscas el aspecto de un marcador o un rotulador de punta de fieltro, terminas con contornos trazados muy desordenados hechos de muchos segmentos curvos. Realmente no puede modificarlos de manera eficiente en un editor de fuentes, especialmente cuando estamos hablando de 45,000 glifos en total.

Mi siguiente intento fue escribir las letras en Adobe Illustrator con una tableta Wacom . Al usar una herramienta de pincel sensible a la presión, esperaba poder mantener la vivacidad de las letras escritas, así como hacer algunas correcciones ópticas en esta etapa, como adelgazar las partes de las letras donde se juntan varios trazos para evitar manchas oscuras en la textura de las letras Por supuesto, no aplicamos este tipo de corrección cuando escribimos en papel, pero como ya escribí, diseñar una tipografía es una bestia completamente diferente a escribir cartas.

Al menos ahora podría poner algunas letras de referencia al lado de la letra que estaba escribiendo actualmente en mi plantilla de Illustrator, y seguir comenzando con una letra hasta que esté satisfecho con las proporciones básicas en relación con mis letras de referencia.

La herramienta de pincel en Illustrator produce trazados que consisten en una línea central más información de presión (expansión de trazo), pero las fuentes OpenType siempre están hechas de contornos de contorno. Así que tuve que expandir los caminos antes de poder copiarlos en FontLab Studio. Resultó que la calidad de los caminos expandidos no era tan buena que no requeriría limpieza (FontFont tenía estándares de calidad de curva muy estrictos). Incluso si los caminos expandidos hubieran sido perfectos, la posibilidad de repetir todo el proceso 45,000 veces me hizo desesperar.

Me gustó el aspecto limpio que la escritura en la tableta dio a mis cartas. La mayoría de las fuentes de escritura a mano mantienen algunas irregularidades en los contornos y la textura de las letras, que se ve bien en los tamaños de texto normales, pero cuando se acerca o cuando las letras se usan muy grandes, parece una basura debido a la resolución limitada de esas características.

Mi experiencia con Illustrator me convenció de que la única forma de obtener la calidad de contorno que quería era usar la carta escrita en tableta solo como guía y redactar un contorno completamente nuevo encima. Probablemente todavía era lento, pero como no necesitaba letras escritas exactas, sino solo una plantilla aproximada para las proporciones, podía deshacerme de Illustrator y usar la herramienta de pincel inferior de FontLab Studio . No era compatible con la información de presión de la tableta y producía contornos aún peores que Illustrator, pero solo tenía que ponerlos en la capa de fondo y dibujar sobre ellos.

Izquierda: el contorno producido por la herramienta de pincel de FontLab
Derecha: el contorno redibujado manualmente

Con un poco de práctica y después de ponerme al día, logré terminar un glifo en 20 minutos, desde colocar los puntos de curva más importantes en la parte superior de la plantilla hasta perfeccionar las curvas y configurar el espaciado correcto del glifo.

Aún así, no podía verme haciendo esto por 45,000 glifos, además de trabajar a tiempo completo en mi trabajo habitual.

Traté de escribir solo las letras del peso más delgado y más gordo y utilicé una técnica llamada interpolación, que es muy común en el diseño de tipo actual, para producir los pesos intermedios. Esto requiere un número idéntico de contornos y las mismas estructuras de puntos de control en ambos ‘maestros’ de cada glifo, pero como iba a construir los contornos manualmente, esto no debería plantear un problema. ¿O debería? Cuando se usa la interpolación, ambos maestros de un glifo tienen que verse más o menos iguales, o la interpolación será posible matemáticamente, pero no estéticamente agradable. Entonces, este enfoque significó que al mezclar diferentes fuentes de mi familia, las letras se verían muy similares en todos los pesos y estilos, no como la escritura a mano.

Nuevamente estaba en un punto donde todo el proyecto no parecía factible. Quería terminar algo al menos, así que decidí dibujar una fuente Regular y una Negrita de forma independiente, y dejarlo así. Ahí fueron mis planes para hacer la familia de fuentes de escritura a mano más grande de la historia.

Así que me concentré primero en el peso Regular, y planeé ambiciosamente incluir un conjunto de iconos y símbolos que son típicos para las fuentes cómicas, como $ # * usado en lugar de improperios, flechas, símbolos de fase lunar, animales, etc.

Traté de mantener el aspecto de mis cartas formales, pero no caligráficas. Para mí, mi educación en Alemania Occidental en la década de 1980 se refleja mucho en estas formas de carta. Aprendí a escribir el ‘Vereinfachte Ausgangsschrift’ en la escuela primaria y creo que se nota. Para hacer que la fuente sea más versátil, consulté con un experto en estilos de escritura a mano de diferentes países, Florian Hardwig, para incluir formas alternativas locales para algunas letras para que los usuarios pudieran ajustar el aspecto del texto para que coincida con su cultura local. También agregué algunas formas de letras mayúsculas que se basaban más estrechamente en la capitalis monumentalis romana , para darle a los ajustes de mayúsculas un aspecto más clásico si lo desea (ya me estoy alejando bastante de las letras cómicas).

Mi colega Christoph Koeberlin me presentó el principio de Pareto que dice que puede lograr el 80% de un resultado en el 20% del tiempo total, y el 20% restante tomará el 80% del tiempo total. Y lo bueno del diseño tipográfico es que puedes salirte con la tuya haciendo muchas trampas. Entonces mi plan para incluir tres variantes de cada glifo se redujo considerablemente.

Supongo que realmente no necesitabas tres variantes de cada glifo, sino solo las más comunes, como letras y números. La mayoría de las fuentes de escritura a mano no incluyen variantes de letras, y casi nadie se da cuenta. En buena medida, agregué una cuarta variante de las doce letras del idioma inglés más utilizadas: etaoinshrdl u. Las letras acentuadas se construyeron a partir de partes y no se dibujaron por separado, por lo que también tenían tres o cuatro variantes.

La fuente regular terminada tiene 1,454 glifos. La fuente en negrita no contiene todos los símbolos y menos variantes de letras, porque solo se usa para enfatizar. Estas dos fuentes funcionan muy bien en tamaños pequeños de hasta 12 puntos.

Había terminado las dos fuentes cuando ocurrió una coincidencia afortunada. Una editorial de libros escolares me contactó porque estaban interesados en usar mi fuente de escritura libre vieja y fea, pero requirieron algunos cambios de diseño y más pesos. Propuse dibujar una nueva familia de fuentes para ellos, similar en estilo a las viejas y nuevas fuentes de Comic Jens, pero más atenuada para que sea viable su uso en libros de texto y otros materiales escolares. Aceptaron mi propuesta, y también acordamos que podría lanzar las fuentes comercialmente más tarde.

Así que comencé de nuevo desde cero con toda la experiencia y la rutina que había obtenido a través de las dos fuentes terminadas. Una vez más, escribí en mi tableta en FontLab Studio, un diseño con un peso fino (20 unidades para los trazos horizontales en una unidad de 2000 unidades por cuadrícula) y un peso negro (264 unidades para los horizontales). Había duplicado la cuadrícula de las 1000 unidades habituales por em porque era imposible modelar las terminaciones de trazos redondos en una línea de 20 unidades en una resolución más baja. Quería interpolar los tres pesos solicitados (Ligero, Regular, Negrita) entre estos diseños extremos para poder ajustar los pesos finales del trazo según sea necesario. Imagine dibujar un peso ligero a mano y luego el cliente decide que debería ser un poco más ligero … tendría que ajustar todo manualmente nuevamente.

Las nuevas letras tenían una apariencia más regularizada para uso escolar, y tuve la idea de que también podrían ser una buena adición de tamaño de encabezado a mis dos fuentes de tamaño de texto. Cuando escribes más grande, escribes más lentamente, y tus letras no saltan tanto como cuando escribes en pequeño. El editor quería que sus fuentes se atenuaran aún más, así que al final hice diferentes versiones de una serie de letras para su selección de pesos y para mis fuentes principales. Para mis fuentes, decidí producir once pesos: Hairline, Thin, UltraLight, ExtraLight, Light, Regular, Book, Medium, Bold, ExtraBold y Black.

Me había cambiado de FontLab Studio 5 a RoboFont como mi principal editor de fuentes en este momento. RoboFont es mucho más personalizable. Todo el proceso de interpolación fue controlado por scripts Python personalizados para garantizar resultados reproducibles para ambas ramas del diseño. Todos los archivos se guardaron en un repositorio git para el control de versiones y sucursales.

La interpolación de las dos fuentes extremas resultó útil, pero no fue posible utilizar solo dos maestros para la interpolación. En el maestro negro, los pesos de los trazos son muy variables, en negrita en curvas anchas, pero se adelgazan donde se unen los trazos, mientras que el maestro Hairline es casi monolinear. Cuando interpola una fuente a mitad de camino entre estas, termina con un peso Regular donde las uniones de trazo son demasiado delgadas. Algunas letras tuvieron que ser diseñadas de manera diferente en diferentes pesos, como el signo del dólar o el signo de la libra esterlina, donde el bucle se cierra con un cierto peso.

Las terminaciones de trazos redondos también resultaron difíciles de interpolar. Toda la fuente se dibuja prácticamente sin líneas rectas, solo curvas. Si interpola dos curvas de Bézier, los ángulos en el punto inicial y final de la curva cambiarán si no son exactamente el mismo ángulo en los dos maestros, o si la distancia de los puntos de control al punto de la curva mantiene exactamente la misma proporción . Usted ve, hay muchas matemáticas involucradas en algún momento.

Con la gran diferencia de peso y la irregularidad del diseño entre los maestros Hairline y Black, las condiciones exactas para puntos de curva suaves eran imposibles de mantener. Entonces, el proceso consistía en interpolar un peso medio, hacer la corrección óptica del engrosamiento de las uniones de trazo manualmente y verificar si todas las conexiones suaves entre las curvas realmente se mantuvieron suaves. No lo hicieron, y escribí otro script de Python que analizaría las curvas y ajustaría automáticamente la mayoría de los pliegues que se habían introducido. Aún así, tuve que verificar visualmente cada uno de los 733 glifos (los estilos Headline también tienen un conjunto de glifos más pequeño que los estilos de texto). Además, el guión suavizó algunas esquinas que en realidad estaban allí por diseño, que tuve que verificar y deshacer caso por caso.

El verde es la versión cruda interpolada, el negro la versión corregida

Después de insertar el tercer maestro en el espacio de interpolación, los pesos de trazo en los 8 pesos interpolados restantes se veían bien, pero mi secuencia de comandos y la verificación visual para corregir las transiciones de curva aún eran necesarias y tomaron bastante tiempo.

Después de esto, mi trabajo estaba hecho. Hasta que las fuentes estén listas para su lanzamiento, aún queda mucho trabajo por hacer, que delegué felizmente a Inka Strotmann en Monotype (FontShop había sido comprado por Monotype mientras tanto). Además de hacer la optimización de la pantalla, los nombres, la producción final de fuentes en formatos OTF, TTF y WOFF, y la garantía de calidad, lo más importante es que miró mis diseños con un par de ojos nuevos y me dio algunas sugerencias para los cambios, y encontró algunos errores eso es inevitable porque ya no los notas cuando pasas tanto tiempo mirando y trabajando con tus cartas.

Un poco decepcionante al final del proceso fue que los abogados se sentían incómodos con el nombre de FF Comic Jens, porque temían que alguien pudiera considerar que infringía la marca Comic Sans MS , aunque el nombre Comic Jens había estado ahí desde 2008 y nadie se ofendió. Finalmente encontré un nuevo nombre con el que estoy feliz: FF Uberhand. Es la familia de fuentes de escritura a mano uber, la fuente de escritura a mano para gobernar todas las demás fuentes de escritura a mano, y también en alemán ‘überhand nehmen’ significa que algo se sale de control 😉

Me complace decir que las fuentes están programadas para su lanzamiento a finales de este año.

La familia FF Uberhand en todo su esplendor

Ejemplo de uso para una tarjeta de San Valentín