HTML.it logo
Learn
  • Design
    • Grafica
    • User Interface Design
    • Adobe Creative Suite
    Guide
    Approfondimenti
    Faq
    Notizie
    Tutto in Design >
  • Development
    • .NET
    • ASP
    • CMS
    • Flash
    • Java
    • JavaScript
    • PHP
    • Essentials
    • Ruby
    • XML
    • Editor
    • CSS
    • HTML
    Guide
    Approfondimenti
    Script
    Faq
    Notizie
    Tutto in Development >
  • Mobile
    • Android Studio
    • Cordova
    • Eclipse
    • Objective C
    • Swift
    Guide
    Approfondimenti
    Script
    Faq
    Notizie
    Tutto in Mobile >
  • Server
    • Cloud
    • Database
    • OS
    • Sicurezza
    • Network
    Tutto in Server >
  • Digital Marketing
    • SEO
    • Affiliate Marketing
    • Social Media Marketing
    Tutto in Digital Marketing >
  • Makers
    • Arduino
    • RaspberryPi
    • Stampa 3D
    Guide
    Approfondimenti
    Notizie
    Tutto in Makers >
  • Game Design
    • Unity
    Guide
    Approfondimenti
    Notizie
    Tutto in Game Design >
Download
  • Audio e Video
    • Player Audio Video
    • Codec audio
    • Montaggio
    • Masterizzazione
    • Ripper e Convertitori
    • Speech
    • Creatività
    • Ripresa
    • Riproduzione
    Tutto in Audio e Video >
  • Educazione
    • Bambini
    • Cartoni in Streaming
    • Cucina
    • Salute e Benessere
    • Didattica
    • Istruzione
    • Giochi Didattici
    Tutto in Educazione >
  • Videogame
    • Arcade
    • Avventura
    • Azione
    • Board
    • Carte
    • Giochi di ruolo
    • Giochi Online
    • Puzzle e Enigmistica
    • Simulazione
    • Sparatutto
    • Sport
    • Strategia e Giochi di Guerra
    • Tempo Libero
    Tutto in Videogame >
  • Grafica
    • Accessori & Mappe
    • Animazione
    • CAD – 3D
    • Cattura schermo
    • Convertitori e ridimensionatori
    • Editor
    • Flash
    • Font
    • Ritocco
    • Gallerie e album
    • Icone e loghi
    • Visualizzatori
    Tutto in Grafica >
  • Internet
    • Browser
    • Chat e IM
    • eMail
    • Estensioni & Temi
    • FTP
    • Network
    • News e RSS
    • Peer to Peer
    • Webcam
    Tutto in Internet >
  • Programmazione
    • Accessori
    • CMS e E-Commerce
    • Editor e Compilatori
    • Editor e strumenti Web
    • Linguaggi
    Tutto in Programmazione >
  • Sicurezza
    • Antispam
    • Antispyware
    • Antivirus
    • Server
    Tutto in Sicurezza >
  • Produttività
    • Backup
    • Compressione
    • Connettività
    • Database
    • Fax e Telefonia
    • Gestione disco
    • Ottimizzazione
    • Ufficio
    • Utilità di Sistema
    Tutto in Produttività >
  • Auto
    • Accessori Auto
    • Gare
    • Utility
    Tutto in Produttività >
  • Casa
    • Home Design
    • Home Security
    • IoT
    • Progettazione
    • Smart Home
    Tutto in Produttività >
Notizie
Video
Forum
in  
Trend
GuideHTMLJavaLinguaggio CPythonJavaScriptPHPC++CSSAndroidApprofondimenti
INDICE DELLA GUIDA
Introduzione e interfaccia
  1. 1 Introduzione: download e installazione

  2. 2 Interfaccia e foglio di lavoro

  3. 3 Barra dei menu

  4. 4 Barra degli strumenti

  5. 5 Pannelli e palette

  6. 6 Personalizzare l'interfaccia

Primi passi
  1. 7 Creare una nuova immagine

  2. 8 Aprire PDF e immagini da dispositivo

  3. 9 Ritagliare un'immagine

  4. 10 Ruotare e riflettere immagini

  5. 11 Ridimensionare e trasformare un'immagine

  6. 12 Salvare un'immagine: opzioni di base

Selezioni
  1. 13 Selezione rettangolare e selezione ellittica

  2. 14 Selezioni con Lazo e Penna

  3. 15 Selezione Rapida e Bacchetta Magica

  4. 16 Selezione con Maschera

  5. 17 Modificare le selezioni

