Vai al contenuto principale

Come creare un carattere personalizzato per il tuo blog WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Con strumenti come " Google Fonts "E" Typekit Che offrono migliaia di caratteri diversi, ci sono quasi un numero infinito di opzioni che ti permetteranno di scegliere un buon carattere per il tuo blog. Tuttavia, sei ancora limitato alla selezione di un carattere creato da qualcun altro. Ci sono diversi motivi per cui vorrai creare il tuo carattere.

Questo tutorial ti mostrerà passo dopo passo come creare il tuo carattere. Offriremo anche suggerimenti per alcune opzioni meno tecniche e alternative più avanzate. Tuttavia, prima di ciò, capiremo perché vorresti creare un carattere personalizzato.

Perché creare un carattere personalizzato?

La creazione della polizia può diventare molto tecnica, costando tempo e denaro (Ecco perché devi davvero considerare tutto prima di intraprendere questa avventura). L'uso previsto della tua polizza ti aiuterà a decidere quanto tempo e quanto investimento finanziario dovrai dedicare allo sviluppo di questa polizza.

Se è solo per divertimento, uno strumento di base per la creazione di caratteri come un convertitore di grafia potrebbe essere ciò di cui hai bisogno. Se è per un progetto specifico, potresti dedicare del tempo all'apprendimento di alcune tecniche vitali e utilizzare anche software più sofisticati. Questo è il percorso che abbiamo seguito in questo pezzo.

Infine, se stai creando un font destinato all'uso da parte di altri, probabilmente dovrai investire molto più tempo nel processo di sviluppo e spendere molti più soldi in software professionale.

Alcuni strumenti di base per iniziare

Prima di immergerci nel tutorial, diamo un'occhiata ad alcuni strumenti di base per coloro che vogliono semplicemente provare piacere nel creare un font personalizzato. Queste soluzioni possono anche essere un buon punto di partenza per conoscere alcuni degli aspetti tecnici della creazione dei caratteri:

  • PaintFont (gratuito): questo servizio consente di trasformare la scrittura in un carattere compilando e scansionando un modello.
  • FontStruct (gratuito): utilizzando FontStruct, sarai in grado di creare il tuo carattere che utilizza forme geometriche.
  • Fontself (49 $): questo strumento consente di trasformare lettere scritte a mano in caratteri su Adobe Illustrator e presto sarà compatibile con Adobe Photoshop.
  • Metaflop (gratuito): questo strumento consente di personalizzare i caratteri di base regolando un semplice insieme di impostazioni.

creazione-di-font-personalizzata-per il tuo blog

Ora abbiamo esaminato le opzioni più semplici per la creazione di caratteri, passeremo a metodi più tecnici.

Come creare il tuo carattere (in 6 semplici passaggi)

Se sei un po 'più serio sulla creazione di un carattere unico e desideri più opzioni di personalizzazione, ci sono diversi strumenti gratuiti tra cui scegliere. Tuttavia, prima di arrivare al software stesso, ci sono alcuni passaggi preliminari che consideriamo. Affrontiamo ciascuno a turno.

Step # 1: Definisci un design raffinato

Questo è il passaggio più importante nel processo di creazione del carattere. Come per qualsiasi progetto di design, è fondamentale delineare i tuoi obiettivi in ​​anticipo. Ecco alcune domande potenzialmente importanti da porre quando crei il tuo carattere:

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

  • Il tuo carattere è per un progetto specifico, verrà utilizzato da altri progetti?
  • L'app richiederà caratteri grandi o piccoli?
  • Vuoi tipo di font di base è Serif e Sans Serif?
  • Ti sei imbattuto in caratteri che potresti usare per ispirarti?

Una volta che hai le risposte a queste domande, puoi quindi procedere alla pianificazione del design del tuo carattere.

Passaggio # 2: iniziare sulla carta

Sebbene si possa essere tentati di passare direttamente al proprio software, molti tutorial professionali della polizia consigliano di eseguire il lavoro di progettazione preliminare su carta. Prova a creare forme che rappresentino una visione di come potrebbe apparire il tuo carattere. Questa operazione è difficile da immaginare su un PC.

Ecco alcuni suggerimenti utili per la creazione di lettere cartacee:

  • Non è necessario disegnare un intero set di caratteri: le lettere più consigliate sono "H", "n", "o" e "y".
  • Segna sulla linea di base e su altre importanti linee alte da usare come guida.
  • Guarda altri caratteri per vedere dove si ripetono le forme in un set di caratteri.
  • Spostando la pagina invece della tua mano ti permetterà di creare curve più fluide.

creazione-di-font-shema

Passaggio # 3: scegliere e installare il software

Per il design tipografico di medio livello, sono disponibili numerose app gratuite ed è importante sapere quale si adatta di più a te.

1 - FontForge

