7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Fonts

Cómo Crear Tu Propia Fuente

Scroll to top
Read Time: 15 mins

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este artículo, ¡estaré hablando sobre fuentes! ¿Alguna vez has intentado hacer una? Incluso si nunca habías pensado en esto, podrías inspirarte un poco después de leer mi historia.

Te contaré cómo decidí intenté probarme en diseño de fuentes, cómo me preparé para crear mi primera fuente, ¡y por qué deberías intentar y hacer tu propia fuente también! El proceso es realmente retador y calmante al mismo tiempo. aprenderás tantas cosas nuevas mientras excavas a través de un nuevo campo creativo.

Si no vas a crear una fuente por ti mismo pero necesitas una para tus diseños, ¡entonces siéntete libre para saltar directamente a la página Bananito Font Duo en GraphicRiver y obtenerla ahí!

Bananito Font DuoBananito Font DuoBananito Font Duo

No podemos evitar notar una vasta variedad de fuentes rodeándonos en nuestra vida diaria. Cualquier producto que recojas en la tienda, cualquier sitio web que mires a través del Internet, y cualquier pendón publicitario con el que te topes en la calle usualmente contendrá al menos una palabra o frase tecleada con una fuente sans-serif pesada o un divertido tipo de letra cursiva.

Las fuentes pueden ser de cualquier tipo, dependiendo del propósito del diseño. Estas pueden ser geométricamente perfectas o curvas con letras rebotando. Una fuente puede ser algo además de letras, tal como una fuente de símbolos con iconos o garabatos en vez de letras.

symbols fontsymbols fontsymbols font
Un ejemplo de una Fuente de Símbolos con garabatos en vez de letras

Mirando a todo este festín de tipos de letra a mi alrededor, noté que las fuentes escritas a mano y encaprichadas se están volviendo más y más populares, haciendo a cualquier diseño lucir fresco y único. Puedes encontrar fácilmente tales fuentes en GraphicRiver, por ejemplo, o revisar el siguiente artículo sobre impactantes fuentes escritas a mano:

Realmente me volví inspirada en la idea de intentar algo nuevo después de trabajar como una ilustradora por muchos años. ¿Así que por qué no canalizar mi pasión por el dibujo... a dibujar letras?

Cómo Cree Mi Primera Fuente

Después de leer varios libros sobre tipografía y estudiar la teoría de diseño de fuentes, me moví a practicar mi habilidad caligráfica. En este punto, comenzaron los interminables ejercicios. Imprimé toneladas de hojas de práctica y practiqué esos trazos hacia arriba y abajo siempre que tenía un minuto libre. No puedo evitar notar lo calmante que es este proceso. Además de hacer tu mano firme, te ayuda a concentrarte y deshacerte de pensamientos indeseables, al igual que si estuvieras meditando.

digital practice sheetsdigital practice sheetsdigital practice sheets
Versión digital de las hojas de práctica caligráfica. Haciendo ejercicios en un iPad.

Mientras me volvía más familiar con el mundo de la tipografía, caligrafía y las letras, finalmente decidí hacer un tipo de letra real, uno que pudieras instalar en tu PC y usar en  programas como Adobe CC, Affinity Designer y Corel Draw para diseñar en Microsoft Office y Pages para documentos de escritura y formato.

Esto es lo que diferencia a una fuente de un conjunto de letras o alfabeto vectoriales---puedes solo instalarla como con cualquier fuente usual que descargas de la web, y trabajar con ella en cualquier software en vez de construir una palabra de letras individuales en un programa gráfico.

using font in a softwareusing font in a softwareusing font in a software

Para comenzar, decidí crear una fuente dual consistente de una simple fuente en mayúsculas y un conjunto de símbolos de garabatos para decoración. Tal fuente dual es grandiosa para hacer diseños elegantes en unos cuantos clics ya que ya tienes todo lo que necesitas incluido. Además de eso, una fuente dibujada a mano tan divertida ve perfecta con otras fuentes serif o sans serif si necesitas un encabezado y un sub-encabezado.

¡Y así es como nació Bananito Font Duo!

Después de que la fuente salió en línea, fue elegida para un boletín promocional por correo electrónico y también fue incluida en un gran paquete de fuentes.

bananito font used in a designbananito font used in a designbananito font used in a design
Ejemplo de como puede ser usada la fuente Bananito Font Duo

Inspirada por los primeros resultados, decidí continuar desarrollando mis habilidades en este campo y probar algo más sofisticado: una fuente cursiva.

