¿Cómo hacer una fuente con Adobe Illustrator?


51

Recientemente he creado mi propia fuente / tipografía con Adobe Illustrator, y me gustaría usarla como fuente real (por ejemplo, me gustaría usarla mientras escribo algo).

¿Es esto posible en Adobe Illustrator o necesitaría un software diferente?

Si es así, ¿qué programa sería bueno para crear una fuente?

Respuestas:


29

Para crear una fuente, necesita un programa de edición de fuentes. FontCreator es bastante popular y económico. FontForge es un editor de fuentes de código abierto, si está preparado para la documentación algo densa. FontLab tiene una utilidad llamada TypeTool , un poco más cara pero tiene una buena reputación.


20

Le sugiero que use BirdFont y siga estos pasos para importar su trabajo en el editor.

Dibuja un triángulo y un rectángulo. Úselos como formas de prueba para decidir cuál debería ser su altura x.

Visión de conjunto

Compare sus glifos de prueba con otras fuentes usando la pestaña de vista previa. (Ctrl + p)

Avance

Active la cuadrícula y las pautas para la altura x y el margen Cree cuatro marcadores rectangulares en la línea inferior, la línea base, la altura xy la parte superior.

Plantilla de glifo

Guarde su plantilla de glifo como SVG. (Importar una exportación -> Exportar glifos como SVG)

Abra su plantilla de glifos en Illustrator y active las reglas (Ctrl + r). Arrastre hacia abajo nuevas líneas desde la regla hasta la línea inferior, la línea base, la altura xy las posiciones superiores.

Ilustrador

Inserta tus glifos en el archivo de plantilla.

Cambiar el tamaño del glifo.

Guarda tu glifo con un nombre diferente.

Importe el archivo en BirdFont. (Importar una exportación -> Importar SVG)

Hecho

Con las versiones más recientes de BirdFont e Illustrator, también puede copiar y pegar glifos entre los dos programas. Aún debe decidir cuál debería ser su altura x, pero podría ahorrar unos segundos si omite el paso donde guarda el glifo como un archivo SVG separado.


10

Necesita un programa que pueda crear archivos de fuentes reales a partir de sus ilustraciones vectoriales.

En los "viejos tiempos", la herramienta principal para eso era Macromedia Fontographer, que ahora es propiedad de Fontlab

Fontlab también fabrica FontLab Studio y varios otros programas de creación y diseño de fuentes que utiliza gran parte de la industria del diseño tipográfico.

Las alternativas a sus ofertas serían Glyphs para OSX o la fuente abierta FontForge

ACTUALIZAR:

Todavía no lo he probado, pero ha aparecido un nuevo editor de fuentes de código abierto llamado Bird Font:

http://birdfont.org/


7

Este es el método más rápido, más simple y GRATUITO que he encontrado hasta ahora para crear una fuente desde cero. Aunque, si ya tiene los glifos creados, Fontforge puede importar archivos svg.

  1. Imprima una plantilla desde MyScriptFont (o simplemente guarde e importe el pdf en Gimp o Photoshop, y escriba / pegue sus glifos en sus respectivos cuadros). La plantilla debe estar en TIFF o PNG y tener al menos 300 ppp. JPG comprime las imágenes de forma predeterminada, lo que es malo para la calidad de la imagen.
  2. Cargue la plantilla y guarde el archivo de fuente que le proporciona MyScriptFont.
  3. Para hacerlo perfecto, tendrás que editarlo. Dos programas gratuitos de edición de fuentes son: Type light y Fontforge, aunque Type light tiene una interfaz mucho más simple para la edición básica y se ejecuta de forma nativa en Windows.
  4. He descubierto que MyScriptFont establece la altura x demasiado grande y la profundidad del descendente demasiado pequeña.
    • Puede solucionar esto en Tipo de luz yendo a Fuente> Métricas (en Tipo de luz).
    • Además, si su fuente es demasiado pequeña (es decir, el tamaño 12 no se puede leer), puede cambiar el "Tamaño de la unidad EM" para que sea más pequeño. Yo usé 650.

6

Hoy, la forma más fácil de hacer una fuente real en Illustrator (o Photoshop) es instalar directamente en Illustrator (o PS) una extensión dedicada para eso: Fontself Maker .

Cómo funciona

