In questo tutorial, ti mostreremo come puoi creare il tuo font personale usando Illustrator e il servizio web online fontastic.me.
Per seguire, avrai bisogno di una copia di Adobe Illustrator, anche se non hai una copia e non vuoi comprarla, potresti essere interessato al nostro tutorial simile che usa Inkscape. Inkscape è un'alternativa gratuita e open source a Illustrator. Qualunque sia l'applicazione di disegno vettoriale che usi, fontastic.me offre il suo servizio completamente gratuito.
Mentre ti mostreremo come creare un font disegnato a mano usando una foto di lettere disegnate su carta, puoi anche usare tecniche simili per produrre un font usando lettere che sono state disegnate direttamente in Illustrator. Se usi una tavoletta grafica, potrebbe essere preferibile a te.
Se si utilizza una foto, assicurarsi di utilizzare una penna di colore scuro per disegnare le lettere e utilizzare carta bianca per il massimo contrasto. Inoltre, fai in modo che la tua foto sia ben illuminata per aiutare a produrre una foto chiara e contrastata per rendere il più semplice possibile per Illustrator tracciare le singole lettere.
Apri un documento vuoto
Il primo passo è aprire un file vuoto su cui lavorare.
Vai a File> Nuovo e nella finestra di dialogo impostare la dimensione desiderata. Abbiamo usato una dimensione di pagina quadrata di 500 px, ma è possibile impostare come desiderato.
Successivamente, importeremo il file fotografico in Illustrator.
Importa la tua foto di testo disegnato a mano
Se non hai una foto del testo disegnato a mano su cui lavorare, puoi scaricare lo stesso file che abbiamo usato per questo tutorial.
Per importare il file, vai a File> Luogo e poi vai dove si trova la tua foto del testo disegnato a mano. Clicca il Posto pulsante e vedrai la foto apparire nel tuo documento.
Ora possiamo tracciare questo file per darci lettere vettoriali.
Traccia la foto delle lettere disegnate a mano
Tracciare le lettere è molto semplice.
Basta andare Oggetto> Traccia live> Crea ed espandi e dopo pochi istanti, vedrai che tutte le lettere sono state sovrapposte con nuove versioni di linee vettoriali. Meno ovvio è il fatto che saranno circondati da un altro oggetto che rappresenta lo sfondo della foto. Dobbiamo eliminare l'oggetto di sfondo, quindi vai Oggetto> Separa quindi fai clic in un punto qualsiasi all'esterno del rettangolo di selezione per deselezionare tutto. Ora clicca vicino a, ma non su, una delle lettere e dovresti vedere che lo sfondo rettangolare è selezionato. Basta premere il Elimina tasto sulla tastiera per rimuoverlo.
Ciò lascia tutte le singole lettere, tuttavia, se una delle tue lettere contiene più di un elemento, dovrai raggrupparle insieme. Tutte le nostre lettere contengono più di un elemento, quindi abbiamo dovuto raggrupparli tutti. Questo viene fatto facendo clic e trascinando un perimetro di selezione che comprende tutte le diverse parti di una lettera e quindi andando a Oggetto> Gruppo.
Ora ti verranno lasciate tutte le tue lettere individuali e successivamente le useremo per creare i singoli file SVG di cui abbiamo bisogno per creare un font su fontastic.me.
Relazionato: Potresti anche voler imparare a usare Traccia live in Illustrator.
Salva singole lettere come file SVG
Sfortunatamente, Illustrator non ti consente di salvare più tavole da disegno in singoli file SVG, quindi ogni lettera deve essere salvata manualmente come file SVG separato.
Innanzitutto, seleziona e trascina tutte le lettere in modo che non si sovrappongano alla tavola da disegno. Quindi trascina la prima lettera sulla tavola da disegno e ridimensionala per riempire la tavola da disegno trascinando una delle maniglie di trascinamento degli angoli. Tenere premuto il tasto Cambio mentre si esegue questa operazione per mantenere le stesse proporzioni.
Al termine, andare a File> Salva come e nella finestra di dialogo, cambia il Formato scendere a SVG (svg), dare al file un nome significativo e fare clic Salvare. Ora puoi cancellare quella lettera e posizionare e ridimensionare quello successivo sulla tavola da disegno. Ancora una volta Salva come e continua fino a quando non hai salvato tutte le tue lettere.
Infine, prima di continuare, salva una tavola da disegno vuota in modo da poterla utilizzare come carattere spaziale. Potresti anche considerare di salvare i segni di punteggiatura e le minuscole delle tue lettere, ma non ci siamo preoccupati di questo tutorial.
Con questi file di lettere SVG separati pronti, puoi fare il passo successivo per creare il tuo carattere caricandoli su fontastic.me. Si prega di dare un'occhiata a questo articolo per vedere come usare fontastic.me per finire il tuo font: Crea un font usando Fontastic.me.
Usa il nuovo pannello di esportazione delle risorse
La versione corrente di Adobe Illustrator contiene un nuovo pannello che consente di inserire tutti i disegni su una tavola da disegno e di stamparli come singoli documenti SVG. Ecco come:
- Selezionare Finestra> Esportazione asset per aprire il pannello Asset Export.
- Seleziona una o tutte le tue lettere e trascinali nel pannello. Appariranno tutti come oggetti individuali.
- Fare doppio clic sul nome dell'oggetto nel pannello e rinominarlo. Fai questo per tutti gli elementi nel pannello.
- Seleziona gli articoli da esportare e seleziona SVG dal Formato scendi.
- Clic Esportare.