Las fuentes cursivas lucen realmente elegantes cuando se involucran en un diseño. Aquí está un artículo inspirador sobre fuentes cursivas estilizadas:

Aquí está un consejo rápido si estás pensando en crear un fuente pero no sabes cómo comenzar. Sí, la cantidad de trabajo que hacer podría espantarte, pero solo si todo está desorganizado y hecho en orden caótico.

Comienza con un fuente sencilla, y no intentes agregar todas los adornos en tu primer tipo de letra si no estás seguro si tendrás la fortaleza suficiente y motivación para terminarla. En cualquier caso, es mejor intentar y hacer al menos una fuente sencilla que darse por vencido a la mitad de hacer una compleja.

designing a script fontdesigning a script fontdesigning a script font
Diseñando una fuente cursiva texturizada. Primeros pasos.

Así que déjame contarte sobre el proceso de como diseñé y creé la fuente Bananito Duo Font, desde inicio hasta fin.

Cómo Crear una Fuente de Símbolos

Cómo Dibujar las Letras

Para comenzar, necesitamos dibujar todas las letras. Iba a hacer solo la versión de mayúsculas en la fuente, así que necesitaba representar las 26 letras del alfabeto Inglés. El estilo de tu fuente es completamente opcional y depende de muchos factores. Mientras piensas en una nueva fuente, intenta tener en mente que debería ser:

  • moderna (mira a través de las mejores fuentes en GraphicRiver, por ejemplo, para poder darte cuenta de qué está de moda de momento y cuáles fuentes tienen una valoración más alta o fueron escogidas por el personal de Envato)
  • fácil de leer en escala grande y pequeña
  • útil para varios tipos de diseño, es decir, multipropósito

No tiene que lucir como tu propia escritura, pero ciertamente puede si lo quieres (además, las fuentes escritas a mano son una de las tendencias de moda).

Si prefieres un pincel pluma y papel, ¡hazlo! Podrías también preferir usar un lápiz ya que es fácil corregir con a ayuda del borrador. Cuando hayas terminado de dibujar todas las letras en papel, ve y escanéalo o usa tu teléfono para tomar una foto.

Es mejor dibujar todo en una toma, sin posponer el trabajo para el siguiente día ya que las letras podrían lucir un poco distintas. Noté que mi mano se comporta diferente cada vez que dibujo---algunas veces se siente más cansada y firme, y otro día es más fácil hacer líneas ligeras y arremolinadas. De hecho, será mucho más sencillo dibujar todas las letras en un estilo consistente si las dibujamos todas una por una. ¡Y no te olvides de las figuras y signos de puntuación! Algunas veces la gente los necesita para diseñar también, ¿así que por qué no agregarlos a nuestro tipo de letra?

Echa un vistazo a Calligraphr (anteriormente conocido como MyScriptFont.com), en donde puede encontrar una plantilla muy útil conteniendo todos los glifos para nuestra futura fuente. Solo imprímela y úsala como guía, o impórtala a tus programas si estás trabajando de manera digital.

drawing letters on the templatedrawing letters on the templatedrawing letters on the template

Por cierto, unas cuantas palabras sobre trabajar de manera digital. Primero, comencé practicando caligrafía en papel. Sin embargo, después, continué a dibujar en iPad, usando al Lápiz Apple y la aplicación Procreate. Puedes encontrar algunas brochas geniales para letrado y caligrafía, o incluso hacer el propio como yo lo hice. Pasé algunas horas jugando con ajustes y texturas hasta que creé una brocha perfecta que se comportaba como un pincel real, haciendo todo el proceso más suave y rápido.

Hay dos ventajas en dibujar letras de manera digital, tal como la oportunidad de deshacer y editar cualquier cosa, cambiar la escala y colores de los elementos y transferir la imagen completa a tu computadora en solo un clic.

Sin embargo, la opción de dibujar de manera digital no es para todos: hay mucha gente que disfruta dibujar sobre papel porque te da una sensación táctil placentera de la textura real del papel y más control sobre los trazos. Por el contrario, el vidrio de la pantalla digital podría sentirse muy lisa y resbalosa para dibujar, y los trazos de la pluma digital no son tan precisos como aquellos del pincel real. Sin embargo, dibujar de manera digital podría resultar mucho más sencillo debido al suavizado automático de las líneas, de manera que no tienes esos trazos temblorosos.

drawing letters digitallydrawing letters digitallydrawing letters digitally
Dibujando letras en iPad usando la cuadrícula

Cómo Transferir Tu Dibujo a la Computadora

