Crea sito

Usare i pixel font

 

Se vuoi, puoi usare la stella per non perdere il segno mentre segui il tutorial. Usa il mouse per muovere la stella.

star

 

I pixel font altro non sono che particolari caratteri che permettono di scrivere testi di piccoli dimensioni preservandone la leggibilità.
Ce ne sono davvero tanti, e alcuni li ho segnalati in questa sezione clicca qui per consultarla.
Sono poche e semplici le regole da seguire per utilizzare al meglio questi font, in modo tale da visualizzarli in maniera corretta:

- Non superare mai dimensioni di 10 px
- Ogni pixel font è stato creato per una specifica dimensione, abbiate la pazienza di cercarla, potete provare 6px o 7px, che sono le misure più diffuse. Vi faccio notare che nell'elenco dei font da me segnalati ho inserito la giusta dimensione da usare
- Disattivate l'Antialias

Detto questo potete stare tranquilli, perchè ogni parola risulterà leggibile.

 

Come inserire un bordo intorno la scritta
In molti chiedono come inserire un bordo intorno la scritta di un pixel font (spesso utile per definire meglio la scritta e farla risaltare) come in questo caso:

preview_font

1) Prendete lo strumento testo (potete premere "T" sulla tastiera) scegliete il vostro pixel font, nel mio caso ho scelto il carattere "04b03", colore di sfondo #8AD1D1, Dimensione "6px", Larghezza pennellata "opx", Stile testo non attivate nè il grassetto nè il corsivo, Antialias "Disattivato",
2) Cliccate sulla tela e scrivete ciò che preferite
3) Una volta terminato cliccate su "Applica"
4) Livelli --> Converti in livello Raster e nominatelo "SCRITTA", per capirci meglio nel seguito del tutorial
5) Selezione --> Seleziona Tutto
6) Selezione --> Mobile
7) Selezione --> Modifica --> Espandi impostate 1px
8) Scegliete un colore di prima piano per riempire il bordo della scritta
9) Livello --> Nuovo Livello e nominatelo "BORDO"
10) Cliccate con il pulsante sinistro nella selezione in maniera da colorarla tutta
11) Selezione --> Nessuna
12) Adesso vedrete solo la selezione colorata con il colore del bordo scelto, ma nessuna scritta al suo interno, questo perchè si trova sotto nell'ordine di visualizzazione nella scheda dei Livelli, per questo motivo il livello "BORDO" deve essere portato in basso nell'ordine di visualizzazione rispetto al livello "SCRITTA" (se non vedete la finestra dei livelli premete F8):

preview

13) Riattivate il livello "SCRITTA" (basta cliccare con il pulsante sinistro del mouse sul nome del livello in maniera da vederlo evidenziato)
14) Livelli --> Unisci --> Unisci Giù

Adesso i 2 livelli sono uniti e potrete spostarli sulla tela dove meglio preferite.