Pros:

  • muy fácil de usar
  • cualquier tipo de forma o letra se puede convertir en una fuente
  • ejecutar dentro de Illustrator (y Photoshop) => no hay software adicional para usar

Contras:

  • solo se ejecuta en CC 2015 y 2017 (no CC2014 o CS6)
  • no gratis ($ 49)

Un tutorial paso a paso aquí para ' Crear su propia fuente con letras a mano en minutos '.


4

Hay un procedimiento muy cuidadoso para llevar su trabajo de Illustrator a FontLab, en caso de que decida seguir esa ruta. Lo he notado antes , pero no hay daño en repetir, supongo.

Sacado directamente de FontLab (que no se molestan en hacer suyo legible).

En ilustrador:

  • Edición> Preferencias> Unidades y deshacer o Unidades y rendimiento de visualización: cambie todas las unidades a puntos (1 punto es igual a 1 unidad en TypeTool).
  • Preferencias> Archivos y portapapeles: deshabilite PDF, habilite AICB y seleccione Conservar rutas.
  • Preferencias> Guías y cuadrícula: Cuadrícula cada 10 puntos y subdivisiones 10.
  • Establezca el ancho del documento en puntos para que sea el doble del tamaño UPM de su fuente (por ejemplo, 2000 pt para una fuente 1000 UPM).
  • Configure la altura del documento para que sea igual al tamaño UPM - Descensor (por ejemplo, 1000 - (-263) = 1263 pt).
  • Seleccione Ventana> Información, Ver> Mostrar reglas, Ver> Ajustar a la cuadrícula.
  • Deshabilite Ver> Guías> Bloquear guías.
  • Opcionalmente, seleccione Ver> Mostrar cuadrícula.
  • Coloque una guía a la altura que tenga el mismo valor (positivo) que el descendiente (negativo) de su fuente (por ejemplo, 263 en nuestro ejemplo).
  • Coloque una directriz y colóquela en 0.
  • Coloque el punto de origen donde se cruzan las dos pautas.
  • Arrastre las pautas a las posiciones de su ascendente, altura xy altura de las tapas.

4

Una herramienta de creación de fuentes a la que creo que muchos diseñadores de tipos se han cambiado recientemente es RoboFont (que fue creado por un diseñador de tipos). Es posible que desee echar un vistazo a eso también.

Ofrece tutoriales para comenzar junto con algunas extensiones para el programa.

Nota: solo Mac

Editar: Olvidé agregar este video que muestra algunas características: http://vimeo.com/34351633


2

Me parece que los tutoriales de Philippa Berry Smith en YouTube son excelentes, como este:

http://www.youtube.com/watch?v=bSi1OgvuCPk

Ella te muestra cómo dibujar la fuente en Illustrator.

Y luego, este es excelente para asegurarse de que las fuentes tengan el tamaño correcto en Illustrator, y luego cómo exportarlas a FontLab:

http://www.youtube.com/watch?v=yI-7e4nRNus

Además, ella tiene un acento Kiwi, lo cual es divertido.


No hay problema. Además, recientemente comencé a usar la aplicación Glyphs Mini, que en realidad es similar al uso de las herramientas de arco / lápiz en Illustrator, pero es más agradable en cómo puede trabajar en un conjunto de fuentes completo a la vez y ajustar las propiedades de interletraje en el volar.
Chris Livdahl

2

Como esta publicación es como una lista de software de creación de fuentes, me gustaría agregar otra para que todos la consideren. Recientemente lo encontré en Kickstarter , y aunque no lo he probado, parece bastante prometedor.

Se llama Prototypo . ¡Es una alternativa completamente nueva y está financiada por crowdfunding!

Definitivamente vale la pena considerarlo en el futuro, aunque actualmente está en versión beta privada. Puede suscribirse a su boletín informativo para intentar obtener acceso a la versión beta, sé que lo haré.


1

Estoy intentando hacer lo mismo.

Obtuve Fontographer y FontLab Studio de FontLab. Creo que hay una demostración gratuita.

La herramienta de lápiz es menos radiante en estos programas. Para mi propósito, necesito hacer capas porque las apilaré con CSS para hacer un logotipo.

Entonces hice los personajes en Illustrato. LUEGO -

Pasé por este turorial.

y vi este tutorial

Todavía estoy bastante perdido. Mis personajes no se muestran correctamente en la línea de base.

Pero creo que esto debería llevarlo en la dirección correcta.

¡Buena suerte!

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.