Creare o modificare un riempimento con gradiente

Un gradiente è un riempimento a più colori nel quale un colore si trasforma gradualmente in un altro colore. Animate CC (già Flash Professional CC) consente di applicare a un gradiente fino a 15 transizioni di colore. Con un gradiente potete ottenere sfumature di colore omogenee su uno o più oggetti. Potete salvare un gradiente come campione per semplificare l'applicazione del gradiente a più oggetti. Con Animate possibile creare due tipi di gradienti:

I gradienti lineari cambiano colore lungo un unico asse (orizzontale o verticale).

I gradienti radiali cambiano colore verso l'esterno, partendo da un punto focale centrale. Potete regolare la direzione di un gradiente, i suoi colori, la posizione del punto focale e molte altre proprietà.

Animate CC fornisce un livello aggiuntivo di controllo sui gradienti lineari e radiali in Flash Player. Questi controlli sono definiti modalità di Limite e consentono di specificare il modo in cui i colori vengono applicati oltre il gradiente.

  1. Per applicare un riempimento con gradiente a un'immagine esistente, selezionate uno o più oggetti sullo stage.

  2. Se il pannello Colore non è visualizzato, selezionate Finestra > Colore.

  3. Per selezionare una modalità di visualizzazione dei colori, selezionate RGB (l'impostazione predefinita) o TSL dal menu del pannello.

  4. Selezionate un tipo di gradiente dal menu Tipo:

    Lineare

    Consente di creare un gradiente che sfuma gradualmente dal punto di partenza a quello di arrivo lungo una linea retta.

    Radiale

    Produce un gradiente che si dissolve e trasforma verso l'esterno in un percorso circolare rispetto a un punto focale centrale.

    Nota: quando selezionate un gradiente lineare o radiale, il pannello Colore include anche altre due opzioni (se la pubblicazione è per Flash Player 8 o una versione successiva). In primo luogo, sotto il menu Tipo viene attivato il menu Limite. Servirsi del menu Limite per controllare i colori applicati oltre i limiti del gradiente. In secondo luogo, viene visualizzata la barra di definizione del gradiente sotto la quale sono presenti dei puntatori che indicano i colori nel gradiente.

  5. (Opzionale) Dal menu Limite, selezionate una modalità di limite da applicare al gradiente: Estendi (predefinita), Rifletti o Ripeti.

  6. (Opzionale) Per creare un gradiente lineare o radiale compatibile con SVG (Scalable Vector Graphics), selezionate la casella di controllo RGB lineare. In questo modo il gradiente avrà un aspetto fluido se verrà modificato in scala in varie dimensioni dopo la prima applicazione.

  7. Per modificare un colore del gradiente, selezionate uno dei puntatori sotto la barra di definizione del gradiente (il triangolo sopra il puntatore diventerà nero). Quindi, fate clic nel riquadro dell'area del colore visualizzato sopra la barra del gradiente. Trascinate il cursore Luminosità per regolare la luminosità del colore.

  8. Per aggiungere un puntatore al gradiente, fate clic sulla barra di definizione del gradiente o sotto di essa. Selezionate un colore per il nuovo puntatore come descritto al punto precedente.

    Potete aggiungere fino a 15 puntatori colore, che consentono di creare un gradiente con un massimo di 15 transizioni di colore.

  9. Per riposizionare un puntatore sul gradiente, trascinatelo lungo la barra di definizione del gradiente. Per rimuovere un puntatore, trascinatelo verso il basso, fuori della barra di definizione del gradiente.

  10. Per salvare il gradiente, fate clic sul triangolo nell'angolo superiore destro del pannello Colore, quindi selezionate Aggiungi campione dal menu.

    Il gradiente viene aggiunto al pannello Campioni colore per il documento corrente.

  11. Per trasformare il gradiente, ad esempio convertendolo da orizzontale a verticale, utilizzate lo strumento Trasformazione gradiente. Per ulteriori informazioni, vedete Trasformazione dei riempimenti con gradiente e bitmap

Regolare il colore di un tratto e di un riempimento

Potete specificare il colore del tratto e del riempimento di oggetti grafici e forme sia mediante i controlli Colore e Colore riempimento del pannello Strumenti sia mediante i controlli Colore e Colore riempimento della finestra di ispezione Proprietà.

La sezione Colore tratto e Colore riempimento del pannello Strumenti contiene dei controlli per attivare le caselle Colore tratto e Colore riempimento, le quali a propria volta determinano se i tratti o i riempimenti di oggetti selezionati sono influenzati dalle selezioni dei colori. Inoltre, la sezione Colori comprende dei controlli per ripristinare rapidamente i colori predefiniti, per impostare su Nessuno le impostazioni del colore dei tratti e dei riempimenti e per scambiare i colori del tratto e del riempimento.

Oltre a consentire di selezionare un colore del tratto e del riempimento di un oggetto grafico o di una forma, la finestra di ispezione Proprietà fornisce i controlli per specificare lo spessore e lo stile del tratto.

Per modificare gli attributi di colorazione di oggetti già esistenti utilizzando questi controlli, dovete prima selezionare gli oggetti.

Consultate anche: Anteprima dal vivo dei colori.

Regolare i colori del tratto e del riempimento nel pannello Strumenti

I controlli Colore tratto e Colore riempimento del pannello Strumenti consentono di impostare gli attributi di colorazione per i nuovi oggetti creati con gli strumenti di disegno e colorazione. Per modificare gli attributi di colorazione di oggetti già esistenti utilizzando questi controlli, dovete prima selezionare gli oggetti.

  • Fate clic sul controllo Colore tratto o Colore riempimento e selezionate un campione di colore.

  • Fate clic sul pulsante Selettore colore di sistema nella finestra a comparsa, quindi selezionate un colore. Potete anche passare con il puntatore sopra diversi colore per visualizzarne l'anteprima sulla forma.

  • Digitate il valore esadecimale di un colore nella casella di testo.

  • Per ripristinare le impostazioni predefinite dei colori (bianco per il riempimento e nero per il tratto), fate clic sul pulsante Bianco e nero nel pannello Strumenti.

  • Per rimuovere un tratto o un riempimento, fate clic sul pulsante Nessun colore.

    Nota: il pulsante Nessun colore viene visualizzato solo quando create un nuovo ovale o rettangolo. Potete creare un nuovo oggetto senza tratto o riempimento, ma non è possibile utilizzare il pulsante Nessun colore con un oggetto esistente. In alternativa, selezionate il tratto o riempimento esistente e cancellatelo.

  • Per invertire i colori tra il riempimento e il tratto, fate clic sul pulsante Scambia colori nel pannello Strumenti.

Animate CC vi consente di visualizzare l'anteprima dei colori dei tratti e dei riempimenti quando li modificate in Campione colore. Per maggiori informazioni, consultate: Anteprima dal vivo dei colori.

Applicare un riempimento di colore uniforme mediante la finestra di ispezione Proprietà

  1. Selezionate uno o più oggetti chiusi sullo stage.
  2. Selezionate Finestra > Proprietà.
  3. Per selezionare un colore, fate clic sul controllo Colore riempimento ed effettuate una delle seguenti operazioni:

    • Selezionate un campione di colore dalla tavolozza.
    • Digitate il valore esadecimale di un colore nella casella di testo.

Selezionare colore, stile e spessore del tratto mediante la finestra di ispezione Proprietà

Il controllo Colore tratto della finestra di ispezione Proprietà consente di modificare il colore, lo stile e lo spessore della linea del tratto per un oggetto selezionato. Per lo stile del tratto, potete scegliere una delle opzioni esistenti in Animate oppure creare uno stile personalizzato. Il controllo Colore di riempimento della finestra di ispezione Proprietà consente di selezionare un colore uniforme per il riempimento.

  1. Selezionate uno o più oggetti sullo stage; per i simboli, fate prima doppio clic per attivare la modalità di modifica simboli.
  2. Selezionate Finestra > Proprietà.
  3. Per selezionare uno stile per il tratto, fate clic sul menu Stile e selezionate un'opzione. Per creare uno stile personalizzato, fate clic su Personalizza nella finestra di ispezione Proprietà, quindi selezionate le opzioni desiderate nella finestra di dialogo Stile tratto e fate clic su OK.

    Nota:

    la scelta di uno stile di tratto diverso da Uniforme può determinare un aumento delle dimensioni del file.

  4. Per selezionare uno spessore per un tratto, utilizzate il cursore Tratto o immettete un valore nella casella di testo.
  5. Per abilitare la funzione Suggerimenti per il tratto, selezionate la relativa casella di controllo. La funzione Suggerimenti per il tratto regola i punti di ancoraggio di linee e curve su pixel pieni, in modo da prevenire la comparsa di linee orizzontali o verticali sfocate.
  6. Per impostare lo stile dell'estremità di un tratto, selezionate un'opzione Estremità:

    Nessuno

    È allineata all'estremità del tratto.

    Rotonda

    Aggiunge un'estremità arrotondata che si estende oltre l'estremità per metà della larghezza del tratto.

    Quadrata

    Aggiunge un'estremità quadrata che si estende oltre l'estremità per metà della larghezza del tratto.

  7. (Opzionale) Se state disegnando delle linee con gli strumenti Matita o Pennello e la modalità di disegno è impostata su Attenua, potete specificare il grado di smussatura di Animate delle linee disegnate mediante il cursore a comparsa Attenuazione.

    Per impostazione predefinita, il valore di attenuazione è impostato su 50, ma potete specificare un valore compreso tra 0 e 100. L'attenuazione applicata alla linea è direttamente proporzionale al valore numerico specificato.

    Nota:

    se la modalità di disegno è impostata su Raddrizza o Inchiostro, il cursore Attenuazione è disabilitato.

  8. Per definire la modalità di congiunzione tra due segmenti del tratto, selezionate un'opzione Spigolo. Per cambiare gli angoli di un tratto aperto o chiuso, selezionate un tratto e scegliete un'opzione Spigolo diversa.
    dr_mtr_rnd_bvl_joins
    Giunzioni a spigolo, arrotondate e smussate.

  9. Per evitare la smussatura di uno spigolo Troncato, immettete un limite per lo spigolo.

    Le linee di lunghezza superiore a questo valore hanno un'estremità quadrata invece che appuntita. Ad esempio, un limite dello spigolo di 2 per un tratto da 3 punti indica che quando la lunghezza del punto è pari al doppio dello spessore del tratto, Animate rimuove il punto di limite.

    dr_miter_bevel_joins
    Applicazione di un limite della giunzione.

Regolare i tratti di più linee o forme

Lo strumento Bottiglia inchiostro consente di modificare il colore del tratto, lo spessore e lo stile di una o più linee o uno più contorni delle forme. Alle linee e ai contorni delle forme è possibile applicare solo colori uniformi, non con gradienti o bitmap.

L'uso dello strumento Bottiglia inchiostro, anziché la selezione delle singole linee, rende più semplice modificare simultaneamente gli attributi del tratto di diversi oggetti.

  1. Selezionate lo strumento Bottiglia inchiostro nel pannello Strumenti.
  2. Selezionate un colore tratto.
  3. Selezionate uno stile e uno spessore del tratto dalla finestra di ispezione Proprietà.
  4. Per applicare le modifiche al tratto, fate clic su un oggetto nello stage.

Copiare tratti e riempimenti

Usate lo strumento Contagocce per copiare attributi di riempimento e tratto da un oggetto e applicarli immediatamente a un altro oggetto. Lo strumento Contagocce, inoltre, consente di ottenere dei campioni dell'immagine in una bitmap da utilizzare come riempimento.

  1. Per applicare gli attributi di un tratto o un'area riempita a un altro tratto o area riempita, selezionate lo strumento Contagocce e fate clic sul tratto o sull'area piena di cui desiderate applicare gli attributi.

    Quando fate clic su un tratto, lo strumento si trasforma automaticamente nella Bottiglia inchiostro. Quando fate clic su un'area riempita, lo strumento si trasforma automaticamente nel Secchio di vernice con il modificatore Blocca riempimento attivato.

  2. Fate clic su un altro tratto o un'altra area riempita per applicare i nuovi attributi.

Modifica di aree dipinte con lo strumento Secchio di vernice.

Lo strumento Secchio di vernice riempie di colore le aree chiuse. Questo strumento consente di:

  • Riempire le aree vuote e cambiare il colore della vernice esistente.

  • Applicare colori uniformi, gradienti e riempimenti bitmap.

  • Riempire aree non completamente chiuse.

  • Fare in modo che Animate chiuda gli spazi nei contorni delle forme.

  1. Selezionate lo strumento Secchio di vernice nel pannello Strumenti.
  2. Selezionate un colore di riempimento e uno stile.
  3. Fate clic sul modificatore Dimensione spazio (nella parte inferiore del pannello Strumenti), quindi selezionate un'opzione:
    • Selezionate Non chiudere spazi se desiderate chiudere manualmente gli spazi prima di riempire la forma. La chiusura manuale può essere più veloce per disegni elaborati.
    • Selezionate un'opzione di chiusura affinché Animate riempia automaticamente una forma che presenta degli spazi.

    Nota:

    se gli spazi sono troppo grandi, può essere necessario chiuderli manualmente.

  4. Fate clic sulla forma o sull'area chiusa da riempire.

Opzioni dello strumento Secchio di vernice

Potete usare lo strumento Secchio di vernice per fare clic e trascinare il mouse lungo i contorni di un oggetto per colorarlo. Fate clic e trascinate lo strumento in qualsiasi direzione lungo i contorni. Lo strumento Secchio di vernice inserisce il colore quando i punti vengono acquisiti lungo i contorni.

Proprietà di Secchio di vernice
Proprietà di Secchio di vernice

Quando selezionate la casella di controllo Riempi tutte le aree, tutte le aree della selezione vengono riempite con il colore durante il trascinamento.

Per impostazione predefinita, l'opzione Riempi tutte le aree è deselezionata. In questa modalità, lo strumento Secchio di vernice riempie solo colori specifici. 

Quando l'opzione Riempi tutte le aree è deselezionata (impostazione predefinita)

  • In questa modalità, quando un utente fa clic con il mouse utilizzando Secchio di vernice, noterete che il colore viene sostituito. In questo caso, supponiamo che il colore verde venga sostituito dal colore rosso.
  • Se l'utente trascina lo strumento sulla grafica, con questa opzione il colore rosso viene applicato solo ai contorni che sono riempiti di colore verde.
  • Se l'utente trascina lo strumento su un contorno chiuso vuoto, questo viene riempito di colore rosso.
  • Se quando l'utente fa clic con il mouse il contorno sottostante è vuoto, questa opzione consente di riempire i contorni vuoti durante il trascinamento dello strumento Secchio di vernice.

Quando l'opzione Riempi tutte le aree è selezionata

Tutte le aree vengono riempite con il colore selezionato. Nel caso dell'illustrazione menzionata in precedenza si tratta del colore rosso.

Trasformare i riempimenti con gradiente e bitmap

Potete trasformare un riempimento con gradiente o bitmap modificando le dimensioni, la direzione o il centro del riempimento.

  1. Selezionate lo strumento Trasformazione gradiente  nel pannello Strumenti. Se lo strumento Trasformazione gradiente non è visibile nel pannello Strumenti, fate clic e tenete premuto il pulsante del mouse sullo strumento Trasformazione libera, quindi selezionate lo strumento Trasformazione gradiente dal menu che viene visualizzato.
  2. Fate clic su un'area riempita con un riempimento con gradiente o bitmap. Viene visualizzato un riquadro di delimitazione con le maniglie di modifica. Quando il puntatore è sopra una di queste maniglie, cambia forma per indicare la funzione della maniglia.

    Punto centrale

    L'icona di rollover della maniglia del punto centrale è una freccia a quattro direzioni.

    Punto focale

    La maniglia del punto focale viene visualizzata solo se si seleziona un gradiente radiale; l'icona di rollover della maniglia del punto focale è un triangolo capovolto.

    Dimensione

    L'icona di rollover della maniglia delle dimensioni (icona della maniglia centrale presente sul bordo del riquadro di delimitazione) è un cerchio con una freccia al proprio interno.

    Rotazione

    Regola la rotazione del gradiente. L'icona di rollover della maniglia di rotazione (icona della maniglia inferiore presente sul bordo del riquadro di delimitazione) è un cerchio formato da quattro frecce.

    Larghezza

    Regola la larghezza del gradiente. L'icona di rollover della maniglia della larghezza (maniglia quadrata) è una freccia con una punta a entrambe le estremità.

    Premete il tasto Maiusc per limitare la direzione di un riempimento con gradiente lineare a multipli di 45°.

    dr_fillTransform
    Controlli Gradiente radiale

    A. Punto centrale B. Larghezza C. Rotazione D. Dimensione E. Punto focale. 
  3. Rimodellate il gradiente o il riempimento in uno dei seguenti modi:
    • Per riposizionare il punto centrale del riempimento con gradiente o bitmap, trascinate il punto centrale.
    dr_04bmp_move
    • Per cambiare la larghezza del riempimento bitmap o con gradiente, trascinate la maniglia quadrata sul lato del riquadro di delimitazione. Questa operazione ridimensiona solo il riempimento e non l'oggetto che lo contiene.
    dr_04bmp_width
    • Per cambiare l'altezza del riempimento con gradiente o bitmap, trascinate la maniglia quadrata nella parte inferiore del riquadro di delimitazione.
    dr_04bmp_height
    • Per ruotare il riempimento bitmap o con gradiente, trascinate la maniglia di rotazione circolare nell'angolo. Potete inoltre trascinare la maniglia inferiore sul cerchio di delimitazione di un gradiente o di un riempimento circolare.
    dr_04bmp_rotate
    • Per scalare un gradiente lineare o un riempimento, trascinate la maniglia quadrata al centro del riquadro di delimitazione.
    dr_04scale_linear
    • Per cambiare il punto focale di un gradiente circolare, trascinate la maniglia circolare centrale sul cerchio di delimitazione.
    dr_04scale_radial
    • Per inclinare un riempimento all'interno di una forma, trascinate una delle maniglie circolari in cima o sul lato destro del riquadro di delimitazione.
    dr_04bmp_skew
    • Per creare un motivo di bitmap a mosaico all'interno di una forma, ridimensionate il riempimento.
    dr_04bmp_tile

    Nota:

    per vedere tutte le maniglie quando si lavora con riempimenti grandi o riempimenti vicini al bordo dello stage, selezionate Visualizza > Tavolo di montaggio.

Bloccare un gradiente o una bitmap per riempire lo stage

Potete bloccare un riempimento con gradiente o bitmap per far sì che il riempimento si estenda su tutto lo stage e che gli oggetti riempiti siano maschere che rivelano il gradiente o la bitmap sottostante.

Quando si seleziona il modificatore Blocca riempimento con lo strumento Pennello o Secchio di vernice e si applica il colore utilizzando uno di questi strumenti, il riempimento bitmap o con gradiente si estende sugli oggetti colorati sullo stage.

dr_04Lock_Fill_example
Il modificatore Blocca riempimento consente di creare l'aspetto di un singolo riempimento con gradiente o bitmap applicato a oggetti separati sullo stage.

Usare un riempimento con gradiente bloccato

  1. Selezionate lo strumento Pennello o Secchio di vernice, quindi selezionate un gradiente o una bitmap come riempimento.
  2. Selezionate Lineare o Radiale dal menu Tipo nel pannello Colore.
  3. Fate clic sul modificatore Blocca riempimento .
  4. Prima colorate le aree dove desiderate posizionare il centro del riempimento, quindi spostatevi in altre aree.

Usare un riempimento bitmap bloccato

  1. Selezionate la bitmap da utilizzare.
  2. Selezionate Bitmap dal menu Tipo nel pannello Colore.
  3. Selezionate lo strumento Pennello o Secchio di vernice.
  4. Fate clic sul modificatore Blocca riempimento .
  5. Prima colorate le aree dove desiderate posizionare il centro del riempimento, quindi spostatevi in altre aree.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online