1. Design & Illustration
  2. Designing

Diseñar una tipografía con Illustrator y FontLab, de principio a fin - Parte 2

by
Read Time:6 minsLanguages:
This post is part of a series called Design Essentials.
Designing a Typeface, With Illustrator and FontLab, from Start to Finish - Part 1
Designing a Typeface, With Illustrator and FontLab, from Start to Finish - Part 3

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

En esta entrega del tema "Diseño de un tipo de letra" continuaremos con el arte creado en la primera parte de este tutorial. Así que ya conoces el fundamento para la creación de tipografías hermosas, y has utilizado algunos de los principios tipográficos básicos para establecer un método de diseño. Es el momento entonces de aplicar estas reglas y crear una tipografía decorativa. ¡Volvamos a nuestra tarea, continuemos divirtiéndonos!


Paso 1

Ya sea que empieces con la letra A y vayas hasta la Z, o que crees grupos de letras similares (aceos, lijft, bdghpqy, vwkyxz, mhnur), necesitas crear todos los caracteres. Para generar nuevas letras prefiero usar formas de letras similares. Esta parece ser la forma más rápida y productiva de trabajar y ayuda a mantener la consistencia en el diseño.


Paso 2

Este es un ejemplo de creación de letras mayúsculas que son similares entre forma y forma. Comenzamos con la letra P -que se crea con una línea vertical, un círculo y una forma blanca 'recortada' (1). Crea una copia de esta forma a la derecha (opción + Arrastrar) y refleja el círculo superior hasta la parte inferior, creando una base aproximada para la letra B (2). Extiende la forma blanca a la izquierda, aplica un relleno al círculo inferior y una forma blanca para recortar el resto de los círculos superpuestos (3). Dibuja una línea horizontal, desde el punto donde los 2 círculos se intersectan en el centro para crear la letra B (4). Para crear la letra R, simplemente elimina el círculo inferior y refleja la forma blanca de recorte (5). Dibuja la línea diagonal en la posición adecuada, creando la letra R (6).


Paso 3

Los caracteres con curvas pueden ser complicados, por eso mantener la consistencia es la clave. El uso de formas similares simplificará el proceso. Observa cómo uso las mismas formas para crear varias letras. La g es una p reflejada, con una descendente modificada. La q utiliza las mismas formas, excepto que el descendente se refleja y se modifica. La j y la f utilizan el mismo descendente modificado de la q.


Paso 4

Una vez más, observa lo fácil que es crear nuevas letras a partir de formas de letras existentes. Puedes entonces hacer algunas excepciones, observa cómo la letra u es una n volteada, con un pequeño ajuste.


Paso 5

Mi progreso, mayúsculas.


Paso 6

Y minúsculas.


Paso 7

No elimines caracteres solo porque no se ajustan a la cuadrícula o porque decidas no incluirlos en el juego de caracteres final. Estos podrían incluirse como caracteres alternativos; aquí hay algunos de ellos.


Paso 8

A continuación, sigue con todos los extras: números, puntuación, caracteres internacionales, etc... Obviamente, es buena idea usar líneas o formas de otros caracteres. Aquí la S se convierte en ampersand (&). Es muy importante crear un juego de caracteres completo, incluidos los caracteres internacionales. Esto hará que la tipografía sea más profesional y mucho más versátil. No hay nada peor que al utilizar un tipo de letra, esta no tenga los caracteres necesarios. Aquí puedes encontrar un conjunto completo de tipos de letra estándar.


Paso 9

Prueba regularmente cómo se ve tu tipo de letra en uso. Crea los caracteres para la palabra 'hamburgefonstiv', este es un método clásico que te ayudará a revisar tu progreso y eliminar los caracteres restantes. También es aconsejable verificar las proporciones de caracteres, así como el espaciado vertical/horizontal.


Paso 10

Ahora querrás hacer algunos cambios, correcciones, sustituciones, etc... Dependiendo de tu tipo de letra, es posible que tengas que crear algunos caracteres que necesiten ajustes ópticos. Por ejemplo, si colocas la O y la H una al lado de la otra con las guías, la O puede verse un poco más pequeña (altura). Incluso si están matemáticamente perfectas, visualmente puede que no se vean 'correctas'. Al aumentar sutilmente la altura de la O, rebasando un poco la línea base, puedes hacer que los caracteres se vean correctos.


