Cómo recrear este efecto de trazo+tipo superpuesto en Illustrator (fuente "Kikukomi Number" de Morisowa)

Suponga que soy un imbécil y necesito ayuda amable. Entonces, realmente me gusta este tipo superpuesto en orden ascendente:

ingrese la descripción de la imagen aquí

Entiendo que es una característica de una fuente de Morisowa ( https://twitter.com/hamko1114/status/1296700184827531265 ), pero me gustaría implementar la colocación y la superposición en otra fuente. ¿Hay un nombre propio para esto? ¿Se puede hacer esto en Glyphs? Muchas gracias a cualquiera que pueda empujarme en la dirección correcta :))

No puede hacer esto en una fuente en sí misma, se basa en una función de trazo del motor de representación de fuentes.

Respuestas (1)

No debería ver esto como una manipulación de la fuente en sí, sino como tratar a los caracteres como cualquier otro tipo de gráficos vectoriales. En realidad, esto es bastante fácil de hacer si puede vivir con el texto que se expande y ya no se puede editar.

En primer lugar, debe disminuir la distancia entre los personajes. Abra el panel Carácter , seleccione el texto y disminuya el seguimiento hasta que los caracteres tengan la superposición deseada (mantenga presionado Shiftpara incrementar 10 por cada clic).

Simplemente agregar un trazo blanco al texto no dará el efecto deseado. Todos los trazos se representan encima de todos los rellenos:

Pero si selecciona el objeto de texto y usa Objeto > Expandir , los caracteres individuales se convierten en objetos vectoriales ordinarios separados, y se superponen en orden ascendente de forma predeterminada:

Asegúrese de ingresar al panel Trazo y establecer Alinear trazo en Alinear trazo con el exterior . Esto hará visible todo el carácter original y el trazo blanco solo ocultará parte de las letras subyacentes.

¡Brillante! ¡Gracias amigo!
@FloydGondolli, ¡de nada! Y bienvenido al sitio. Recuerda aceptar la respuesta si te funciona, así se marca como aceptada y yo obtengo mis puntos de reputación 😋. O espere un momento y vea si aparece una mejor respuesta.
¡Jaja gracias! Tu respuesta hace el truco. ¿Alguna idea de si esto es posible a través de CSS?
@FloydGondolli, me temo que no de una manera obvia. Acabo de tratar. La text-strokepropiedad tiene el mismo problema que antes de expandir el texto en Illustrator (y no es ampliamente compatible). Y la text-shadowpropiedad agrega sombra al texto como un todo, no a las letras individuales. Puede haber alguna solución. ¿Quizás si las letras están de alguna manera en contenedores separados?
¡Algo sobre lo que pensar! Gracias de nuevo :)