In questo tutorial, ti mostro come utilizzare le maschere di ritaglio in Photoshop per mostrare e nascondere le diverse parti di un livello e adattare le immagini alle forme! Impareremo le basi su come creare una maschera di ritaglio ed esploreremo l’idea alla base di esse in modo più dettagliato in modo che entro la fine di questa lezione avrai una solida conoscenza di come funzionano le maschere di ritaglio. userò Photoshop CC ma tutto è completamente compatibile con Photoshop CS6 e versioni precedenti. Cominciamo!

Cosa sono le maschere di ritaglio?

Le maschere di ritaglio in Photoshop sono un modo potente per controllare la visibilità di un livello. In questo senso, le maschere di ritaglio sono simili a maschere di livello. Ma mentre il risultato finale può sembrare lo stesso, le maschere di ritaglio e le maschere di livello sono molto diverse. Una maschera di livello utilizza il bianco e nero per mostrare e nascondere parti diverse del livello. Ma una maschera di ritaglio utilizza il contenuto e la trasparenza di una livello per controllare la visibilità di un altro.

Per creare una maschera di ritaglio, abbiamo bisogno di due livelli. Il livello in basso controlla la visibilità del livello sopra di esso. In altre parole, il livello in basso è la maschera e il livello sopra di esso è il livello che viene ritagliato sulla maschera.

Se il livello inferiore contiene contenuto effettivo (pixel, forme o tipo), il contenuto del livello superiore è visibile. Ma se una qualsiasi parte del livello sul fondo è trasparente, la stessa area del livello sopra sarà nascosta. Potrebbe sembrare più confuso di come funziona una maschera di livello, ma le maschere di ritaglio sono altrettanto facili da usare. Creiamo noi stessi una maschera di ritaglio così possiamo capire meglio come funzionano.

Scarica questo tutorial come PDF pronto per la stampa!

Come funziona una maschera di ritaglio

Per dare davvero un senso alle maschere di ritaglio, dobbiamo prima capire la differenza tra contenuto e trasparenza su un livello. Per seguirmi, puoi aprire qualsiasi immagine. Userò questa foto del mio piccolo amico qui che “sta anche cercando di capire, a modo suo, di cosa si tratta (foto da Adobe Stock):

Un livello maschera e un livello ritagliato

Se guardiamo nel pannello Livelli, vediamo la foto sul livello Sfondo, che attualmente è l’unico livello in il documento:

Abbiamo bisogno di due livelli per creare una maschera di ritaglio, uno che serva da maschera e uno che verrà ritagliato sulla maschera, quindi aggiungiamolo un secondo strato. Aggiungeremo il nuovo livello sotto l’immagine. Innanzitutto, sblocca il livello Sfondo. In Photoshop CC, fai clic sull’icona del lucchetto per sbloccarlo. In Photoshop CS6 o versioni precedenti, tieni premuto il tasto Alt (Win) / Opzione (Mac) sulla tastiera e fai doppio clic sul livello Sfondo:

Questo sblocca il livello Sfondo e rinomina it “Livello 0”:

Quindi, per aggiungere un nuovo livello sotto l’immagine, tieni premuto il tasto Ctrl (Win) / Comando (Mac) sulla tastiera e fai clic sull’icona Aggiungi nuovo livello:

Un nuovo livello denominato “Livello 1” appare sotto la foto e ora abbiamo due livelli nel documento. Trasformeremo il livello inferiore nella maschera e l’immagine sopra verrà ritagliata sulla maschera:

Capire le maschere di ritaglio: contenuto e trasparenza

Nascondi l’immagine originale per il momento facendo clic sull’icona di visibilità del livello superiore:

Con il livello superiore disattivato, vediamo il livello che abbiamo appena aggiunto. Per impostazione predefinita, i nuovi livelli in Photoshop sono vuoti, il che significa che non hanno alcun contenuto. Un livello senza contenuto è trasparente e lo vediamo attraverso. Quando non ci sono altri livelli sotto un livello trasparente, Photoshop visualizza la trasparenza come un motivo a scacchiera, come vediamo qui:

Riattiva il livello superiore facendo nuovamente clic sull’icona di visibilità:

Il livello superiore contiene il contenuto effettivo. In questo caso, si tratta di contenuto basato sui pixel perché stiamo guardando una foto digitale, ma in Photoshop il contenuto potrebbe anche essere una forma vettoriale o addirittura un testo. In realtà, tutto ciò che non è “t trasparenza” è considerato contenuto:

Come creare una maschera di ritaglio in Photoshop

Le maschere di ritaglio utilizzano il contenuto e la trasparenza del livello sottostante per controllare la visibilità del livello superiore. Creiamo una maschera di ritaglio usando i nostri due livelli e vediamo cosa succede.

