Video: Corso Creare grafica animata per siti web con Edge Animate CC: Introduzione a Edge Animate 2024
Esistono diversi attributi e proprietà per l'utilizzo di caselle di testo nell'animazione in Edge Animate CC. A volte potresti voler usare il testo per trasmettere un messaggio. In Edge Animate, è possibile formattare e animare il testo in modo che scorra all'interno della composizione.
Anche se limitato nella capacità, l'editor di caselle di testo in Edge Animate è ancora piuttosto ricco di funzionalità. Mentre puoi formattare ciascuna casella di testo per mostrare il testo con proprietà come il corsivo e il grassetto, non puoi fare in modo che solo alcune delle parole appaiano in grassetto e in corsivo. È una proposta tutto o niente su quel fronte. Puoi, tuttavia, modificare l'animazione in vari modi per apparire nel modo desiderato. Ecco alcuni esempi tipici:
-
Posizionando in modo creativo alcune caselle di testo, è possibile disporre gli elementi sullo stage in modo che appaia che una parola in un paragrafo sia in corsivo mentre altre non lo sono.
-
Mentre si lavora nell'editor della casella di testo, è possibile premere Invio per iniziare una nuova riga di testo. Puoi persino formattare i paragrafi per ottenere un rientro.
-
È possibile modificare l'aspetto del testo applicando ulteriori proprietà di formattazione come allineamento, spaziatura tra paragrafi, allineamento verticale, spaziatura parole e ombre testo e animare tutte queste proprietà.
Le proprietà del testo che non mostrano un diamante del fotogramma chiave (e quindi non possono essere animate direttamente) includono
-
Peso
-
Corsivo e sottolinea
-
Allineamento
Anche se Bordo Animate non ha fotogrammi chiave per queste proprietà, puoi comunque creare sequenze animate che imitano quel comportamento.
Attenersi alla seguente procedura per creare una soluzione alternativa per l'animazione di proprietà a cui non sono stati assegnati i fotogrammi chiave, in questo caso, l'animazione di una modifica del peso del testo:
-
Crea una casella di testo sullo stage e digita del testo. Quindi chiudi l'editor della casella di testo.
-
Imposta il peso del carattere su 100 (Sottile).
-
Alterna il Pin e fai scorrere la Playhead lungo la Timeline lontano dal Pin.
-
Cambia l'opacità dal 100% allo 0%.
Hai appena creato una sequenza animata in cui il tuo testo scompare.
-
Copia e incolla l'elemento di testo.
In questo modo, stai posizionando una casella di testo identica sopra la casella di testo esistente.
-
Per la nuova casella di testo, impostare Opacità su 0% e il peso del carattere su 900 (Nero).
-
Fai scorrere insieme il Pin e la Playhead (posiziona il cursore sulla barra arancione con le frecce, poi clicca e trascina) lungo la Timeline in modo che il Pin sia alla fine della prima sequenza di animazione e la Playhead sia più in basso Sequenza temporale.
-
Regola l'opacità al 100% per creare una sequenza di animazione in cui il testo in grassetto appare gradualmente.
È possibile visualizzare questa animazione dallo stage o l'anteprima in un browser. Dovresti vedere sfumare il carattere a spessore sottile e quindi vedere il testo sfumare di nuovo con un peso più pesante.
Se desideri un cambiamento più brusco da Thin a Bold, ecco come fare:
-
Crea una casella di testo, digita un testo e poi chiudi l'editor di testo.
-
Dal pannello Proprietà, cambia la Visibilità da Sempre attivo a Attivo.
-
Cambia il peso del carattere in Thin.
-
Copia e incolla la casella di testo.
-
Nel pannello Elementi (in alto a destra dell'interfaccia), rinomina la prima casella di testo su Sottile e la seconda casella di testo su Grassetto in modo da ricordare quale è.
-
Selezionare la casella di testo Grassetto e impostare Visibilità su Off.
-
Trascina la Playhead e il Pin (non commuta il Pin) insieme lungo la Timeline fino al punto in cui vuoi che cambi il peso del font.
-
8. Dal pannello Elementi, scegli la casella di testo Sottile e imposta Visibilità su Disattiva.
-
Dal pannello Elementi, selezionare la casella di testo Grassetto, impostare Visibilità su Attivato e impostare il peso su 900 (Nero).
Poiché non hai mai attivato il Pin, non hai creato sequenze di animazione di fotogrammi chiave. Tuttavia, hai creato diamanti del fotogramma chiave nella timeline (come mostrato in questa figura).
Animazioni di fotogrammi chiave senza una sequenza di animazione.Quando esegui l'anteprima dell'animazione, dovresti vedere il testo sottile apparire e poi cambiare bruscamente in grassetto.
È possibile utilizzare le stesse due procedure per simulare le animazioni per il corsivo, la sottolineatura e l'allineamento. La barra laterale di accompagnamento descrive un mio esperimento.