Livelli
  1. 18 Livelli: operazioni di base

  2. 19 Livelli: Opacità e Riempimento

  3. 20 Gruppi di livelli

  4. 21 Maschere di livello

  5. 22 Stili Livello e Opzioni di Fusione

  6. 23 Regolazioni per i livelli

Trasformazioni avanzate
  1. 24 Scala in base al contenuto

  2. 25 Alterazione prospettica

  3. 26 Alterazione marionetta

  4. 27 Allineamento e Fusione Livelli automatici

  5. 28 Trasformazione libera

Ritocco di base
  1. 29 Timbro Clone

  2. 30 Pennello Correttivo

  3. 31 Toppa

  4. 32 Sposta ed estendi in base al contenuto

  5. 33 Strumento Occhi Rossi

  6. 34 Riempi in base al Contenuto

Strumenti di disegno
  1. 35 Matita e Pennello

  2. 36 Gomma, Sfumatura e Riempimento

  3. 37 Forme base

  4. 38 Forme da tracciati

  5. 39 Forme composte e combinate

Strumenti di Testo
  1. 40 Testo: inserimento e formattazione

  2. 41 Alterare e rasterizzare il testo

  3. 42 Testo su tracciato

  4. 43 Maschera di Testo

  5. lezione
    44 di 108

    Testo raster e vettoriale

Manipolazione fotografica
  1. 45 Sfoca, Nitidezza e Sfumino

  2. 46 Scherma, Brucia e Spugna

  3. 47 Pannelli di regolazione: panoramica

  4. 48 Istogramma

  5. 49 Regolazioni

  6. 50 Curve

Filtri
  1. 51 Panoramica Filtri

  2. 52 Filtri Artistici

  3. 53 Filtri Distorsione e Schizzo

  4. 54 Filtri Stilizzazione e Texture

  5. 55 Filtri Tratti Pennello

  6. 56 Filtro Camera Raw

  7. 57 Filtro Distorsione avanzato

  8. 58 Filtro Disturbo

  9. 59 Filtro Effetto Pixel

  10. 60 Galleria Sfocatura

  11. 61 Filtro Nitidezza

  12. 62 Filtro Rendering

  13. 63 Filtro Sfocatura Avanzata

  14. 64 Filtro Stilizzazione

  15. 65 Filtro Video e Timeline

  16. 66 Filtro Grandangolo Adattato

  17. 67 Filtro Correzione Obiettivo

  18. 68 Filtro Fluidifica

  19. 69 Filtro Fuoco Prospettico

  20. 70 Aggiungere filtri

  21. 71 Conversione per Filtri Avanzati

Stampa e condivisione
  1. 72 Stampare immagini

  2. 73 Esportazione e condivisione

  3. 74 Esportazione e compatibilità formati

Edizione precedente (2009)
  1. 75 Importare immagini da uno scanner

  2. 76 Regolare saturazione e tonalità

  3. 77 Strumento Sostituzione colore

  4. 78 Strumento Sfumino

  5. 79 Ridurre il disturbo delle immagini

  6. 80 Selezione singola riga e strumento Sposta

  7. 81 Bloccare e unire livelli

  8. 82 Collegare e raggruppare livelli

  9. 83 Altre opzioni e icone del pannello Livelli

  10. 84 Stili di livello - Livello di testo

  11. 85 Uso avanzato degli stili di livello

  12. 86 Stile di livello sovrapposto e operazioni avanzate

  13. 87 Oggetti avanzati

  14. 88 Maschere di filtro

  15. 89 Maschere - funzioni avanzate

  16. 90 Composizioni di livelli

  17. 91 Il pannello Pennelli

  18. 92 Strumenti di pittura secondari

  19. 93 Creazione e gestione delle sfumature - I

  20. 94 Creazione e gestione delle sfumature - II

  21. 95 Usare i pattern

  22. 96 Metodi di fusione

  23. 97 Grafica vettoriale e panoramica degli strumenti

  24. 98 Strumento Penna e Tracciati

  25. 99 Regolazioni e opzioni per la Galleria filtri

  26. 100 Renderizzazioni

  27. 101 Altri effetti di renderizzazione

  28. 102 Altri filtri (I)

  29. 103 Pixel, blur, stilizzazione e altri effetti

  30. 104 Creare e formattare un paragrafo

  31. 105 Effetti sul testo

  32. 106 Importare immagini da fotocamere digitali

  33. 107 Salvare i file nei formati più comuni

  34. 108 Inserire un'immagine esterna

  • Learn
  • Photoshop, tecniche essenziali
  • Testo raster e vettoriale
