Convertire qualsiasi Font in un Sketch Font

ban-tut5

E’ da un pò di tempo che sul web va di moda il disegno a mano libera e uno delle carattarestiche più di tendenza utilizzate da molti web designer è lo Sketch Font, ovvero le scritte abbozzate, come fossero disegnate a mano libera.

Ma come si disegna un disegno a mano libera in digitale? Con quale strumento? E come applicare questa tecnica ad ogni tipo di font o oggetto che vogliamo?

Il tutorial di seguito spiega in semplicissimi passi come fare:

Effetto finale

tut5

Passo 1:

Aprire un nuovo documento 800×600 px in Illustrator. Creare una nuova casella di testo e inserire il testo con qualsiasi font vogliate, io ho utilizzato un font standard come Verdana. Aumentiamo la dimensione del font a 72px e lo rendiamo in grassetto (bold).

capturePasso 2:

Selezionare il testo ed eliminare riempimento e bordo del testo, praticamente rendiamo il testo trasparente andando a selezionare la trasparenza dal pannello del colore.

capture1

Passo 3:

Con il colore del bordo e riempimento in trasparenza andiamo a creare un nuovo livello da pannello “Aspetto”. Lasciando come colore di rimepimento il nero di default. Apparirà di nuovo la scritta.

capture2

Passo 4:

A questo punto selezioniamo il nuovo livello che abbiamo creato e aggiungiamo un effetto a quest’ultimo cliccando sulla voce in basso “fx”/Stilizzazione/Scarabocchio.

capture3

Passo 5:

Settiamo nella nuova finestra pop-up che viene fuori i seguenti valori, oppure deformiamo i valori in base alle nostre esigenze.

capture4

Passo 6:

Ora andiamo a disegnare il bordo attorno allo scarabocchio che rappresenta il nostro testo. Nel pannello “Aspetto”, clicchiamo su “Traccia” e impostiamo il valore a 2px.

capture5

Passo 7:

Ora tenendo il livello “Traccia” selezionato, andiamo a distorcerlo con un effetto. Quindi clicchiamo su fx/distorci e trasforma/contorni frastagliati. E impostiamo i valori come mostrato in figura.

capture6

capture7

Il nostro Sketch Font è ultimato. Ma come applicare questa tecnica su qualsiasi altro font o oggetto?

Semplicemente salvando lo stlie grafico (ovvero tutto il lavoro fantto fin ora) in modo da poterlo riutilizzare con un semplice click dove si vuole!

Quindi aprire il pannello “Stili Grafica” aggiungere un nuovo livello, in automatico verrà creato il nuovo stile.

capture8

..e quando lo si vuole utilizzare basta selezionare l’oggetto e fare click sullo stile appena creato. Come altri testi, con altri font, forme e oggetti.

tut5

Scarica il file Illustrator del tutorial:

[download id=”4″ format=”1″]