Usa il grafico del colore in Adobe Edge Animate - dummies

Puoi scegliere un colore di sfondo e il colore del bordo in un paio di punti diversi in Adobe Edge Animate CC, come mostrato in questa figura. È possibile impostare lo sfondo e il colore del bordo da entrambi verso l'alto vicino al menu principale nella barra degli strumenti o dalla sezione Colore nel pannello Proprietà.

Apri le proprietà Colore dal pannello Proprietà o vicino al menu principale.

Non è necessario selezionare il bordo per cambiarne il colore. Si imposta il colore del bordo proprio come si imposterebbe il colore di sfondo. L'icona del colore del bordo si trova direttamente a destra del colore di sfondo.

È possibile selezionare i colori per aspetto o per valore numerico.

Quando si fa clic sull'icona Colore di sfondo o sull'icona Colore bordo, viene visualizzato un grafico a colori come mostrato. Da questo grafico puoi scegliere lo sfondo o il colore del bordo per il tuo elemento.

Uso del grafico a colori.

Il grafico a colori ti offre molte opzioni per scegliere un colore. Quando apri per la prima volta il grafico a colori, la casella in alto a sinistra appare grigia. Quando scegli un nuovo colore, il riquadro si divide in due, mostrando il colore corrente a sinistra e il colore originale a destra.

Se si desidera ripristinare il colore originale, fare semplicemente clic sul lato destro della casella. Quando trovi un colore che ti piace, puoi salvarlo per un uso successivo facendo clic sull'icona + vicino ai colori salvati (come mostrato).

Per scegliere effettivamente un colore, puoi fare clic e trascinare il cerchio attorno al grafico, oppure puoi utilizzare il primo cursore per modificare la tonalità. Il secondo dispositivo di scorrimento influisce su come appare chiaro o scuro il colore. Il terzo cursore influisce sulla trasparenza, che è utile se vuoi vedere altri elementi che potrebbero essere posizionati sotto l'elemento a cui stai aggiungendo il colore.

Un'altra opzione è quella di cambiare il colore digitando specifici valori di colore RGBa, Hex o HSLa nella casella di testo.

Se si dispone di un'immagine o di un altro elemento sullo stage con un colore che si desidera utilizzare, è possibile utilizzare lo strumento Eyedropper per campionare un colore da utilizzare su un elemento selezionato. Quando selezioni lo strumento Eyedropper, vedi un bersaglio con un anello grande attorno ad esso come mostrato in questa figura.

Mentre il bersaglio passa sopra allo stage, il colore che campionerà viene mostrato nell'anello. Quando passi sopra il colore che ti piace, fai semplicemente clic con il tasto destro del mouse e quel colore viene applicato automaticamente all'elemento selezionato. Puoi anche salvare questo colore premendo l'icona +.

Usa l'Eyedropper per campionare i colori dallo stage.

È possibile animare lo sfondo e il colore del bordo come indicato dalla presenza di un diamante del fotogramma chiave.Ad esempio, è possibile animare un rettangolo in modo che lo sfondo cambi da rosso a nero. Ecco una procedura rapida per l'animazione dei colori:

1. Disegna un elemento, come un rettangolo, sullo stage. Assicurati che la modalità Auto-Keyframe sia attiva (il cronometro è rosso).

2. Usa il grafico a colori dal pannello Proprietà per scegliere un colore di sfondo, come il rosso.

3. Sposta l'indicatore di riproduzione lungo la linea temporale fino a quando desideri che l'animazione duri.

4. 4. Usa il grafico a colori per scegliere un nuovo colore, come il blu.

   • Se il cronometro è rosso, hai appena creato un'animazione in cui il colore di sfondo del rettangolo cambia lentamente da rosso a blu.

   • Se hai fatto durare abbastanza a lungo la sequenza, vedrai l'elemento diventare viola durante l'animazione mentre i colori cambiano da rosso a blu.

   • Per un controllo più preciso su quale colore si desidera utilizzare, è possibile immettere direttamente valori numerici per i valori RGBa, Hex o HSLa, come mostrato.