Guida utente Annulla

Impostazione di tratto, riempimento, ombra esterna e ombra interna per gli oggetti

  1. Guida utente di Adobe XD
  2. Introduzione
    1. Novità di Adobe XD
    2. Domande frequenti
    3. Progettazione, prototipazione e condivisione con Adobe XD
    4. Gestione colore
    5. Requisiti di sistema
      1. Requisiti hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    6. Nozioni di base sull'area di lavoro
    7. Cambia la lingua dell'app in Adobe XD
    8. Accesso ai kit di progettazione per interfaccia utente
    9. Accessibilità in Adobe XD
    10. Scelte rapide da tastiera
    11. Consigli e suggerimenti
  3. Progettazione
    1. Tavole da disegno, guide e livelli
      1. Introduzione alle tavole da disegno
      2. Utilizzo di guide e griglie
      3. Creazione di tavole da disegno scorrevoli
      4. Utilizzo dei livelli
      5. Creazione di gruppi di scorrimento
    2. Forme, oggetti e percorso
      1. Selezione, ridimensionamento e rotazione degli oggetti
      2. Spostamento, allineamento, distribuzione e disposizione degli oggetti
      3. Operazioni raggruppa, blocca, duplica, copia e rifletti sugli oggetti
      4. Impostazione di tratto, riempimento e ombra esterna per gli oggetti
      5. Creazione di elementi ripetuti
      6. Crea progetti prospettici con trasformazioni 3D
      7. Modifica di oggetti mediante le operazioni booleane
    3. Testo e font
      1. Utilizzo degli strumenti di disegno e testo
      2. Font in Adobe XD
    4. Componenti e stati
      1. Utilizzo dei componenti
      2. Utilizzo dei componenti nidificati
      3. Aggiunta di più stati ai componenti
    5. Mascheratura ed effetti
      1. Creazione di una maschera con le forme
      2. Utilizzo degli effetti di sfocatura
      3. Creazione e modifica di sfumature
      4. Applicazione degli effetti di fusione
    6. Layout
      1. Ridimensionamento reattivo e vincoli
      2. Impostazione del riempimento fisso per componenti e gruppi
      3. Creazione di progettazioni dinamiche con le pile
    7. Video e animazioni Lottie
      1. Utilizzo dei video
      2. Creazione di prototipi utilizzando i video
      3. Utilizzo delle animazioni Lottie
  4. Prototipazione
    1. Creazione di prototipi interattivi
    2. Animazione dei prototipi
    3. Proprietà dell'oggetto supportate per l'animazione automatica
    4. Creazione di prototipi con tastiera e gamepad
    5. Creazione di prototipi con comandi e riproduzione vocali
    6. Creazione di transizioni temporizzate
    7. Aggiunta di sovrapposizioni
    8. Progettazione di prototipi vocali
    9. Creazione di collegamenti con ancoraggio
    10. Creazione di collegamenti ipertestuali
    11. Anteprima di progettazioni e prototipi
  5. Condivisione, esportazione e revisione
    1. Condivisione delle tavole da disegno selezionate
    2. Condivisione di progettazioni e prototipi
    3. Configurazione delle autorizzazioni di accesso per i collegamenti
    4. Utilizzo dei prototipi
    5. Revisione dei prototipi
    6. Utilizzo delle specifiche di progettazione
    7. Condivisione delle specifiche di progettazione
    8. Ispezione delle specifiche di progettazione
    9. Navigazione delle specifiche di progettazione
    10. Revisione e inserimento di commenti nelle specifiche di progettazione
    11. Esportazione delle risorse di progettazione
    12. Esportazione e download delle risorse dalle specifiche di progettazione
    13. Condivisione di gruppo per le aziende
    14. Eseguire il backup o trasferire le risorse XD
  6. Sistemi di progettazione
    1. Progettare i sistemi con Creative Cloud Libraries
    2. Utilizzo delle risorse dei documenti in Adobe XD
    3. Utilizzo di Creative Cloud Libraries in Adobe XD
    4. Migrazione delle risorse collegate in Creative Cloud Libraries
    5. Utilizzo dei token di progettazione 
    6. Utilizzare le risorse da Creative Cloud Libraries
  7. Documenti cloud
    1. Documenti cloud in Adobe XD
    2. Collaborazione e modifica in comproprietà delle progettazioni
    3. Modifica in comproprietà di documenti condivisi
  8. Integrazioni e plugin
    1. Utilizzo di risorse esterne
    2. Utilizzo delle risorse di progettazione da Photoshop
    3. Operazione di copia e incolla di risorse da Photoshop
    4. Importazione o apertura delle progettazioni di Photoshop
    5. Utilizzo delle risorse di Illustrator in Adobe XD
    6. Apertura e importazione delle progettazioni di Illustrator
    7. Copia di vettori da Illustrator a XD
    8. Plug-in per Adobe XD
    9. Creazione e gestione dei plug-in
    10. Integrazione di Jira per XD
    11. Plug-in di Slack per XD
    12. Plug-in di Zoom per XD
    13. Pubblicazione di progetti da XD a Behance
  9. XD per iOS e Android
    1. Anteprima da dispositivi mobili
    2. Domande frequenti su Adobe XD per dispositivi mobili
  10. Risoluzione dei problemi
    1. Problemi noti e risolti
      1. Problemi noti
      2. Problemi risolti
    2. Installazione e aggiornamenti
      1. XD viene considerato non compatibile su Windows
      2. Codice errore 191
      3. Codice errore 183
      4. Problemi di installazione dei plugin XD
      5.  Richiesta di disinstallare e reinstallare XD su Windows 10
      6. Problemi di migrazione delle preferenze
    3. Avvio e arresto anomalo
      1.  XD si arresta in modo anomalo quando viene avviato su Windows 10
      2.  XD si chiude quando si esce da Creative Cloud
      3. Problema relativo allo stato dell’abbonamento in Windows
      4. Avviso di app bloccate all'avvio di XD su Windows
      5. Generazione di dump di arresto anomalo su Windows
      6. Raccolta e condivisione del registro degli arresti anomali
    4. Documenti cloud e Creative Cloud Libraries
      1. Problemi con i documenti cloud di XD
      2. Problemi con i componenti collegati
      3. Problemi con librerie e collegamenti
    5. Creare prototipi, pubblicare e revisionare
      1. Impossibile registrare le interazioni di prototipi su macOS Catalina
      2. Problemi con i flussi di lavoro di pubblicazione
      3. I collegamenti pubblicati non vengono visualizzati nei browser
      4. I prototipi non vengono visualizzati correttamente nei browser
      5. Il pannello dei commenti viene visualizzato in modo imprevisto sui collegamenti condivisi
      6. Impossibile pubblicare le librerie
    6. Importare, esportare e lavorare con altre app
      1. Importare ed esportare in XD
      2. File Photoshop in XD
      3. File Illustrator in XD
      4. Esporta in After Effects da XD
      5. File Sketch in XD
      6. App di terze parti non visibili in Esporta

