Creazione di una maschera con le forme

Scopri come creare una maschera con le forme.

Maschere in XD

Usa le maschere per tagliare porzioni di immagini o oggetti e creare risultati incentrati su elementi specifici delle progettazioni. 

Alcuni dei casi in cui puoi utilizzare le maschere sono la creazione di un avatar del profilo o la simulazione di un’esperienza in modalità oscura, come mostrato di seguito.

Foto del profilo in un cerchio
Avatar del profilo in un’applicazione per dispositivi mobili

Maschere animate per simulare un’esperienza in modalità scura
Maschere animate per simulare un’esperienza in modalità scura

Vuoi scoprire come creare, modificare o rimuovere un effetto maschera? Effettua le seguenti operazioni:

  1. Disegna una forma da utilizzare come maschera e posizionala sulla parte dell’immagine da conservare. Seleziona l’immagine e la forma. 

  2. Seleziona Oggetto > Maschera con forma (macOS) o fai clic con il pulsante destro sul contenuto selezionato e seleziona Maschera con forma (Windows). La parte dell’immagine o del disegno che si trova all’esterno della forma è mascherata.

    1

  3. Per modificare il contenuto all’interno della forma della maschera, fai doppio clic sul contenuto nella maschera. L’area nascosta dalla maschera non è eliminata dal progetto. Puoi regolare nuovamente la maschera per evidenziare un’altra parte dell’immagine.

  4. Per disattivare o rimuovere la maschera, seleziona l’oggetto e fai clic con il pulsante destro (Windows) o Ctrl+clic (Mac), quindi seleziona Separa maschera dal menu di scelta rapida.

Limitazioni

  • Quando mascheri un oggetto vettoriale con un altro, l’oggetto in cima alla pila funge da maschera. 
  • Non puoi mascherare il testo su forme, componenti, gruppi o simboli.
  • XD non supporta maschere alfa o maschere con opacità. Qui è riportata una discussione interessante alla quale puoi partecipare e aggiungere il tuo voto in UserVoice.

Esempi e file di esempio

Sapevi che quando inizi una progettazione con grafica segnaposto, ad esempio, un cerchio al posto dell’immagine del profilo, puoi creare maschere rilasciando le risorse nelle forme? 

Per ulteriori informazioni sul trascinamento di una risorsa su una forma o sull’utilizzo di una forma esistente come maschera, guarda l’esercitazione riportata di seguito o scarica i file di esempio per provare personalmente.

Tempo di visione: 1 minuto.

Le animazioni del contatore numerico sono utilizzate per visualizzare i numeri in modo interessante e accattivante. Vuoi scoprire come utilizzare una maschera per creare un tabellone dei punteggi? Guarda questo video e scarica i file di esempio per provare personalmente.

Tempo di visione: 1 minuto 2 secondi.

Utilizzo della maschera per creare un contatore numerico animato

Puoi anche vedere nella community di supporto di XD per esempi ed esercitazioni.

Esercitazioni

Utilizza le maschere per posizionare un’immagine in una forma personalizzata e ritaglia le aree dell’immagine che non devono essere visibili. Guarda questa esercitazione su come utilizzare le immagini e le maschere in XD.

Tempo di visione: 1 minuto.

Logo Adobe

Accedi al tuo account