lezione
44 di 108

Testo raster e vettoriale

  • di Marco Grigis
  • 28 Settembre 2017

In una delle precedenti lezioni dedicate agli strumenti di testo, si è fatto breve accenno ai comandi di rasterizzazione, sia dalla barra del menu che tramite le tendine contestuali del pannello Livelli. Ma quali sono le opzioni nel dettaglio di questa funzionalità e, ancora, poiché sovente può rendersi necessario convertire quanto di digitato in questo formato?

La rasterizzazione del testo è una delle possibilità primarie di Photoshop, tanto che il software spesso suggerisce all’utente la conversione automatica, alla selezione di strumenti compatibili unicamente con livelli raster. Prima di cominciare, però, è bene comprendere la differenza tra un testo vettoriale e uno invece rasterizzato. Per questa lezione si è fatto ricorso a Photoshop CC 2017, ma le istruzioni rimangono valide anche per le edizioni precedenti della suite Adobe.

Testo vettoriale e testo raster

Così come già visto in passato, per rasterizzare un testo in Photoshop è sufficiente, dopo aver selezionato lo stesso nel pannello Livelli, scegliere l’opzione Rasterizza Livello Testo dell’omonimo menu: un esempio è riportato in Figura 1. In alternativa, è possibile cliccare con il tasto destro sul testo stesso nella gerarchia dei layer, dopodiché scegliere la voce corrispondente dal menu a tendina contestuale.

Figura 1. Rasterizzazione del testo (click per ingrandire) Rasterizzazione del testo

Per quale motivo, però, questo processo si rende necessario? Di default, il testo inserito su un livello di Photoshop è di natura vettoriale: si comporta quindi come qualsiasi altra forma o tracciato. In altre parole, potrà essere ingrandito o rimpicciolito, così come anche deformato, senza nessuna perdita di qualità visiva. Ancora, selezionando lo strumento corrispondente, si potrà modificare il testo stesso in itinere, ad esempio per correggere un errore di digitazione, cambiarne il font, il colore e molto altro. Con il processo di rasterizzazione, invece, quanto di digitato viene convertito da una forma vettoriale in pixel. I caratteri non potranno più essere modificati, perciò, mentre la deformazione porterà a una perdita di qualità visiva. In Figura 2, il confronto tra l’ingrandimento di un esempio vettoriale (V) e di un raster (R).

Figura 2. Ingrandimento vettoriale e raster (click per ingrandire) Ingrandimento vettoriale e raster

Per quanto un layer testuale rasterizzato perda questa importante qualità, ne assume delle altre altrettanto interessanti. La trasformazione da testo in senso stretto a pixel, ad esempio, permette di applicare tutti quegli strumenti tipici della gestione dei livelli, dai pennelli alle gomme, passando per molto altro ancora. In Figura 3, l’effetto proprio della gomma sul raster.

Figura 3. Gomma su raster (click per ingrandire) Gomma su raster

Una simile possibilità non è invece applicabile su un testo vettoriale: non a caso, quando si cerca di usare lo strumento Gomma su questo tipo di oggetto, è lo stesso Photoshop a richiedere la conversione. La finestra di dialogo è riportata in Figura 4.

Figura 4. Suggerimento di rasterizzazione (click per ingrandire)  Suggerimento di rasterizzazione

La scelta fra le due modalità è tutt’altro che semplice, poiché spesso può essere necessario approfittare contemporaneamente delle qualità di entrambe. Fortunatamente esistono dei metodi alternativi che, pur essendo meno efficaci, potrebbero portare al medesimo risultato. Fra i tanti, l’uso delle Maschere è certamente il più diffuso.

Si ipotizzi di voler usare lo strumento Gomma su un testo, senza però perderne le proprietà vettoriali. Il primo passo è quello di aggiungere una Maschera, selezionandola direttamente dalla palette dei livelli, così come già spiegato nelle precedenti lezioni. A questo punto, è sufficiente disegnare o cancellare sulla maschera stessa: quest’ultima rivelerà il livello sottostante a quello di testo, con un effetto visivo analogo proprio alla gomma. In Figura 5, una rapida applicazione.

Figura 5. Maschera sul testo (click per ingrandire) Maschera sul testo

La maschera svela il livello sottostante, ma non cancella effettivamente dei pixel. Per questo motivo, basterà selezionare il comune strumento Testo per modificare o correggere la digitazione, come evidenziato in Figura 6.