Scopri come impostare tratto, riempimento, ombra esterna e ombra interna per gli oggetti in Adobe XD.

Applicazione di un colore di riempimento a un oggetto

  1. Seleziona l’oggetto.

  2. Fai clic sul rettangolo accanto a Riempi. Viene visualizzato il Selettore colore.

    Selettore colore
    Selettore colore

    Nota:

    Puoi anche usare lo strumento Contagocce per riempire i colori. Il tasto [i] attiva il contagocce del comando Riempi.

    • Facendo clic una volta sul tasto si aprirà il contagocce del comando Riempi.
    • Facendo nuovamente clic sul tasto si chiuderà il contagocce del comando Riempi.
  3. Puoi scegliere di:

    • Specificare i valori HSBA, RGB o esadecimali se conosci i valori esatti del colore. Puoi anche passare tra i diversi metodi colore.
    • Regola il colore usando il campo del colore e il relativo cursore. In questo caso, i valori numerici HSBA, RGB ed esadecimali si modificano di conseguenza.  
    • Puoi impostare il riempimento e la sua opacità usando il cursore colore o specificando un valore in percentuale.
    • Utilizzare lo strumento Contagocce per selezionare un colore dalla tavola da disegno.
    • All’oggetto puoi anche applicare riempimenti con sfumatura. Per ulteriori informazioni sulle sfumature, consulta Creazione e modifica di sfumature.

    Durante la modifica delle opzioni nel Selettore colore, puoi visualizzare in anteprima le modifiche sulla tavola da disegno.

    Nota:

    Adobe XD supporta anche la scorciatoia per i codici esadecimali. Ad esempio, se immetti 0 e premi Invio, XD visualizza automaticamente il colore con codice #000000.

  4. Puoi salvare un colore come campione per utilizzarlo in seguito. Per salvare un colore come campione, fai clic sull’icona + nella parte inferiore del Selettore colore. 

    Aggiunta di campioni
    Aggiunta di campioni

    Puoi riorganizzare i campioni nel Selettore colore trascinando un campione nella nuova posizione. Per eliminare un campione, trascinalo fuori dal Selettore colore.

