Come creare un carattere con Adobe Illustrator?


51

Di recente ho creato il mio carattere / carattere personale con Adobe Illustrator e vorrei usarlo come un carattere reale (ad esempio, vorrei usarlo mentre digito qualcosa).

È possibile in Adobe Illustrator o avrei bisogno di un software diverso?

In tal caso, quale programma sarebbe utile per creare un font?

Risposte:


29

Per creare un carattere, è necessario un programma di modifica dei caratteri. FontCreator è abbastanza popolare ed economico. FontForge è un editor di font open source, se sei pronto per la documentazione piuttosto densa. FontLab ha un'utilità chiamata TypeTool , un po 'più costosa ma ha una buona reputazione.


20

Ti suggerisco di utilizzare BirdFont e seguire questi passaggi per importare il tuo lavoro nell'editor.

Disegna un triangolo e un rettangolo. Usali come forme di prova per decidere quale dovrebbe essere la tua altezza x.

Panoramica

Confronta i tuoi glifi di prova con altri caratteri utilizzando la scheda Anteprima. (Ctrl + P)

Anteprima

Attiva griglia e linee guida per altezza x e margine. Crea quattro marcatori rettangolari nella riga inferiore, nella linea di base, nell'altezza x e nella parte superiore.

Modello glifo

Salva il tuo modello di glifo come SVG. (Importa un'esportazione -> Esporta glifi come SVG)

Apri il tuo modello di glifo in Illustrator e attiva i righelli (Ctrl + r). Trascina verso il basso nuove linee dal righello alla linea inferiore, alla linea di base, all'altezza x e alle posizioni superiori.

Illustratore

Inserisci i tuoi glifi nel file modello.

Ridimensiona il glifo.

Salva il tuo glifo con un nome diverso.

Importa il file in BirdFont. (Importa un'esportazione -> Importa SVG)

Fatto

Con le versioni più recenti di BirdFont e Illustrator puoi anche copiare e incollare glifi tra i due programmi. Devi ancora decidere quale dovrebbe essere la tua altezza x ma potresti risparmiare qualche secondo se salti il ​​passaggio in cui salvi il glifo come file SVG separato.


10

È necessario un programma in grado di creare file di caratteri reali dalle illustrazioni vettoriali.

Ai vecchi tempi lo strumento principale era quello di Macromedia Fontographer, ora di proprietà di Fontlab

Fontlab rende inoltre FontLab Studio e molti altri tipi di programmi per la creazione e la progettazione di font utilizzati da gran parte dell'industria del design dei tipi.

Le alternative alle loro offerte sarebbero Glyphs per OSX o FontForge open source

AGGIORNARE:

Non l'ho ancora provato, ma è apparso un nuovo editor di font open source chiamato Bird Font:

http://birdfont.org/


7

Questo è il metodo più veloce, più semplice e GRATUITO che ho trovato finora per creare un font da zero. Tuttavia, se hai già creato glifi, Fontforge può importare file svg.

  1. Stampa un modello da MyScriptFont (o semplicemente salva e importa il pdf in Gimp o Photoshop e scrivi / incolla i tuoi glifi nelle rispettive caselle). Il modello dovrebbe essere in TIFF o PNG e avere almeno 300 dpi. JPG comprime le immagini per impostazione predefinita, il che è negativo per la qualità dell'immagine.
  2. Carica il modello e salva il file di caratteri fornito da MyScriptFont.
  3. Per renderlo perfetto, dovrai modificarlo. Due programmi gratuiti di modifica dei caratteri sono: Type light e Fontforge, sebbene Type light abbia un'interfaccia molto più semplice per l'editing di base e funzioni nativamente su Windows.
  4. Ho scoperto che MyScriptFont imposta l'altezza x troppo grande e la profondità del discensore troppo piccola.
    • Puoi risolverlo in Tipo luce andando su Carattere> Metriche (in Tipo luce).
    • Inoltre, se il font è troppo piccolo (ovvero la dimensione 12 è illeggibile), è possibile modificare la "Dimensione unità EM" per ridurla. Ho usato 650.

6

Oggi il modo più semplice per creare un font reale in Illustrator (o Photoshop) è installare direttamente in Illustrator (o PS) un'estensione dedicata a questo: Fontself Maker .

Come funziona

Professionisti:

  • molto facile da usare,
  • qualsiasi tipo di forma o lettering può essere trasformato in un carattere
  • eseguito all'interno di Illustrator (e Photoshop) => nessun software aggiuntivo da utilizzare

Contro:

  • eseguito solo su CC 2015 e 2017 (non CC2014 o CS6)
  • non gratuito ($ 49)

Un tutorial passo-passo qui per " Crea il tuo carattere scritto a mano in pochi minuti ".


4

C'è una procedura molto attenta per portare il tuo lavoro di Illustrator su FontLab, nel caso tu decida di seguire quel percorso. L'ho notato prima , ma suppongo che non ci sia nulla di male nel ripetere.

Tirato direttamente da FontLab (che non si sono preoccupati di fare la loro leggibile).

In Illustrator:

  • Modifica> Preferenze> Unità e Annulla o Unità e prestazioni display: cambia tutte le unità in punti (1 punto equivale a 1 unità in TypeTool).
  • Preferenze> File e Appunti: disabilita PDF, abilita AICB e seleziona Mantieni percorsi.
  • Preferenze> Guide e griglia: griglia ogni 10 pt e suddivisioni 10.
  • Impostare la larghezza del documento in punti in modo che sia il doppio della dimensione UPM del carattere (ad es. 2000 pt per un carattere 1000 UPM).
  • Impostare l'altezza del documento in modo che corrisponda alla dimensione UPM - Discensore (ad es. 1000 - (-263) = 1263 pt).
  • Seleziona Finestra> Informazioni, Visualizza> Mostra righelli, Visualizza> Aggancia alla griglia.
  • Disabilita Visualizza> Guide> Blocca guide.
  • Opzionalmente selezionare Visualizza> Mostra griglia.
  • Posiziona una guida all'altezza che abbia lo stesso valore (positivo) del discendente (negativo) del tuo carattere (es. 263 nel nostro esempio).
  • Posizionare una linea guida e posizionarla su 0.
  • Posizionare il punto di origine nel punto in cui si incrociano le due linee guida.
  • Trascina le linee guida nelle posizioni del tuo montante, altezza x e altezza tappi.

4

Uno strumento di creazione di font che trovo molti designer di design che stanno passando di recente è RoboFont (che è stato creato da un designer di tipi). Potresti dare un'occhiata anche a quello.

Offre tutorial per iniziare insieme ad alcune estensioni per il programma.

Nota: solo Mac

Modifica: ho dimenticato di aggiungere questo video che mostra alcune funzionalità: http://vimeo.com/34351633


2

Trovo che i tutorial di Philippa Berry Smith su YouTube siano eccellenti, come questo:

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

Ti mostra come disegnare il carattere in Illustrator.

E poi, questo è ottimo per come assicurarsi che i caratteri abbiano le dimensioni giuste in Illustrator, quindi come esportarli in FontLab:

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

Inoltre ha un accento Kiwi, che è divertente.


Nessun problema. Inoltre, ho recentemente iniziato a utilizzare l'app Glyphs Mini, che in realtà è simile all'utilizzo degli strumenti arc / pen in Illustrator, ma è più gentile nel modo in cui puoi lavorare su un intero set di caratteri alla volta e regolare le proprietà di crenatura sul volare.
Chris Livdahl,

2

Visto che questo post è come un elenco di software per la creazione di font, vorrei aggiungerne un altro che tutti possano prendere in considerazione. Di recente l'ho trovato su Kickstarter e, anche se non l'ho provato, sembra abbastanza promettente.

Si chiama Prototypo . È una nuovissima alternativa ed è crowdfunded!

Sicuramente vale la pena prendere in considerazione in futuro, anche se è attualmente in beta privata. Puoi iscriverti alla loro newsletter per provare a ottenere l'accesso alla beta, so che lo farò.


1

Sto cercando di fare la stessa cosa.

Ho ricevuto Fontographer e FontLab Studio da FontLab. Penso che ci sia una demo gratuita.

Lo strumento penna è meno di rad in questi programmi. Per il mio scopo, devo creare livelli perché li impilerò con CSS per creare un logo.

Così ho realizzato i personaggi in Illustrato. POI -

Ho attraversato questa prova.

e ho visto questo tutorial.

Sono ancora abbastanza perso. I miei personaggi non vengono visualizzati correttamente sulla linea di base.

Ma penso che questo dovrebbe farti andare nella giusta direzione.

In bocca al lupo!

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.