Paraurti di animazione del marchio - Corto

• Potrebbe 7, 2024

In questo tutorial, creeremo la versione breve del paraurti di animazione del marchio per una campagna di video marketing. Da questa versione corta, creeremo un paraurti più dettagliato e più lungo. Ogni paraurti può essere utilizzato in molti modi come l'inizio o la fine di un trailer del libro, video di formazione e altri tipi di marketing video. Il prodotto che stiamo commercializzando è la mia serie di ebook fai-da-te per la creazione e la commercializzazione di app per libri.

La versione breve dell'animazione del paraurti conterrà gli asset di branding più importanti; il personaggio del mouse, il libro sottotitoli "Tutto ciò che serve è un mouse" e il nome e l'URL dell'azienda.

La versione lunga avrà un'animazione simile ma più lunga. La parte dell'animazione del paraurti che è comune ad entrambe le versioni è l'animazione di mascheramento del disegno a linee curve all'inizio e gli elementi di branding menzionati sopra.

Animazione maschera disegno linea

Ci sono tre elementi di design sullo schermo durante questa animazione. Il livello gradiente di sfondo rimane statico. Anche la linea curva png rimane statica e lo strato maschera si sposta verso destra, dando l'illusione che la linea curva venga iniziata sullo schermo.

1. Apri ScreenFlow. Quando si apre la finestra Configura registrazione, fare clic sulla X nell'angolo sinistro per chiudere la finestra di dialogo. Non inizieremo questo progetto creando un cast dello schermo.
   
   
2. Dalla barra dei menu ScreenFlow nella parte superiore del desktop, fare clic su File - Nuovo documento vuoto.
   
   
3. Nella finestra di dialogo Crea documento vuoto, imposta il predefinito su 1080p HD, che ti darà una larghezza dello schermo di 1920 e un'altezza di 1080. Questa è la risoluzione dello schermo più grande offerta su YouTube^R.
   
   
4. Riempiamo la linea temporale vuota, iniziando con il gradiente di sfondo jpg. Dalla barra dei menu, fai clic su Inserisci - Scegli e cerca il tuo jpg. Vedrai il jpg apparire sulla tela e sulla linea temporale come una piccola barra rettangolare sulla Traccia superiore.
   
   
5. Il nostro paraurti avrà una durata di 5 secondi. Quindi estendiamo il livello di sfondo a 5 secondi trascinando il bordo destro. Posiziona il cursore del mouse sul bordo fino a quando non viene visualizzata una doppia freccia e trascina il bordo sul segno di 5 secondi sulla linea temporale. Potrebbe essere necessario espandere la linea temporale per mostrare incrementi più piccoli utilizzando il cursore Ingrandimento linea temporale nella parte inferiore dell'area di lavoro.
   
   
6. Importa la linea curva png. Dovrebbe essere automaticamente posizionato al centro verticale dello schermo e su una Traccia sopra la Traccia di sfondo. Come puoi vedere, le tracce sono etichettate con il nome dell'immagine che contengono.
   
   
7. Ora importeremo l'immagine della maschera. Come per la linea curva png, verrà automaticamente posizionata centrata sullo schermo.
   
   
8. Infine, importeremo l'audio .mp3. Come puoi vedere, non viene aggiunto allo schermo ma viene aggiunto a una traccia sulla linea temporale.
   
   Vogliamo che l'effetto di mascheramento abbia inizio non appena inizia il video e dura 3 secondi. L'effetto è causato dalla maschera che si sposta sullo schermo e rivela la linea sottostante. Possiamo farlo con una semplice azione video sul livello Maschera.
   
   
9. Seleziona la traccia maschera sulla linea temporale e posiziona lo scrubber all'inizio della linea temporale. Dal riquadro Proprietà video, fai clic sul pulsante Aggiungi azione video in basso. Vedrai un piccolo rettangolo aggiunto alla traccia maschera. Questo rappresenta l'azione video. Trascina il bordo del rettangolo di azione sul segno di 3 secondi sulla linea temporale.
   
   
10. Posiziona lo scrubber alla fine del rettangolo di azione del video e seleziona di nuovo la traccia maschera.
    
    
11. L'immagine della maschera è già nella posizione iniziale per l'animazione. Ora imposteremo la posizione finale per l'immagine della maschera. Trascina l'immagine della maschera verso destra fino a quando non è fuori dallo schermo. Tieni premuto il tasto Maiusc per spostare la maschera lungo una linea retta.
    
    Ora che abbiamo gli elementi principali sulla linea temporale, prova l'animazione posizionando lo scrubber all'inizio della linea temporale e facendo clic sul pulsante Riproduci sopra la linea temporale.
    
    Successivamente aggiungeremo il mouse e altri elementi di personalizzazione.
    
    Schermate ScreenFlow utilizzate su autorizzazione di Telestream.
    
    
    

    Istruzioni Video: Come funziona l'ammortizzatore (Potrebbe 2024).

    
    
    Brand Animation Bumper - Short, Flash and Animation, tecnica di mascheramento ScreenFlow, paraurti del marchio, marketing di app per libri