FontForge strumento-di-creazione-di-font

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

« FontForge È un editor di font open source con un'enorme quantità di documentazione che ti guida attraverso il processo di progettazione. Sebbene l'interfaccia di progettazione possa essere un po 'intimidatoria all'inizio, una volta che ci si abitua, FontForge diventa quindi un potente strumento per creare bellissimi caratteri personalizzati. Puoi iniziare da zero, utilizzando gli strumenti disponibili o scaricare le immagini dei caratteri da utilizzare come punto di partenza.

2 - Birdfont

birdfont strumento-to-Create-A-Police

Birdfont è leggermente più intuitivo di " FontForge Quindi potrebbe essere un'opzione migliore per coloro che desiderano iniziare rapidamente. Proprio come FontForge Puoi iniziare il tuo font da zero utilizzando l'editor o caricare immagini come punto di partenza. Tuttavia, sebbene siano disponibili tutorial, " Birdfont Non ce ne sono così profondi come FontForge. " Birdfont È libero di creare politiche sotto la licenza SIL, ma richiede una donazione di 5 $ o più per uso commerciale.

Passaggio # 4: avviare la creazione

Una volta installato il software, sei pronto per iniziare a creare il tuo carattere. A seconda della scelta del software, puoi iniziare da zero, caricare le immagini dei tuoi progetti su carta o caricare un file di font per modificarlo. Dopo aver trasformato i tuoi personaggi, puoi espanderlo per includere lettere, numeri e altri caratteri.

Questa parte del processo può essere piuttosto lunga, poiché ogni pezzo di software avrà la propria curva di apprendimento. Tuttavia, una volta che inizi ad abituarti, il processo dovrebbe accelerare abbastanza rapidamente. Per aiutarti ad andare veloce, ecco alcuni dei termini di cui avrai bisogno per familiarizzare:

  • glifi: Ogni singolo carattere in un carattere è considerato un glifo.
  • Baseline: La linea invisibile su cui si trovano tutti i caratteri.
  • Linea di ascendente: La linea invisibile a cui inizia l'ascesa.
  • altezza ascendente : L'altezza del tratto verticale verso l'alto su lettere come "h" e "k".
  • profondità chute: La profondità del tratto verticale verso il basso su lettere come "p" e "y".
  • Stelo: Il tratto verticale principale di una lettera come "F" e "T".
  • Ciotola: La parte arrotondata chiusa delle lettere come "b", "d" e "o".
  • Curva di Bezier : Una formula parametrica utilizzata per modellare curve evolutive uniformi.

Ci siamo appena graffiati superficie, ma se sei interessato alla creazione di un font, questo diagramma ti mostra parte dell'anatomia del font di cui abbiamo appena parlato:

anatomia-dune-polizia

Step # 5: perfeziona il tuo set di caratteri

Durante il processo di creazione di un carattere, è facile concentrarsi solo sui singoli caratteri. Tuttavia, è anche importante considerare come verrà visualizzato il carattere durante il perfezionamento. Ecco alcuni suggerimenti per tenerti presente mentre raffini il tuo set di caratteri:

  • Presta attenzione alla spaziatura e alla crenatura delle lettere quando combini una serie di queste lettere durante il processo.
  • Sperimenta con dimensioni diverse per ogni carattere, soprattutto se l'applicazione che utilizzerà il tuo carattere sceglierà dimensioni grandi.
  • Stampa il tuo lavoro regolarmente durante tutto il processo di progettazione, spesso è più facile individuare errori sottili.

A questo punto, ci sei quasi! Hai progettato il tuo carattere, scelto e ottenuto ciò che desideri con il tuo software, convertito in formato digitale e perfezionato alla perfezione. Non resta che scaricarlo.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Passo # 6: scarica i caratteri per WordPress

Una volta che hai finito il tuo carattere personalizzato, probabilmente vorrai iniziare a usarlo. Se l'uso previsto per il tuo carattere è sul tuo sito WordPress, sono disponibili numerosi metodi di download. Il più semplice è utilizzare un plug-in per i caratteri, uno dei più popolari è " Utilizzare qualsiasi tipo di carattere "

utilizzare-qualsiasi-sono-wordpress-plugin

Questo plugin converte automaticamente i file dei caratteri, estrae il codice CSS e lo integra nei file del tema. Supporta le estensioni TTF, OTF e WOFF e una volta scaricato il font sarà disponibile per l'uso su WordPress. Questo plugin è gratuito per la conversione di un singolo carattere, ma con una donazione di 10 $ o più sarai in grado di convertire un numero illimitato.

Questo è tutto per questo tutorial. Spero che tu possa creare caratteri personalizzati per il tuo blog WordPress.

Questo articolo contiene 1 commento

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
7 azioni
quota2
Tweet
Enregistrer5