¿Qué son las fuentes variables?

Dar formato a la tipografía para que se ajuste a sus propósitos exactos puede llevar mucho tiempo. Así que imagina, en cambio, ser capaz de hacer una fuente sutilmente más en negrita o cursiva simplemente ajustando un control deslizante en Illustrator. 

La tecnología de fuente variable ahora le permite hacer precisamente eso. Estos archivos de fuentes individuales realmente se comportan como fuentes múltiples, lo que le permite ajustar el peso, el ancho y la inclinación del tipo mientras trabaja. 

¿Pero son las fuentes variables realmente útiles para los diseñadores, o un truco divertido pero sin sentido? Aquí echamos un vistazo a cómo puede usar las fuentes variables en Illustrator CC y cómo puede aplicarlas mejor en su trabajo de diseño..

En la búsqueda de fuentes más interesantes? Vea la amplia gama de estilos de visualización, remates y sin remates en Envato Elements y GraphicRiver..

Qué son las fuentes variables?

Una fuente variable es un formato de fuente OpenType que incluye una nueva tecnología llamada Variaciones de fuente OpenType

Desarrollado conjuntamente por cuatro de las empresas tecnológicas más influyentes.-Google, manzana, Microsoft, y Adobe-estos archivos de fuentes contienen una gran cantidad de datos adicionales, en comparación con su fuente OpenType promedio. 

Una fuente variable puede contener el conjunto completo de glifos de una fuente, o glifos individuales con hasta 64,000 ejes de variación, incluyendo peso, ancho, inclinación y, en algunos casos, estilos específicos, como Condensado, Negrita, etc..

Está bien, pero por qué?

Junto a Fuente de color En cuanto a la tecnología, las fuentes variables pueden parecerle a los no iniciados un poco, bueno, sin sentido. Muchos tipógrafos argumentarían que el proceso de formato manual de las fuentes es la forma más profesional y satisfactoria de hacer las cosas.. 

  • ¿Qué son las fuentes de color??

    Las fuentes de color están configuradas para dominar el mundo del diseño gráfico en 2018, pero ¿qué son y cómo se usan? Aprende todo sobre las fuentes de color en este tutorial..
    Grace Fussell
    Fuentes
  • Cómo crear una fuente de color con Adobe Illustrator y Fontself Maker

    Crear fuentes nunca ha sido tan fácil como con Fontself, una poderosa extensión para Adobe Illustrator y Photoshop. Aprende a hacer fuentes de color con Fontself!
    Yulia Sokolova
    Ilustrador Adobe

Sin embargo, las fuentes variables son una progresión natural para el campo de la tipografía, que refleja cada vez más los desarrollos en el diseño web sensible. Los diseñadores exigen más conveniencia e interactividad de sus herramientas de diseño, y las fuentes que puede ajustar con el rollo de un control deslizante satisfacen esta demanda.

  • Cómo usar fuentes variables en la web

    Las fuentes variables proporcionan a los diseñadores un único archivo de fuente que se comporta como varias fuentes. El nuevo formato OpenType nos permite ajustar rápidamente ciertos ...
    Anna Monus
    Tipografia web

Las fuentes variables ofrecen flexibilidad y resultados inmediatos, lo que las convierte en una novedad para el tipógrafo con poco tiempo.. 

También son excelentes para ajustar la tipografía 'en vivo'. Entonces, si, por ejemplo, le está mostrando a un cliente un diseño en una pantalla, puede ajustar el formato de un encabezado ante sus ojos al instante.

¿Cómo puedo encontrar fuentes variables?

Puede utilizar un rango limitado de fuentes variables preinstaladas en Adobe Illustrator CC y Adobe Photoshop CC, incluso:

  • Concepto Variable Acumin
  • Concepto Variable Minion
  • Myriad Concepto Variable
  • Fuente Sans Variable
  • Fuente Serif Variable
  • Variable de código fuente

Los diseñadores de tipos de letra independientes también están empezando a lanzar sus propias fuentes variables, aunque muchas de ellas todavía están disponibles solo como prototipos. Echa un vistazo a Gingham, un min sans serif de Christoph Koeberlin, o Jabin, una versión variable de los estilos de estilo gótico de Frida Medrano.

También puede encontrar un sitio web beta, v-fonts.com, que presenta una lista cada vez mayor de nuevas fuentes variables. 

¿Cómo uso las fuentes variables??

Aquí, veremos cómo usar fuentes variables en Illustrator CC. 

