Los fundamentos del tipo de dibujo y la creación de su propia fuente manuscrita

Lo que vas a crear

¿Alguna vez has querido darle a tus diseños y diseños digitales un toque verdaderamente personal? En este tutorial veremos cómo puede crear una fuente a partir de su propia escritura a mano, para usarla en su computadora. 

El tutorial se dividirá en tres partes. En primer lugar, veremos los conceptos básicos de dibujar un tipo de letra. Luego, una vez que nos hayamos calentado, veremos cómo puede optimizar su escritura a mano para garantizar una alta calidad y versatilidad. Y, por último, analizaremos algunos métodos diferentes para obtener su fuente en la computadora y convertir sus letras dibujadas a mano en una fuente digital.

1. Practicar el tipo de dibujo

Lo que necesitarás para la primera parte de este tutorial:

  • papel para dibujar (blanco)
  • lápiz HB o 1H afilado
  • regla con medidas milimétricas

Es probable que escribas notas o listas garabateadas todos los días, pero rara vez eres consciente de tu letra. Cuando de repente te vuelves muy consciente de tu propia escritura, puede comenzar a parecer poco natural..

Primero debes entrar en un modo de escritura más natural. Creo que la mejor manera de hacerlo es practicar el dibujo de un tipo de letra. Esto también es realmente útil, ya que lo hace más consciente de las características clave de un tipo de letra y lo hace más capaz de reconocer características comunes (consistencias) entre diferentes caracteres dentro de un tipo de letra. Esto será útil cuando comencemos a refinar nuestros propios caracteres escritos a mano y a optimizarlos para la digitalización..

Paso 1

Coloque su regla plana sobre la página, en un ángulo horizontal, tan recto como pueda hacerlo. Tome su lápiz afilado y, presionando hacia abajo moderadamente, dibuje una línea sobre el borde superior de la regla. 

Si su regla es una regla estandarizada de 30 mm de ancho, puede mantenerla en su lugar y dibujar una segunda línea a lo largo del borde inferior de la regla. Esto tiene la ventaja de asegurar que ambas líneas son perfectamente paralelas. De lo contrario, simplemente crea dos líneas horizontales, 30 mm aparte. La línea inferior representa la Base, y la línea superior es la Altura de la tapa

Marca la parte superior 10 mm tercero de la altura total entre las líneas y dibuje una tercera línea horizontal con su regla y un lápiz, presionando hacia abajo más ligeramente para hacer una línea ligeramente más débil. Esta línea representa la altura x. Ingrese los términos de su tipografía, como x-height y baseline, en mi artículo sobre la A a la Z de la tipografía..

Paso 2

Puedes repetir la secuencia de líneas, usando las mismas medidas de Paso 1, Para crear una página llena de líneas. Esta es su propia cuadrícula de escritura, en la que puede practicar dibujar tipografías.

Paso 3

Abra un programa de software donde pueda editar texto fácilmente, como Adobe InDesign, o incluso Microsoft Word o Páginas

Seleccione un clásico Serif tipo de letra, como Adobe Caslon Pro, que se muestra aquí, o Garamond. Para practicar el dibujo de un tipo de letra, es mejor elegir un serif para dibujar al principio, ya que los tipos de letra sans serif tienen características más sutiles y pueden ser más difíciles de dibujar con precisión si eres un principiante..

Escribe los siguientes caracteres: 'H n o y', Con un espacio entre cada uno. Estos son buenos caracteres para elegir, ya que muestran una gama de características diferentes: dos tallos verticales y una barra transversal en la 'H', una abertura y remates en la 'n', un contador completamente cerrado en la 'o' y un Barrera descendente y brazos diagonales en minúscula 'y'.

Si estas trabajando en InDesign También puede activar la red de línea de base. (Ver> Cuadrículas y guías> Mostrar cuadrícula de línea de base) para ver más fácilmente cómo las proporciones de los personajes se alinean entre sí.

Infle los caracteres a gran escala en su pantalla o amplíe la imagen. Ahora puede comenzar a dibujar los caracteres. Alterna entre usar la regla y dibujar trazos a mano. No se preocupe si sus intentos parecen un poco desordenados, el objetivo de este ejercicio es que se sienta cómodo con el tipo de dibujo y que observe las características del tipo de letra y las similitudes (o diferencias) entre cada personaje..

Notará que los tipos de letra serif se basan en los principios de simetría y orden. Extienda los trazos desde el borde de los caracteres y observe los ángulos y proporciones. Los tallos casi siempre tienen el mismo ancho, sea cual sea el carácter, pero es posible que note que el tamaño de las remates es ligeramente mayor en la 'H' en mayúscula. Note también que algunas partes de los personajes son más delgadas; este tipo de accidente cerebrovascular se denominan lineas.