Paso 11

En este punto, ya has decidido el peso, o grosor del trazo, de tu tipo de letra (2,5pt en mi ejemplo) y lo has aplicado de forma coherente a todos los caracteres. Hasta ahora sólo se han utilizado líneas (trazos) y formas blancas de 'recorte' para crear las letras. Para llevarlos a FontLab, no puedes tener trazos o formas múltiples, cada carácter necesita ser una forma independiente. Por lo tanto, tendrás que convertir cada línea con trazo en contornos. Selecciona todas las líneas y ve a Objeto > Trazado > Contornear trazado.

Consejo: Una manera fácil de seleccionar todas las líneas similares es seleccionar una sola línea (usando la herramienta de selección) y activar Seleccionar > Mismo > Grosor de trazo. Esto seleccionará todas las líneas negras con el trazo de 2.5pt.


Paso 12

Usa el panel Buscatrazos para cortar o recortar cualquier área en la que se hayan creado formas blancas para la forma de la letra. Para garantizar que no tengas problemas, te sugiero hacerlo con cada carácter individualmente. Por ejemplo, la letra D está construida con un círculo, una línea vertical y una forma blanca que 'recorta' el lado izquierdo del círculo (1). Una vez que los trazos están convertidos a forma, selecciona la forma blanca y el círculo, y manteniendo presionada la tecla de Opción, haz clic en el botón Restar en el panel Buscatrazos (2). La forma blanca desaparecerá, cortando el lado izquierdo del círculo. A continuación, selecciona la línea vertical y la parte restante del círculo (presiona Opción) y haz clic en el botón Unificar en el panel Buscatrazos (3).


Paso 13

Aquí están mis caracteres terminados, esbozados en minúsculas. Cada letra es una sola forma. No hay líneas con trazos, o formas blancas, solo formas individuales expandidas. He utilizado sólo las letras minúsculas para fines de visualización, aplica el proceso de contornear trazado y Buscatrazos a todos los caracteres.


Paso 14

Listo, ya has creado todos los caracteres completos, ahora es momento de prepararse para FontLab. Crea un nuevo documento en Illustrator, el tamaño del documento dependerá del tipo de letra individual, dejé el mío en 1000pt X 1000 pts. Este será el archivo para exportar los caracteres de Illustrator a FontLab, así que lo llamé 'exportar'. Abre las preferencias de Illustrator (Comando + K), y en Cuadrículas y guías, establece la cuadrícula en 10pts y 10 subdivisiones. Comprueba igualmente las preferencias en Administración de archivos y Portapapeles para que queden con los ajustes que se muestran continuación.


Paso 15

Configura las guías como lo hiciste para tu tipografía. Puedes utilizar las líneas (azul claro) que dibujaste inicialmente (seleccione las líneas, presiona Control + haz clic en > Crear guías) o utiliza las guías de Illustrator. Asegúrate de bloquear las guías (Opción + Comando + ; ). La escala que se utiliza para esta cuadrícula de exportación depende totalmente del tamaño, el nivel de detalle y la forma de la letra que estés creando. Para darte una idea, mira abajo los valores que utilicé. Ya que en este diseño no hay ascendentes, la altura de las capitales y las ascendentes es la misma. Para simplificar, establece las líneas base en 0.
Altura de capitales: 700, x-altura: 441, Descendentes: -269


Paso 16

Asegúrate de tener activado Ver> Ajustar a cuadrícula (Mayúsculas + Comando + "). Finalmente, posiciona todos los caracteres para que se ajusten con las guías. Si es posible, trata de escalar todos los caracteres al mismo tiempo, así mantendrás la uniformidad en el diseño y te tomará menos tiempo.


Conclusión

Felicidades, tu diseño de tipografía está completo. En la tercera parte aprenderemos a llevar estas formas de letra a FontLab y convertirlas en una fuente real. Puede que esta no sea la manera 'experta' de crear un diseño de un tipo de letra, pero es un buen método si no te gusta dibujar directamente en FontLab. La imagen final está abajo

One subscription.
Unlimited Downloads.
Get unlimited downloads