Creare icone font vettoriali con Inkscape

creare-icone-font-vettoriali-svg-inkscape

Per creare delle icone, richiamabili tramite tastiera proprio come un font, abbiamo bisogno di utilizzare un programma Open Source, equivalente di Illustrator, Freehand, CorelDraw e Xara X, che ci permette di gestire i file vettoriali SVG (Scalable Vector Graphics), il nome di tale programma è Inkscape.

Una volta effettuato il download, installiamo il programma e prima di partire con la guida, è necessario scaricare un file base SVG, che ha al suo interno tutti i setting giusti per svolgere correttamente il lavoro che vogliamo realizzare!

Il file è al link github.com, tuttavia se non siete in grado di salvarlo e caricarlo da soli, ecco a voi una guida che fa per voi..

Guida per Scaricare file base preimpostato e caricarlo su Inkscape.

Una volta aperto il file preimpostato, la grafica di Inkscape sarà così:

inkscape-file-base-svg

Una volta aperto il file, abbiamo bisogno di aggiungere ulteriori elementi che richiameremo dal Menu orizzontale cliccando su:

  1. Oggetto > Righe e colonne
  2. Oggetto > Allinea e distribuisci
  3. Testo > Editor Font SVG

Crea il tuo primo Glifo

Vai sul pannello Editor font SVG, e nella sezione Glifi e clicca su Aggiungi glifo..

creare-glifi-inkscape

Ad ogni glifo, corrisponde una lettera del nostro font, nel caso rappresentato da noi, il glifo in questione rappresenta la lettera S.

In brevi termini, una volta completato il nostro font, se lo utilizziamo, ad ogni lettera che digitiamo sulla tastiera sarà associata l’immagine da noi creata e non la lettera stessa.

Per creare le nostre Icone Font, possiamo utilizzare lo strumento chiamato “Creare stelle e poligoni” richiamabile anche con il tasto (*) della tastiera.

Una volta disegnata la nostra icona, basta cliccare su Prendi forma dalla sezione, e subito alla lettera S, ovvero il nostro primo glifo, sarà associata la stella!

creare-icone-font-inkscape

Proseguite così per tutte le lettere dell’alfabeto, i tasti ed i numeri, e create il vostro Web Font Grafico! Buon divertimento..


Suggerisci una modifica Commenta
Nicola Spisso
Nicola Spisso
  • Scrittore e Blogger
  • Redattore specializzato in Design
G News Pin It
Commenti Espandi

Lascia una risposta