Etapa 4

Aunque no aplicaremos todas estas características a nuestra fuente manuscrita, es realmente importante reconocer que todos los tipos de letra se rigen por un conjunto de reglas, ya sean formales, que es más común con el tipo serif y sans serifs, o informal, que es Más común con las tipografías dibujadas a mano, pintadas o escritas a mano..

Una vez que haya practicado el dibujo de un tipo de letra, o varios tipos de letra, si lo desea, debe comenzar a investigar un poco sobre los tipos de letra escritos a mano, para ayudarlo a pensar cómo quiere que esté organizada su fuente..

Vaya a un sitio de recursos de fuentes como FontSquirrel o DaFont y eche un vistazo a las fuentes manuscritas disponibles allí. Elige una fuente que creas que comparta cualidades con tu propia letra y descárgala.. 

Elija un programa de software que le permita ver el conjunto completo de caracteres en la fuente. Adobe InDesign Es una buena opción, pero también podrías usar Glifos, que vamos a echar un vistazo más de cerca más adelante.

En InDesign, cree un marco de texto y configure el Fuente a su fuente recién descargada. Aquí, he elegido Wagnasty. Ir Ventana> Tipos y tablas> Glifos para abrir el Glifos panel. Podrás ver el conjunto completo de caracteres disponibles en el tipo de letra. 

