Guida utente Annulla

Creazione di una maschera con le forme

Cerca

Ultimo aggiornamento il 21 feb 2023

Guida utente di Adobe XD
Introduzione
Progettazione
1. Tavole da disegno, guide e livelli
2. Forme, oggetti e percorso
3. Testo e font
  1. Utilizzo degli strumenti di disegno e testo
  2. Font in Adobe XD
4. Componenti e stati
5. Mascheratura ed effetti
6. Layout
7. Video e animazioni Lottie
Prototipazione
Condivisione, esportazione e revisione
Sistemi di progettazione
Documenti cloud
Integrazioni e plugin
XD per iOS e Android
1. Anteprima da dispositivi mobili
2. Domande frequenti su Adobe XD per dispositivi mobili
Risoluzione dei problemi
1. Problemi noti e risolti
  1. Problemi noti
  2. Problemi risolti
2. Installazione e aggiornamenti
3. Avvio e arresto anomalo
4. Documenti cloud e Creative Cloud Libraries
5. Creare prototipi, pubblicare e revisionare
6. Importare, esportare e lavorare con altre app

Scopri come creare una maschera con le forme.

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.

Avatar del profilo in un’applicazione per dispositivi mobili

Maschere animate per simulare un’esperienza in modalità scura

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

Disegna una forma da utilizzare come maschera e posizionala sulla parte dell’immagine da conservare. Seleziona l’immagine e la forma.
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.
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.
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à. Q ui è 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.