Passaggio 1: seleziona il livello che verrà ritagliato

Quando creiamo una maschera di ritaglio, dobbiamo prima selezionare il livello che verrà ritagliato al livello sottostante. In questo caso, il livello superiore (“Livello 0”) verrà ritagliato al livello inferiore (“Livello 1”), quindi assicurati che sia selezionato il livello superiore:

Passaggio 2: scegli “Crea maschera di ritaglio”

Per creare la maschera di ritaglio, vai al menu Livello nella barra dei menu e scegli Crea maschera di ritaglio:

E questo è tutto quello che c’è da fare! Con la maschera di livello creata, il pannello Livelli ora mostra il livello superiore (“Livello 0”) rientrato a destra, con una piccola freccia che punta verso il basso in “Livello 1” sotto di esso. Questo è così che Photoshop ci dice che il livello superiore è ora ritagliato al livello sottostante:

Ma il problema è che tutto ciò che abbiamo ottenuto finora creando una maschera di ritaglio è che abbiamo nascosto l’immagine alla vista, e questo perché il nostro livello maschera (“Livello 1”) non contiene contenuti. È completamente trasparente. Con una maschera di ritaglio, tutte le aree del livello superiore che si trovano direttamente sopra le aree trasparenti del livello inferiore vengono nascoste. Poiché il livello inferiore non contiene altro che trasparenza, nessuna parte dell’immagine sopra di esso è visibile:

Come rilasciare una maschera di ritaglio

Non era molto interessante, quindi rilascia la maschera di ritaglio andando al menu Livello e scegliendo Rilascia maschera di ritaglio:

Nel pannello Livelli, il livello superiore non è più rientrato a destra, il che significa che non è più ritagliato al livello sottostante:

E nel documento, siamo tornati a vedere il nostro immagine:

Aggiunta di contenuto alla maschera di ritaglio

Aggiungiamo del contenuto al livello inferiore. Fare clic sull’icona di visibilità del livello superiore per nascondere l’immagine in modo da poter vedere cosa stiamo “facendo:

Quindi fai clic sul livello inferiore per renderlo attivo:

Per aggiungi contenuto, disegneremo una forma semplice. Seleziona lo strumento Selezione ellittica dalla barra degli strumenti facendo clic con il pulsante destro del mouse (Win) / Ctrl-clic (Mac) sullo strumento Selezione rettangolare e scegliendo lo strumento Selezione ellittica dal menu a comparsa:

Fare clic e trascinare un contorno di selezione ellittico al centro del documento:

Vai al menu Modifica nella barra dei menu e scegli Riempi:

Nella finestra di dialogo Riempi, imposta l’opzione Contenuti su nero, quindi fai clic su OK:

Photoshop riempie la selezione di nero. Per rimuovere il contorno di selezione intorno alla forma, vai al menu Seleziona e scegli Deseleziona:

E ora, invece di un livello completamente trasparente, abbiamo un’area con alcuni contenuti al centro. Si noti, tuttavia, che l’area che circonda il contenuto rimane trasparente:

Indietro nel pannello Livelli, la miniatura dell’anteprima per il livello inferiore ora mostra la forma nera. Ciò che è importante notare qui è che se confronti le anteprime di anteprima per entrambi i livelli, vedrai che parte dell’immagine sul livello superiore si trova direttamente sopra il contenuto (la forma) sul livello inferiore. Inoltre, parte della foto si trova sopra le aree trasparenti del livello inferiore:

Creazione di un’altra maschera di ritaglio

Ora che abbiamo aggiunto del contenuto al livello inferiore, creiamo un’altra maschera di ritaglio. Di nuovo, dobbiamo prima selezionare il livello che verrà ritagliato sul livello sottostante, quindi fare clic sul livello superiore per selezionarlo.Quindi, fai clic sull’icona di visibilità del livello superiore per rendere visibile l’immagine sul livello:

Torna al menu Livello e scegli di nuovo Crea maschera di ritaglio:

Nel pannello Livelli, vediamo il livello superiore ritagliato al livello sottostante, proprio come abbiamo visto l’ultima volta:

Ma nel documento, ora vediamo un risultato molto diverso. Questa volta, la sezione della foto che” è seduto direttamente sopra la forma sullo strato sottostante rimane visibile! Le uniche parti della foto che sono nascoste sono le aree che circondano la forma, poiché quelle aree sono ancora al di sopra della trasparenza:

Spostamento di contenuto all’interno di una maschera di ritaglio

Ovviamente, il risultato potrebbe essere migliore se il nostro soggetto fosse centrato all’interno della forma. Con le maschere di ritaglio, è facile spostare e riposizionare il contenuto al loro interno. Seleziona semplicemente lo strumento Sposta dalla barra degli strumenti:

Quindi fai clic sulla foto e trascinala in posizione. Mentre sposti l’immagine, rimane visibile solo l’area che si sposta sulla forma sul livello sottostante. E queste sono le basi del funzionamento delle maschere di ritaglio :

Quando usare una maschera di ritaglio

Mentre le maschere di livello sono le migliori per fondere i livelli con transizioni continue, le maschere di ritaglio in Photoshop sono perfette quando la tua immagine deve adattarsi a una forma chiaramente definita. La forma potrebbe essere quella che hai disegnato con uno strumento di selezione, come abbiamo visto. Ma una maschera di ritaglio può anche essere utilizzata per riempire una forma vettoriale con un’immagine o per posizionare un’immagine all’interno del testo. Come altro esempio di ciò che possiamo fare con le maschere di ritaglio, vediamo rapidamente come è possibile utilizzare una maschera di ritaglio per posizionare una foto all’interno di una cornice.

Posizionare una foto in una cornice con maschere di ritaglio

Qui ho un documento contenente due immagini, ciascuna su un livello separato. La foto sul livello inferiore contiene la cornice:

E se attivo il livello superiore facendo clic sulla relativa icona di visibilità:

Vediamo la foto che voglio inserire nella cornice:

Per il momento nascondo il livello superiore facendo nuovamente clic sulla sua icona di visibilità, quindi farò clic sul livello Sfondo per selezionarlo:

Disegno o selezione della forma

I ha detto che le maschere di ritaglio funzionano meglio quando la tua immagine deve adattarsi a una forma. In questo caso, la forma è l’area all’interno della cornice. Poiché l’area è piena di nero, la selezionerò utilizzando lo strumento Bacchetta magica di Photoshop:

Faccio clic con lo strumento Bacchetta magica all’interno del riquadro e ora l’area è selezionata:

Quindi, copierò l’area selezionata su un nuovo livello andando al menu Livello nella barra dei menu, scegliendo Nuovo e quindi scegliendo Livello tramite Copia:

Photoshop copia la mia selezione su un nuovo livello tra il livello Sfondo e la foto che inserirò all’interno della cornice. Ora ho la forma necessaria per creare la mia maschera di ritaglio:

Un modo più veloce per creare una maschera di ritaglio

Per creare il ritaglio maschera, selezionerò il livello superiore e riaccenderò il livello facendo clic sulla relativa icona di visibilità:

Abbiamo visto che possiamo creare una maschera di ritaglio scegliendo Crea maschera di ritaglio dal menu Livello. Ma un modo più veloce è premere e tenere premuto il tasto Alt (Win) / Opzione (Mac) sulla tastiera mentre passi il cursore del mouse tra i due livelli. Il cursore si trasformerà in un’icona della maschera di ritaglio:

Fai clic sulla linea di divisione tra i due livelli per creare la maschera di ritaglio:

Con la maschera di ritaglio creata, la foto ora appare solo all’interno della cornice, poiché questa è l’unica parte dell’immagine che si trova sopra il contenuto effettivo sul livello sottostante. Il resto della foto è nascosto perché si trova sopra la trasparenza:

Ridimensionare il contenuto all’interno di una maschera di ritaglio

Infine, abbiamo visto che possiamo spostare il contenuto all’interno di una maschera di ritaglio utilizzando lo strumento Sposta. Ma possiamo anche ridimensionare il contenuto all’interno di una maschera di ritaglio altrettanto facilmente utilizzando il comando Trasformazione libera di Photoshop. Al momento, la mia foto è troppo grande per il fotogramma, quindi la ridimensionerò andando al menu Modifica e scegliendo Libero Trasformazione:

Photoshop inserisce la versione gratuita Riquadro di trasformazione e maniglie intorno all’immagine, inclusa l’area al di fuori della cornice attualmente nascosta dalla maschera di ritaglio:

Per ridimensionarla, terrò premuto il tasto Maiusc mentre clicco sulle maniglie d’angolo e le trascino verso l’interno. Tenendo premuto il tasto Maiusc si bloccano le proporzioni dell’immagine in modo da non distorcerla:

Per accettarlo, premerò Invio (Win) / Return (Mac) sulla tastiera per chiudere la Trasformazione libera. E ora, grazie alla potenza delle maschere di ritaglio, la foto si adatta perfettamente alla cornice:

E ce l’abbiamo! Ecco come funzionano le maschere di ritaglio in Photoshop e come utilizzare una maschera di ritaglio per mostrare e nascondere parti diverse di un livello! Visita la nostra sezione Nozioni di base su Photoshop per altri tutorial su Photoshop!