Tome nota de los tipos de caracteres que están presentes y lo que está notablemente ausente. Por ejemplo, en Wagnasty tenemos:

  • un conjunto completo de letras mayúsculas, de la A a la Z
  • sin letras minúsculas
  • un conjunto completo de números, del 1 al 9
  • punto (.), coma (,), dos puntos (:), punto y coma (;), signo de exclamación (!), signo de interrogación (?)
  • apóstrofe
  • corchetes redondos (paréntesis), corchetes [], llaves / corchetes y chevrones <>
  • algunos símbolos básicos de matemáticas / ecuaciones (= +%)
  • hashtag (#)
  • algunos símbolos de moneda
  • asterisco (*)
  • barra diagonal (/), barra diagonal inversa (\), guión (-), guión girado (~), barra vertical (|)

Este es un conjunto básico de caracteres que le permitiría escribir la mayoría de las cosas en el idioma inglés sin demasiado problema..

También debe tener en cuenta si la fuente tiene pesos adicionales, por ejemplo,. negrita o itálico. La mayoría de las veces, una fuente manuscrita tendrá un solo peso regular, ya que la fuente debe parecer auténtica. Aplicar un peso diferente puede parecer poco natural.

La mayoría de las fuentes manuscritas tienen un conjunto de caracteres igualmente básico. Me gusta Mano de callie:

O algunos podrían incluir algunos más, como diario, que incluye algunos símbolos o imágenes extravagantes dibujados a mano:

2. Escribir tus propios personajes

Ahora que ha practicado el dibujo de tipos de letra y ha echado un vistazo a la variedad de tipos de letra escritos a mano y los caracteres disponibles dentro de cada conjunto de tipos de letra, puede comenzar a pensar en armar su propio tipo de letra personalizado..

Para esta sección del tutorial necesitarás lo siguiente:

  • papel rayado (un viejo cuaderno desaliñado será suficiente)
  • papel para dibujar (blanco; y con cierta textura si quieres darle un aspecto más informal y rústico a tus personajes)
  • lápiz HB o 1H afilado
  • regla con medidas milimétricas
  • una pluma de tinta líquida de punta fina en negro (me gusta usar un piloto Hi-TecPoint)
  • borrador

Paso 1

Muchas personas habrán desarrollado con el tiempo dos o más variaciones de su escritura a mano. Cuando escribo pasajes más largos de texto, mi escritura a mano tiende a unirse, y se inclina ligeramente hacia la derecha, creando un tipo de letra cursiva en cursiva.

Sin embargo, hay una serie de problemas al tratar de convertir la escritura manuscrita o cursiva a una fuente digital. Debería asegurarse de que el kerning (espacio entre caracteres) se establezca de manera muy precisa, de modo que los caracteres siempre aparezcan perfectamente unidos. También deberías asegurarte de que cada combinación de caracteres se vea perfectamente unida, lo que es muy difícil sin tener que pasar horas después de la edición del script en tu computadora.

Entonces, a menos que esté buscando un dolor de cabeza, se recomienda que busque digitalizar la escritura a mano que no sea cursiva. En su lugar, debe tener caracteres independientes que no deberán ser refinados para que se correspondan con precisión con cualquier carácter vecino dado. 

Afortunadamente, a menudo utilizo una variación diferente de mi escritura, generalmente para anotar documentos o escribir notas rápidas. Todo está configurado en mayúsculas, y no está unido. También tiene una ligera inclinación cursiva..

Elija un breve pasaje de un libro y copie el texto en un papel rayado usando su estilo de escritura natural. Mientras haces tu mejor esfuerzo para mantener la escritura natural, trata de asegurarte de que los personajes no se unan o toquen demasiado. No importa si mezclas letras mayúsculas y minúsculas. Pero tenga en cuenta que si desea hacer eso, tendrá que crear un conjunto completo de caracteres en mayúsculas y un conjunto completo de caracteres en minúsculas..

También puedes practicar escribiendo algunos símbolos, como signos de exclamación o corchetes.

Puede usar este pasaje del libro como una referencia útil para cuando comience a crear su muestra final de escritura a mano. No siempre parece natural escribir caracteres individuales, en un orden de A a Z, por lo que puede mirar el pasaje y ver cómo creó una 'G' o una 'F', por ejemplo, cuando estaba escribiendo Una forma natural y fluida..

Paso 2

Regresa a tu papel de dibujo. Toma tu lápiz y regla y, siguiendo Pasos 1 y 2 de Parte uno del tutorial (arriba), dibuje una secuencia de tres líneas, que representan la altura de la tapa, la altura x y la línea de base. 

En Parte uno, Creamos un grupo de líneas que medían 30 mm de altura total. Sin embargo, si tratara de escribir de forma natural a esta escala, ¡ciertamente lucharía! Reducir la altura total entre el Altura de la tapa y Base a 6 mm; marca la parte superior 2 mm tercero de eso para mostrar el altura x

Es posible que incluso descubras que todavía es demasiado grande para permitirte escribir de forma natural sin forzar. Escriba un par de caracteres en el papel, para ver qué tamaño escribe naturalmente sus caracteres. 

Reducir la altura total a 4 o 5 mm Si te sientes más cómodo escribiendo a menor escala..

Repite la secuencia de líneas hasta que hayas llenado la página..

Paso 3

Tome su pluma de tinta (la tinta negra creará un buen contraste para escanear más adelante) y gire el papel un poco en sentido contrario a las agujas del reloj. Esto es para evitar forzar el brazo demasiado mientras escribe.

Al mismo ritmo que normalmente escribirías, escribe los caracteres en mayúscula de la A a la Z de una sola vez, en la misma línea si tienes espacio. 

Si comete algún error, simplemente intente nuevamente en la siguiente línea hacia abajo. Pero no se preocupe por errores menores o peculiaridades en la escritura. Usted quiere que la escritura se vea orgánica y natural, y perfeccionarla demasiado eliminará eso.

Volviendo a la lista de caracteres que anotamos en Parte uno del tutorial, escriba otros personajes en el mismo estilo natural y en la misma escala. Si lo desea, también puede escribir un conjunto de letras minúsculas, de la A a la Z, así como.

Etapa 4

Deje que la tinta se seque por completo y luego tome un borrador y frote con cuidado las líneas de lápiz alrededor de los caracteres para que quede con un conjunto encantador de caracteres limpios, listos para escanear.

3. Escaneando y digitalizando su fuente

Para esta parte final del tutorial necesitarás:

  • un escáner (o alternativamente un trípode y una cámara digital)
  • Ilustrador Adobe
  • acceso a un editor de fuentes / programa de conversión de software, p.ej. FontLab Studio o Glyphs (puede obtener una versión de prueba gratuita de Glyphs durante 30 días, y hay una versión mini disponible para las aplicaciones de Mac)

Nota: Te llevaremos a través del proceso de uso Glifos en este tutorial, pero hay un montón de grandes programas de edición de tipo por ahí. Yo personalmente encuentro Glifos para ser muy fáciles de usar, pero muchos tipógrafos también presentarán casos sólidos para FontLab y RoboFont.

Paso 1

Configurando el escáner a un alto dpi (escaneo a 1600 dpi), escanear en su muestra de escritura a mano. 

Guarde el archivo como PELEA o JPEG. Luego abrir Ilustrador Adobe y crea un Nuevo documento.

Ir Archivo> Lugar y seleccione su imagen escaneada. Con la imagen seleccionada, abre el Traza de imagen panel (Ventana> Trazado de imagen). Con el Avance casilla marcada, configurar el Modo a En blanco y negro, y ajustar el Límite, Caminos y Las esquinas Niveles hasta que estés satisfecho con la precisión de la traza. Hacer clic Rastro.

Luego, con la imagen aún seleccionada, vaya a Objeto> Rastreo de imagen> Expandir. Como paso final, Control-Click (Mac OS) o clic derecho (Windows)> Desagrupar. 

Ahora necesitas deshacerte de todas las secciones blancas de la imagen. Abre el Capas panel (Ventana> Capas) y crear una nueva capa. Arrástrelo hacia abajo para colocar la nueva capa debajo de la capa de imagen. Selecciona el Herramienta Rectangular (M) y arrastre para crear un rectángulo que se extienda por toda la mesa de trabajo. Selecciona el Llenar a un color brillante contrastante.

Ahora puedes ver más fácilmente dónde hay blanco en la imagen. Selecciona el área blanca alrededor del exterior y borra. Seleccione las áreas blancas más pequeñas dentro de los tazones y contadores de caracteres, y elimine.

Has vectorizado exitosamente tu letra, gran trabajo.! 

Paso 2

Ahora abre tu software de edición de fuentes. Aquí, lo guiaré a través del proceso de digitalización de su fuente manuscrita usando Glifos.

Ir Archivo> Nuevo para crear una nueva fuente de glifos. En el lado izquierdo de la ventana de Glifos que se abre, verá un menú de opciones, que muestra grupos de caracteres que puede agregar a la fuente.. 

Hacer clic Carta para ver el conjunto completo de opciones de menú. Para insertar letras mayúsculas, seleccione Mayúsculas. Un conjunto completo de caracteres en mayúscula, de la A a la Z, aparece en la ventana.

Haga doble clic en un personaje para editarlo directamente. 

Saltar de nuevo a Ilustrador y seleccione el carácter vectorial relevante. Ir Editar> Copiar.

Volver a Glifos, E ir a Editar> Pegar. Los glifos colocarán el vector en la ventana, listo para que puedas escalar y ajustar. Los valores numéricos en la parte inferior de la pantalla son editables, lo que le permite ajustar el espacio a los lados izquierdo y derecho del personaje, lo que afecta el kerning. 

A la izquierda de la ventana se puede ver. '-' y '+' Símbolos, que te permiten escalar el personaje. También puede ajustar manualmente la escala, utilizando la Escamas) Herramienta accesible en el panel de herramientas que se encuentra en la parte superior de la ventana..