Figura 6. Modifica del testo (click per ingrandire) Modifica del testo

Se vuoi aggiornamenti su Grafica inserisci la tua e-mail nel box qui sotto:

Se vuoi ricevere informazioni personalizzate compila anche i seguenti campi:

45 / 108

Sfoca, Nitidezza e Sfumino

Ultime notizie

Google Cloud Services Platform in beta

Cybersecurity: nelle aziende manca una cultura della sicurezza

Marzipan: App universali per iOS e MacOS?

Pagina 404: l’importanza del design

(In)sicurezza dei Password manager

I Video di HTML.it

Stack Overflow behind the scenes. How it’s made

Percorsi formativi correlati
Android Mobile Developer

Android Mobile Developer

5
guide
250 ore

Tutti i linguaggi per diventare uno sviluppatore di app per Android.

DB Administrator

DB Administrator

4
guide
80 ore

Come creare applicazioni per il Web con PHP e MySQL per il DBMS.

iOS Mobile Developer

iOS Mobile Developer

4
guide
180 ore

Tutte le principali tecnologie per diventare uno sviluppatore mobile per iOS.

Java Developer

Java Developer

7
guide
300 ore

I fondamentali per lo sviluppo di applicazioni multi piattaforma con Java.

Java Security Expert

Java Security Expert

5
guide
120 ore

Diventare degli esperti in tema di sicurezza delle applicazioni Java.

Maker

Maker

2
guide
50 ore

Usare Raspberry Pi e Arduino per avvicinarsi al mondo dei Maker e dell’IoT.

NoSQL DB Expert

NoSQL DB Expert

5
guide
200 ore

Le principali guide di HTML.it per diventare un esperto dei database NoSQL.

PHP Cloud Developer

PHP Cloud Developer

7
guide
80 ore

Ecco come i professionisti creano applicazioni per il Cloud con PHP.

PHP Developer

PHP Developer

5
guide
100 ore

Lo sviluppo professionale di applicazioni in PHP alla portata di tutti.

PHP e JavaScript Developer

PHP e JavaScript Developer

6
guide
100 ore

Come sviluppare applicazioni Web dinamiche con PHP e JavaScript.

PHP Framework Expert

PHP Framework Expert

6
guide
120 ore

Realizzare applicazioni per il Web utilizzando i framework PHP.

PHP SysAdmin

PHP SysAdmin

6
guide
80 ore

Creare applicazioni PHP e gestire l’ambiente di sviluppo come un pro.

Sviluppare un eCommerce con PHP

Sviluppare un eCommerce con PHP

5
guide
120 ore

Fare gli eCommerce developer con Magento, Prestashop e WooCommerce.

Web & Mobile Designer

Web & Mobile Designer

5
guide
300 ore

Percorso base per avvicinarsi al web design con un occhio al mobile.

WordPress Developer

WordPress Developer

5
guide
150 ore

Realizzare siti Web e Web application con WordPress a livello professionale.

Ti consigliamo anche

Photoshop, tecniche essenziali

  • 108 Lezioni
  • Moderata

Photoshop: le tecniche essenziali per il disegno e l’illustrazione oltre che naturalmente per il fotoritocco e l’applicazione di effetti alle immagini. Il tutto corredato di esempi e tutorial per diventare rapidamente produttivi ed esprimere al massimo la nostra creatività col potentissimo e famosissimo strumento di casa Adobe.

  • Halloween: i migliori pennelli per Photoshop
  • Pattern per Photoshop: risorse per scaricarli
Natale, tutorial Photoshop

Copertina Facebook e sfondo smartphone per Natale

Istruzioni per realizzare una copertina Facebook e uno sfondo per smartphone per Natale, sfruttando le potenzialità di Adobe Photoshop CC.

  • Forme gratis per Photoshop
  • Texture Photoshop: le migliori risorse online

GIMP: consigli per renderlo più simile a Photoshop

Plugin Photoshop: a cosa servono e dove trovarli

Webdesign: 5 raccolte di PSD online

  • Guide
  • Approfondimenti
  • Script
  • Q&A
  • Software
  • Tutorial
  • Videogiochi
  • Tag Software
  • News
  • Video
  • Forum
  • Chi siamo
  • Pubblicità
  • Contatti
  • Cookie policy
  • Privacy policy
  • Privacy Policy Newsletter
© HTML.it 1997-2019 | Triboo Media – P. IVA 06933670967 | HTML.it è un periodico telematico reg. Trib. Roma n. 309/2008 | 2.10.3