Una vez que estás contento con tus letras dibujadas a mano, ¡es tiempo de abrirlas en Adobe Illustrator y usar la función Trazar Imagen para convertirlas en agradables vectores limpios!

Tus ajustes de Trazado de Imagen podrían ser diferentes a los míos, dependiendo del grosor y tamaño de las letras y del brillo y contraste de tus letras si estás dibujando sobre papel. Usualmente mantengo el Límite algo entre 120 y 170 si quiero que las letras sean más o menos detalladas. También establezco los Trazos y Esquinas a 75%, dejando todas las otras opciones por defecto.

Una vez que has terminado, da clic en el botón Expandir en el panel de control den la parte superior para convertir las letras en curvas. Recuerda borrar el fondo blanco dando clic sobre este con la Herramienta Varita Mágica (Y).

Esto podría requerir algún tiempo para limpiar las letras después de trazar, haciendo las líneas más suaves y deshaciéndote de elementos innecesarios y puntos errantes.

trancing the font in adobe illustratortrancing the font in adobe illustratortrancing the font in adobe illustrator

Tan pronto como estemos contentos con el resultado, podemos colocar cada símbolo en su propia celda y prepararlo para exportar.

traced letters distributed in adobe illustratortraced letters distributed in adobe illustratortraced letters distributed in adobe illustrator

El resto del proceso depende del software que estarás usando para hacer fuentes. Podría ser FontLab o, por ejemplo, Glyphs.

Si eres un usuario Windows, sugeriría probar FontLab, ¡un programa muy poderoso para crear fuentes! Este conjunto de tutoriales será muy útil para crear tu primera fuente desde cero hasta el final:

Prefiero usar Glyphs. Sin embargo, solo es para macOS, y esa es su única desventaja hasta ahora. El programa mismo es muy fácil y divertido de usar con su interfaz amigable con el usuario y guías y tutoriales descriptivos. Así que si eres un usuario de Mac, prueba su periodo gratuito de 30 días y ve por el.

Glyphs app interfaceGlyphs app interfaceGlyphs app interface
La interfaz Glyphs

Si no estás seguro si quieres estudiar nuevo software y crear más fuentes en el futuro, puedes intentar algo más simple para empezar. Por ejemplo, Calligraphr, el cuál mencioné anteriormente en el artículo, es una gran oportunidad para revisar cómo funcionan tus fuentes. ¡Solo sigue las instrucciones exhaustivas en el sitio web y crea tu fuente rápida y fácilmente!

Este es mi momento favorito, ¡cuando la fuente es finalmente probada y exportada y se pone en vivo! Ahora puedes usarla en tus propios diseños, creando pendones, folletos y postales caprichosas mucho más rápido y sencillo que si estuvieras combinando las letras en palabras una por una.

making postcard with your fontmaking postcard with your fontmaking postcard with your font

También, aquí hay un  par de descriptivos y exhaustivos tutoriales paso a paso sobre crear una fuente desde cero hasta el final. ¡Revisalos!

Por Qué Deberías Intentar Crear Tu Propia Fuente

¿Aún estás dudando si deberías hacerlo o no? Aquí está una lista de razones que vienen a la mente instantáneamente después de que he decidido sumergirme en tan fascinante proceso como es la creación de fuentes.

  1. Esta es una gran oportunidad para intentar algo nuevo. Si estás atorado en la mitad de tu camino y sientes como si estuvieras perdiendo la creatividad y motivación de hacer las cosas que estabas acostumbrado a hacer, hacer fuentes puede ser una bocanada de aire fresco. El proceso de crear fuentes es muy interesante y retador. También podrías encontrarlo meditativo y calmante.
  2. Diseñar una fuente es una buena manera de probar tanto medios tradicionales como digitales. Algunos de nosotros disfrutamos letras en papel, usando varios pinceles, brochas, y plumas caligráficas. Otros eligen caligrafía digital en PC o iPad, probando varias brochas y creando las propias para encontrar una combinación perfecta de tamaño, inclinación, opacidad, y textura.
  3. Tus habilidades de dibujo mejorarán. Mientras completas ejercicios, haciendo todos esos trazos hacia arriba y abajo y círculos día con día, encontrarás que tu mano se vuelve más firme y que ahora estás dibujando trazos largos y derechos con firmeza y confianza. ¡No más líneas temblorosas por aquí! Esta habilidad también será útil para otros campos de ilustración ya que siempre es grandioso tener una mano firme mientras se dibuja.
  4. Un dato curioso sobre el aspecto químico de nuestro cuerpo es que aprender nuevas habilidades hace que tu cerebro trabaje más, causando que cree nuevas conexiones entre neuronas, reemplazando aquellas que perdemos con el paso del tiempo. ¿No es eso increíble? Además de eso, las nuevas experiencias incrementan el nivel de dopamina, dándote una sensación de alegría.
  5. Siempre es un plus agregar nuevas habilidades a tu CV. Esto obviamente te anotará más puntos a los ojos de tu futuro jefe o cliente, ya se que estés buscando un empleo o trabajo independiente.
  6. Te volverás más hábil en diseño aprendiendo cómo emparejar y combinar fuentes. Las combinación hermosas de fuentes hacen a cualquier diseño lucir mejor, mientras que las fuentes inapropiadas pueden echar a perder cualquier buen diseño.
  7. Es conveniente usar tus propias fuentes en tus diseños sin preocuparte de qué tipo de licencia necesitas dependiendo del propósito de tu producto final.