Debe usar las guías de la pantalla como guía, colocando la parte inferior del personaje en la Base, y la parte superior del carácter (si es mayúscula) que cumple con el Altura de la tapa línea.

Paso 3

Puede retroceder para ver el conjunto completo de caracteres haciendo clic en el botón Fuente pestaña hacia la parte superior de la ventana.

Repita el proceso anterior, haga doble clic en los caracteres en Glifos para abrirlos y pase de un lado a otro entre Illustrator y Glifos, copiando y pegando caracteres en.

También puede comenzar a agregar otros tipos de caracteres, usando el menú de la izquierda en la ventana de Glifos. Tendrá que agregar manualmente Números y Puntuación marcas, seleccionándolas de los menús desplegables y seleccionando Generar.

Etapa 4

Una vez que haya agregado todos los caracteres para su fuente, puede darle un nombre. 

Ir Archivo> Información de fuente para abrir una nueva ventana. 

Asigne un nombre adecuado a la fuente, y también puede agregar detalles adicionales, como su nombre, su sitio web y su información de Copyright. Una vez que hayas terminado, simplemente cierra la ventana.

Paso 5

Una vez que haya editado los caracteres en su fuente, puede exportarlos como una fuente digital. 

Ir Archivo> Exportar

Mantenga las opciones predeterminadas como están, para crear un Fuente OpenType, luego haga clic Siguiente. Guarda la fuente en una carpeta que sea fácil de buscar.

Puede salir de Glyphs y navegar a la carpeta elegida, para ver el archivo de fuente. 

Luego, puede instalar esto en su computadora, como lo haría con cualquier fuente .otf estándar.

Conclusión

Su fuente manuscrita ahora está completa y lista para usar como fuente digital en sus propios documentos. Úselo para agregar un toque personal a las notas o anotaciones, o incorpórelo en diseños de diseño para que su obra de arte sea verdaderamente única.!

Vamos a resumir las lecciones que hemos cubierto en este tutorial. Mirábamos:

  • cómo practicar el tipo de dibujo, y reconocer elementos y reglas comunes en todas las fuentes.
  • cómo Aplica esas lecciones de dibujo a tu propia letra., optimizándolo para la digitalización
  • cómo escanea tu obra de arte y vectorizarlo en ilustrador
  • cómo Convierte tus vectores a una fuente digital, Editándolo usando Glyphs u otro software de edición de fuentes.

Impresionante trabajo! Diviértete creando más de tus propias fuentes, ¿por qué no experimentar con diferentes estilos dibujados a mano o pintados??