El proceso es realmente fácil. Simplemente seleccione el Tipo de herramienta (T) y arrastre para crear un marco de texto en la página. Coloque su cursor en el marco y escriba su texto. 

Con el marco seleccionado o el tipo resaltado, elija una fuente variable del menú de fuente normal en el Personaje panel (Ventana> Tipo> Carácter)

Haga clic en el pequeño símbolo de doble T a la derecha del menú de peso de fuente. Cuando pasas el cursor sobre el símbolo, verás 'Fuente variable' aparece al lado de tu cursor. 

Al hacer clic en este se abre una ventana emergente con controles deslizantes para ajustar las tres opciones, que se detallan a continuación.

Peso

Ajustar este control deslizante hace que el tipo parezca más delgado o en negrita. Dependiendo de la fuente variable, esto puede variar desde ultra delgado a muy pesado o grueso. 

Esta es una excelente opción para jugar con el impacto visual de los encabezados o subtítulos, lo que le permite definir la cantidad correcta de negrita para su texto.

Tenga en cuenta que aumentar el peso de la fuente también puede expandir el ancho total del texto, simplemente debido al aumento del tamaño de cada carácter. 

Anchura

Para darle a su tipo un aspecto condensado (o aplastado), o estirarlo para darle un aspecto más amplio, ajuste la Anchura deslizador.  

Si bien esto tiene un efecto estético en su texto, también es un método realmente ingenioso para desterrar a cualquier huérfano o viuda extraviada en su tipografía si no desea pasar mucho tiempo ajustando el seguimiento o el kerning manualmente.

Inclinación

Si bien la aplicación de una cursiva falsa a un texto a menudo se considera una gran no utilización en los círculos tipográficos, la Inclinación el deslizador en realidad replica una gran variedad de pesos en cursiva auténticos. 

Esto le da el aspecto profesional de las cursivas reales, pero la gran variedad de opciones que a menudo solo puede lograr al aplicar falsas cursivas.. 

¿Dónde debo usar fuentes variables??

Las fuentes variables se han diseñado teniendo en cuenta el diseño web, y son compatibles con Safari, Chrome, Edge y Firefox. La web es el hogar natural de las fuentes variables, ya que están sintonizadas de forma única para sitios y aplicaciones sensibles. Puedes jugar con diferentes fuentes variables para ver cómo aparecerían en línea en el sitio de Axis-Praxis.

Al almacenar información sobre múltiples familias de fuentes en un solo archivo de fuentes, las fuentes variables también ofrecen una solución que ahorra espacio para los diseñadores web. 

Sin embargo, las fuentes variables también presentan una nueva y emocionante forma de formatear la tipografía para los diseñadores de impresión. Debido a que el ajuste de las fuentes es tan rápido y conveniente, hacen un brillante ahorro de tiempo para los diseñadores de impresión mientras trabajan en borradores. 

Conclusión: ¿Son las fuentes variables un truco o están aquí para quedarse??

Para los diseñadores web, las fuentes variables representan otro desarrollo emocionante en tipografía sensible. Junto con las fuentes de color, las fuentes variables permiten a los diseñadores web ser más flexibles y creativos en sus diseños, haciendo de la tipografía el punto focal de los sitios web en lugar de una mera necesidad.. 

Para los diseñadores de impresión, el jurado aún no sabe si las fuentes variables son lo suficientemente útiles para reemplazar el formato de tipografía manual. Hasta que una gran variedad de fuentes variables estén disponibles en el software de Adobe, parece poco probable que reemplacen el método estándar de tipo de formato para la mayoría de los diseñadores.. 

¿Buscas más fuentes geniales? Echa un vistazo a la selección de tipos de letra en Envato Elements y GraphicRiver, o lee nuestras listas editadas de algunas de las mejores fuentes:

  • Las 18 mejores fuentes nuevas para 2018

    ¡Empieza con diseños increíbles para 2018! Echa un vistazo a esta selección de nuevos tipos de letra de Envato Market y Envato Elements..
    Melody nieves
    Fuentes
  • 15 fuentes retro para descargar

    ¡Consigue las mejores fuentes retro para tus proyectos! Echa un vistazo a esta lista de productos premium seleccionados exclusivamente de Envato Market y Envato Elements.
    Melody nieves
    Recursos

Si desea obtener más información, ¿por qué no prueba nuestro nuevo curso, Up and Running with Variable Fonts?.