Applicazione del riempimento immagine agli oggetti

Attiva innanzitutto il riempimento (come descritto in Applicazione di un colore di riempimento a un oggetto). Trascina quindi l’immagine sull’oggetto dalla posizione in cui l’hai salvata (ad esempio, Finder o Esplora risorse).

Ritaglio e posizionamento dei riempimenti immagine

Ora puoi fare doppio clic sulle immagini posizionate nei contenitori (Oggetto > Maschera con forma) per ritagliare e riposizionare le immagini (quando trascinate dal desktop) nei riempimenti immagine. Utilizzare la modalità Ritaglio in un riempimento immagine per:

  •      Fare doppio clic e inserire una modalità Ritaglio per un riempimento immagine
  •      Riposizionare l’immagine nella modalità Ritaglio o
  •      Spostare l’immagine ovunque nella modalità Ritaglio

Questo miglioramento è applicabile anche per i file importati da Photoshop e Sketch. I file importati conservano i riempimenti immagine e il ritaglio eseguito nell’applicazione sorgente.

Operazione incolla immagine dagli Appunti

Puoi anche copiare un’immagine al di fuori di Adobe XD negli Appunti del sistema operativo, selezionare una forma e incollare l’immagine come riempimento immagine dagli Appunti del sistema operativo. Le immagini riempiranno anche una forma se la forma è selezionata e selezioni File > Importa.

Creazione di tratti e specifica del colore del tratto

  1. Seleziona l’oggetto.

  2. La larghezza predefinita del tratto è 1. Per specificare un valore diverso, modifica il valore Bordo.

  3. Fai clic sul campione colore rettangolare accanto a Bordo. Viene visualizzato il Selettore colore.

    Selettore colore
    Selettore colore

  4. Puoi scegliere di:

    • Specificare i valori HSBA, RGB o esadecimali se conosci i valori esatti.
    • Regolare il colore usando il campo del colore e il relativo cursore. In questo caso, i valori numerici HSBA, RGB ed esadecimali si modificano di conseguenza.  
    • Utilizzare lo strumento Contagocce per selezionare un colore dalla tavola da disegno.
    • Impostare l’opacità del bordo usando il cursore colore o immettendo un valore in percentuale.
    • Modificare la dimensione del bordo e creare linee tratteggiate
    • Specificare le estremità (troncata, arrotondata, in proiezione) e gli angoli (vivo, arrotondato, smussato) e i tratti interni ed esterni.

    Durante la modifica delle opzioni nel Selettore colore, puoi visualizzare in anteprima il colore del bordo sull’oggetto.

  5. Puoi salvare un colore come campione per utilizzarlo in seguito. Per salvare un colore come campione, fai clic sull’icona + nella parte inferiore del Selettore colore. 

    Aggiunta di campioni
    Aggiunta di campioni

    Puoi riorganizzare i campioni nel Selettore colore trascinando un campione in una nuova posizione. Per eliminare un campione, trascinalo fuori dal Selettore colore.

  6. Se l’oggetto è un tracciato chiuso, puoi specificare la larghezza del tratto. Per allineare il tratto lungo il tracciato, scegli una delle opzioni seguenti elencate nella prossima illustrazione.

    Per impostazione predefinita, XD allinea il tratto interno in un tracciato chiuso.

    Stili di tratto
    Stili di tratto

    A. Tratto interno B. Tratto esterno C. Tratto centrale D. Estremo troncato E. Estremo arrotondato F. Estremo in proiezione G. Angolo vivo H. Angolo arrotondato I. Angolo smussato 

    Nota:

    La modifica della larghezza o dell’allineamento del tratto non cambia la dimensione effettiva dell’oggetto (in termini di rettangolo di selezione). Tuttavia, quando esporti l’oggetto, è possibile che le sue dimensioni cambino a seconda del tipo di tratto utilizzato.

    SVG supporta solo i tratti centrali. Se esporti un oggetto con tratti interni o esterni come SVG, la dimensione dell’immagine esportata appare come se avesse un tratto centrale.