example of the package designexample of the package designexample of the package design
Un ejemplo de diseño de empaque usando la fuente Bananito Font Duo

¿Vender o No Vender?

Otro punto de crear fuentes que vale la pena ser mencionado aquí es la oportunidad de hacer algo de dinero. Aunque hay muchas fuentes gratuitas, aún puedes vender una fuente de buena calidad.

Una vez que has empleado tiempo suficiente aprendiendo y finalmente creaste un producto sobresaliente, intenta subirlo a la sección de Fuentes de GraphicRiver y promoverla haciendo una presentación en tu portafolio. Las fuentes escritas a mano y cursivas son tendencia en el diseño moderno---puedes encontrarlas casi en cualquier lado en diseño de producto, diseño de empaque, vestimenta, publicidad, y el diseño interior de tiendas y cafés. Lo que es más, tales fuentes hacen único a un producto, mientras que las fuentes gratuitas tienden a sobre usarse entre los diseñadores.

using your font in package designusing your font in package designusing your font in package design

Por otro lado, la competencia entre diseñadores de fuentes se está elevando y más fuentes gratuitas grandiosas están apareciendo, así que la gente no tiene que gastar mucho dinero para hacer un cartel o folleto estilizado. Además de eso, hacer una fuente gratuita tiene sus propias ventajas también:

  • Es una buena manera de promoverte distribuyendo cosas gratis y mostrando tus otros proyectos al mismo tiempo.
  • Es una gran oportunidad para incrementar la calidad de tus futuras fuentes practicando.
  • Te ayudará a convertirte en un mejor diseñador de fuentes mientras intentas nuevos estilos de escritura y compartiéndolos con el mundo.

Para resumir estos dos puntos, de hecho puedes hacer una diferencia entre una fuente que regalas y una que vendes. Una fuente gratuita podría no tener todas las características como ligaduras, puntuación mejorada, soporte de fuente web o multi lenguaje. Todas estas características podrían ser agregadas a la versión completa de la fuente.

all the features of the fontall the features of the fontall the features of the font

La última cosa pero no menos importante por mencionar aquí es el licenciamiento. Si quieres que tus fuentes se vendan, definitivamente deberías estudiar todos los tipos de licencias y las diferencias entre ellas para poder conocer cómo el precio varía y para qué propósitos la gente podría necesitar tu fuente.

Aunque la mayoría de los mercados en línea tienen preguntas frecuentes descriptivas sobre todos los tipos de licencia o incluso tienen el tipo de licencia relevante ya seleccionado por ti, saber esta información por ti mismo es muy importante de cualquier manera. Algunos de tus clientes podrían tener preguntas o dudas sobre si pueden usar tu fuente o no, y en ese caso, podrás resolver cualquier pregunta sin dudar.

using the bananito fontusing the bananito fontusing the bananito font

¡Inténtalo!

¡Y eso es todo! ¡Espero que hayas encontrado alguna nueva información interesante sobre crear fuentes y reunido suficiente inspiración para probar por ti mismo! No es tan difícil o espantoso como podría parecer, de hecho. Solo recuerda que puedes comenzar con algo simple, moviéndote gradualmente a algo más complicado paso a paso. Si encuentras que este proceso te trae alegría y relajación, no podrás parar, eso es seguro.

Y recuerda que si te gustó la fuente Bananito Font Duo que es mencionada en este artículo y quieres usarla en tus diseños, puedes obtenerla justo de GraphicRiver en solo unos cuantos clics.

Bananito Font DuoBananito Font DuoBananito Font Duo
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.