Convertire i tratti in forme utilizzando Traccia contorno

Crea forme vettoriali modificabili da linee, tracciati, forme, testo, immagini e gruppi booleani utilizzando Tracce contorno. Dopo aver creato la forma, puoi modificarla ulteriormente utilizzando i controlli o cambiando le sue proprietà nel Pannello Proprietà.

Prova questi passaggi per creare un'icona come mostrato qui con una traccia contorno. 

  1. Digita una lettera, ad esempio S utilizzando lo strumento Testo sull'area di lavoro.

  2. Seleziona la lettera S e scegli Oggetto > Tracciato > Traccia contorno.
    Puoi visualizzare due livelli nel pannello Livelli: 1. S - Contorno e 2. S.

    Usa la traccia contorno su una lettera del testo.
    Usa la traccia contorno su una lettera del testo.

  3. Fai doppio clic sul rettangolo per aggiungere punti di ancoraggio.

  4. Fai clic e trascina i punti di ancoraggio per creare una forma personalizzata. 

  5. Dopo aver creato la forma, puoi modificarla utilizzando il pannello Proprietà, ad esempio per cambiarne il colore mediante le opzioni Riempimenti e Sfumature.

    Aggiungi colori e stili per personalizzare la forma
    Aggiungi colori e stili per personalizzare la forma

Aggiungere ombre

Puoi aggiungere ombre esterne e interne a oggetti come interruttori, pulsanti, cursori e illustrazioni.

  1. Aggiungi un oggetto alla tavola da disegno.

  2. Fai clic sull'oggetto e quindi su Ombra esterna o Ombra interna nella finestra Ispezione proprietà.

  3. Nel Selettore colore,

    a. Per aggiungere un colore all'ombra, completa una delle seguenti operazioni:

    • Specifica il valore HSB, RGB o esadecimale del colore. Puoi anche alternare facilmente questi metodi colore.
    • Regola il colore usando il campo del colore e il relativo cursore. In questo caso, il valore HSB, RGB o esadecimale viene regolato automaticamente.  
    • Utilizzare lo strumento Contagocce per selezionare un colore dalla tavola da disegno.

    b. Imposta l’opacità dell’ombra usando il cursore opacità oppure digita il valore opacità in percentuale.

     Per salvare un colore come campione, fai clic sull’icona + nella parte inferiore del Selettore colore. Puoi riorganizzare i campioni nel Selettore colore trascinando un campione in una nuova posizione. Per eliminare un campione, trascinalo fuori dal Selettore colore.

  4. Specifica quanto segue nella finestra Ispezione Proprietà:

    Scostamento X e Scostamento Y: specifica la distanza di scostamento dell’ombra esterna rispetto all’oggetto.

    B  (Sfocatura): specifica la distanza dal bordo dell’ombra nel punto in cui vuoi applicare la sfocatura.

Ombra interna

Applicazione ombra interna a un oggetto
Applicazione ombra interna a un oggetto

Ombra esterna

Applicazione ombra esterna a un oggetto
Applicazione ombra esterna a un oggetto

Applicazione degli effetti di fusione

Seleziona un’immagine o un oggetto (tra cui forme, livelli di testo, gruppi, maschere o componenti) sull’area di lavoro della progettazione. Dalla finestra di Ispezione proprietà, seleziona e applica il metodo fusione di tua scelta. Per ulteriori informazioni, consulta Applicazione degli effetti di fusione.

Eliminazione di riempimento, ombra o traccia da un oggetto

Seleziona l’oggetto. Seleziona quindi la casella di controllo accanto a Bordo, Riempimento o Ombra nella finestra di Ispezione proprietà. Per ripristinare il riempimento, il tratto o l’ombra, seleziona nuovamente la casella di controllo.

Altri contenuti simili

Ottieni supporto in modo più facile e veloce

Nuovo utente?