La prima cosa che faremo prima di disegnare cambierà spazio di lavoro su Vernice.

Sono comparsi i pannelli Paint, Brushes e Layer. Il pannello Paint viene utilizzato per impostare i parametri di pittura. Sceglieremo la dimensione e la durezza del pennello nel pannello Pennelli. Poiché non puoi disegnare direttamente nel pannello Composizione, utilizzeremo il pannello Livello per questo. È meglio dipingere al 100% di scala. Per fare ciò, utilizzare la voce Massimizza cornice / Ripristina dimensione cornice nel menu laterale del pannello, oppure passando con il mouse sopra il pannello, premere il tasto<~>sulla tastiera.
Crea un solido livello bianco. Questa sarà la nostra tela su cui esercitarci. Seleziona lo strumento Pennello. Disegniamo ad esempio una piccola tazza.

Questo effetto significa che abbiamo applicato la pittura a questo livello. L'elemento disegnato viene visualizzato nelle proprietà del livello come un sottolivello di Pennello 1. Disegna petali e uno stelo sul nostro cerchio, in modo da ottenere un fiore.

Diamo un'occhiata alle proprietà del livello.

Come puoi vedere, abbiamo un sottolivello separato per ogni elemento di disegno. Se selezioniamo uno dei livelli e disegniamo qualcosa, il nuovo elemento sostituirà quello selezionato. Questo è utile se stai cercando di disegnare qualcosa di specifico. Puoi dare un nome a ciascun elemento per evitare confusione. Seleziona l'elemento, premi Invio, inserisci un nuovo nome e premi nuovamente Invio.

La prima proprietà dell'effetto vernice è Paint of Transparent. È comune a tutti gli elementi. Se lo metti in posizione "On", il livello di sfondo scompare e rimane solo lo sfondo sotto forma di celle a scacchiera (se non le hai, fai clic sull'interruttore Attiva/disattiva griglia trasparenza, è disponibile sia nel pannello Composizione e nel pannello Livello).

Ora espandiamo uno degli elementi. Qui vediamo due gruppi di proprietà: Transform (proprietà di trasformazione), Stoke Options (proprietà di disegno), nonché una proprietà Path animata (shape). Espandi il gruppo Opzioni Stoke. Se vuoi regolare i parametri di disegno per un elemento già disegnato, dovresti farlo proprio qui, nel pannello Paint imposti i parametri solo per gli elementi di disegno successivi.

Animare la proprietà Start. Sposta la riga di modifica nella posizione di 2 secondi e fai clic sull'icona del cronometro. La prima chiave è stata generata. Premi il tasto Home per creare un secondo tasto. Ma cambia il suo valore al 100%. Anteprima nel riquadro di anteprima Composizione. L'elemento viene disegnato gradualmente, ma nella direzione opposta. Per farlo disegnare nel modo in cui l'hai disegnato, anima tu stesso la proprietà End (ricorda di annullare l'animazione della proprietà Start).
Nel gruppo Stoke Options possiamo cambiare Colore, Diametro, Durezza, Rotondità, Spaziatura, Opacità e Flusso. Come avrai notato, tutte queste proprietà possono essere animate. Ora, cambiando il colore per ogni elemento, coloreremo il nostro fiore.

Un altro strumento di disegno è la gomma. Scegliendo dato elemento, nel pannello Dipingi, diventa disponibile la voce Cancella, che imposta il soggetto da cancellare.

Puoi usare la gomma non solo per cancellare gli elementi disegnati, ma anche per rimuovere lo sfondo.
Infine, vorrei descrivere un modo per disegnare una linea perfettamente retta. Per questo abbiamo bisogno di un righello. Eseguire il comando di menu Visualizza-> Mostra righelli. Nel pannello Livello sono apparse due scale: verticale e orizzontale.
Ora spostiamo il cursore su uno dei righelli. Il cursore dovrebbe trasformarsi in una freccia a due punte. Tieni premuto il tasto sinistro del mouse e sposta il cursore nel punto in cui vogliamo posizionare la linea.

Forse sai che abbiamo diversi progetti in diverse nicchie, uno dei quali è il progetto VideoSmile.ru. È dedicato al tema del video (montaggio, effetti speciali, 3D, ecc.) ed è stato sviluppato dal nostro team dal 2011.

So che ci sono persone tra il mio pubblico interessate in questa direzione, quindi ho chiesto ai ragazzi di VideoSmile di preparare per i miei abbonati una serie di lezioni sul programma di elaborazione video più popolare: Adobe After Effects. Questa è una sorta di "Photoshop" nel mondo dei video.

Abbiamo deciso che queste dovrebbero essere lezioni pratiche, dopo aver studiato le quali una persona può realizzare alcuni elementi animati utili per i suoi video. Una tale serie di tutorial è stata creata con successo e oggi sono lieto di presentarvela.

Presentazione di After Effects

Il primo video ti guida attraverso le funzionalità di After Effects e dove puoi scaricarlo.

Creazione di 4 screensaver spettacolari. Parte 1

In questa lezione, conoscerai l'interfaccia del programma, imposterai l'area di lavoro, studierai i pannelli principali del programma. Anche qui creerai il tuo progetto e la prima composizione all'interno di questo progetto.

Creazione di 4 screensaver spettacolari. Parte 2

Qui continuerai a creare diverse varianti della schermata di avvio e imparerai alcuni strumenti di After Effects più importanti lungo la strada.

Transizioni e ritagli

In questo video imparerai come eseguire transizioni di alta qualità dallo screen saver iniziale al video stesso, oltre a implementare diverse interruzioni che ti torneranno utili durante l'editing. Inoltre, imparerai come utilizzare le transizioni standard fornite da After Effects.

Terzi inferiori e muore

Molto probabilmente, hai notato che in vari video con la partecipazione di persone compaiono dei dadi animati, in cui vengono visualizzati il ​​nome e il cognome di una persona, nonché il nome della sua azienda e il tipo di attività. Questi piatti sono facili da creare in After Effects e in questo tutorial imparerai come realizzarli da solo.

Animato elementi di testo

Nella lezione finale di questo mini-corso imparerai come creare blocchi di testo animati con i quali puoi aggiungere qualsiasi informazione di testo importante ai tuoi video.

A volte diventa necessario disegnare qualcosa su un file video, magari solo per creare un video divertente, o per qualche progetto serio. In questo piccolo "manuale", di questo vi parlerò.

Allora, cominciamo:

1. Crea una nuova composizione (se non hai familiarità con le basi dei robot in Adobe After Effects, puoi leggere come creare una nuova composizione).

2. "Trascina" nella finestra del progetto del programma Adobe After Effects, e poi nella composizione stessa, il video su cui disegneremo (in questo caso, è Nature.mp4):

3. Ora facciamo doppio clic sul livello del file video e andiamo alla finestra di questo livello separato (in questo caso è Layer: Nature.mp4), dove disegneremo:

4. Quando siamo andati alla finestra sopra, selezioniamo semplicemente lo strumento Pennello (Ctrl + B). Anche nell'angolo in basso a destra vediamo il pannello Strumenti di pittura dove è possibile configurare molti parametri diversi disegno:

5. Ora puoi provare a disegnare qualcosa. Sono sulla frettolosamente ha disegnato un albero nodoso :)

Vorrei sottolineare il fatto che ogni linea separata del disegno viene creata su una nuova"Sublayer" all'interno del livello del file video. Puoi essere flessibileregolare ogni livello (Pennello 1, Pennello 2 ... Pennello n) impostando, ad esempio, il tempo di comparsa di ciascuna delle parti dell'immagine, oltre a molti altri parametri.Per fare ciò, dovresti espandere il livello del file video => Effetti => Paint.

Ho, in termini generali, descritto il processo di disegno in Programma Adobe After Effects, quindi tutto dipende dalla tua immaginazione. A proposito, se ci sono problemi con il salvataggio (rendering) del video finito in Adobe After Effects, ti consiglio di familiarizzare con da questo Materiale.

Studio AE da agosto 2016, ho iniziato a lavorare nel campo del motion design, oltre alle illustrazioni.

Ho preparato un tutorial per blog con semplici animazioni di forme e linee. Questo tutorial è destinato a chi è già più o meno esperto di After Effects, quindi se ti sembra difficile, allora ti consiglio di guardare i tutorial di base in rete. Ad esempio, questo mini corso: Corso introduttivo Illustrator + After Effects.

Recentemente ho finito e steso un progetto con callout animati, e nel mio tutorial ti dirò come l'ho fatto con l'esempio più semplice.

1. Creiamo in Adobe Illustrator file vettoriale con un'immagine. Abbiamo un richiamo. Non tutte le linee sono riempite, solo i tratti. Fai come nell'immagine per rendere più chiara l'esecuzione dell'animazione. Salva il file in ai formato.

2. Importa in After Effects. Ci sono diversi modi. Fare doppio clic nella finestra Progetto e selezionare il file nella finestra a discesa. Oppure tramite l'esploratore: seleziona il file e trascinalo nella finestra Progetto... Puoi anche Menu File> importa> file e seleziona il nostro file. Nota! dovrebbe stare in piedi filmato in campo Importa come e non mettiamo alcun segno di spunta.

3. Crea una nuova composizione in After Effects. CTRL + N o tramite il menu Composizione> Nuova composizione... Impostiamo le impostazioni: scriviamo il nome, abbiamo 30 fotogrammi (frame rate) e 15 secondi (Durata) la durata dell'animazione, impostiamo anche la dimensione della composizione stessa su 1920x1080. Fare clic su - OK.

4. Trascina il file vettoriale importato dalla finestra Progetto Su sequenza temporale- la parte inferiore dell'area di lavoro, dove, infatti, animeremo le nostre linee.

5. Seleziona il livello del file. Vai al menu Effetto> Genera> Riempi.

Scegli il bianco per il colore.

6. Il livello è selezionato. Quindi, fai clic sulla seconda icona Rasterizza accanto al nome del livello (se le icone non sono visibili, in fondo alla timeline c'è Attiva/disattiva interruttori/modalità- fare clic e la visualizzazione del livello cambierà - le icone appariranno sulla destra).

Ora le nostre linee sono chiaramente visibili. Devo chiedere a loro Scala scala. Puoi espandere il livello nei parametri Trasforma> Scala inserire un valore, ho impostato 450 su 450. Oppure tasto di scelta rapida S- visualizza immediatamente una sola scala di tutti i parametri di trasformazione dell'oggetto. I tasti di scelta rapida sono disponibili per tutte le funzioni ed è molto comodo. Sì, ogni livello o oggetto può essere trasformato e queste impostazioni sono in ogni livello.

7. Quindi posizioneremo il nostro callout al centro. Come in Illustrator: prima selezione freccia Strumento di selezione (V), quindi sposta l'oggetto.

8. Seleziona il nostro livello, vai al menu Livello> Crea forme dal livello vettoriale.

E dopo questa azione avremo già 2 livelli. Possiamo eliminare il nostro primo livello originale vettoriale. Seleziona e il tasto ELIMINA... Non dimentichiamoci di salvare il progetto - Ctrl + Maiusc + S... Suggerimento: premi periodicamente la magia Ctrl + S.

9. Ora abbiamo bisogno di dividere un livello in più - dopo tutto, abbiamo diverse linee. Puoi farlo manualmente, ma è lungo e noioso. È meglio scaricare e installare uno script gratuito ZI_ExplodeShapesLayers(migliorato una nuova versione). Seleziona il livello e vai come in Illustrator. File> Script. premi il bottone Esplodere!

Tutti i livelli sono stati interrotti separatamente e puoi eliminare nuovamente il nostro livello originale, risulta quello più basso. E manualmente dovrebbe copiare (copiare un livello - CTRL + D) layer tante volte quanti sono i sottolivelli - linee, quindi eliminare i sottolivelli non necessari dal nuovo livello copiato e rinominare.

Maggiori dettagli per chi non ha trovato o non ha voluto scaricare lo script:
Abbiamo 4 sottolivelli, quindi abbiamo bisogno di altre 3 copie, le realizziamo. Quindi elimina i 2,3,4 gruppi dal primo livello. E poi per analogia. Quindi rinomina - seleziona il livello - INVIO - inserisci un nuovo nome - INVIO o fai clic in uno spazio vuoto. Dovresti ottenere 4 livelli con linee separate.

10. Puoi organizzare i livelli nell'ordine dell'animazione: prima un cerchio, poi le linee, quindi un quadrato. Oppure puoi lasciarlo così, come desideri. Bene, tutti i preparativi sono finiti. Ora per la parte divertente - animazione vettoriale. Iniziamo con un cerchio: l'indicatore di callout.

A proposito consigli! Zoom avanti: puoi rimuovere gli oggetti nella finestra di composizione con la rotellina del mouse (un familiare ctrl + - non funziona qui, e anche ctrl 0) o selezionando la scala nella finestra Composizione - Popup rapporto di ingrandimento(è lì che si trovano i numeri con le percentuali e la freccia giù). E puoi muoverti intorno alla finestra con uno spazio: la stessa mano (come in un lampadario). Inoltre, quando si anima un oggetto, prestare attenzione al punto di ancoraggio centrale. Punto di ancoraggio... Deve essere posizionato al centro dell'oggetto, altrimenti l'animazione avverrà da dove si trova il punto, e in questo caso ne abbiamo bisogno dal centro. Come risolvere: premere il tasto di scelta rapida sì, e tira il punto, mettilo nel posto giusto. Bene, andiamo.

11. Animazione del cerchio. ci animano Scala.
Puoi solo sul livello, quindi solo il cerchio (icona cerchio o punto) sarà visibile. Quindi mettiamo giù le chiavi: questa sarà la nostra animazione. Sposta l'indicatore del tempo (questa linea con una punta blu - Indicatore dell'ora corrente) per 0 secondi 15 fotogrammi e metti il ​​tasto - fai clic sul cronometro accanto a Scala, lasciamo il valore (ho 450).

Spostati all'inizio della composizione su zero e modifica il valore su zero (guida immediatamente il valore della dimensione e aggiungi automaticamente una nuova chiave). Quindi avanziamo di 3 secondi - 450, di 3 secondi 15 fotogrammi - 300, dopo altri 5 fotogrammi - saranno 3 secondi 20 fotogrammi - 450, e di nuovo ripetiamo a 6 secondi, 6.15 e 6.20 - imposta gli stessi valori ​​- 450/300/450. Inoltre, anche a 9 e 12 secondi approssimativamente alla stessa distanza. E ora sbiadiamo alla fine della composizione - 14 secondi 15 fotogrammi - 450, a 15 secondi alla fine - 0. Quindi premi F9- tasti lisci.

Puoi aggiungere una chiave in un altro modo: fai clic sul diamante accanto al cronometro e quindi modifica il valore). Puoi spostarti lungo la timeline usando i tasti PAGINA SU e PAGINA SU... Sposta l'indicatore con più attenzione! Non spostare il livello stesso! Nel caso in cui CTRL + Z Aiutarti.

Bene, ora il nostro cerchio ha preso vita: appare all'inizio, lampeggia dolcemente nel processo e svanisce dolcemente alla fine della composizione. Per visualizzare premere zero 0 e per terminare la visualizzazione anche zero 0.

12. Animazione della linea principale.
Seleziona il livello successivo con la linea principale. Premi due volte tu e l'intero contenuto del livello viene espanso. Viene utilizzato quando è necessario aprire quei sottolivelli che sono stati modificati. Molto comodamente. Chiudi - ancora una volta tu... Nel processo di lavoro, tu stesso capirai tutto. Quindi, seleziona il sottolivello Gruppo 3 - Aggiungi - Taglia percorso.

Espandere i parametri Taglia percorso e imposta il valore di y FINE... Scommetto il 75%. Questo indicatore è responsabile della percentuale di visualizzazione della linea nell'animazione: 100% - completamente, 0% - di conseguenza, la linea non verrà visualizzata. L'ottimale va dal 50 al 95% circa. L'indicatore si trova all'inizio della composizione. Quindi, animiamo. Morsetto ALT e clicca sul parametro cronometro Compensare(proprio sotto Fine) e inserisci l'espressione nella riga che appare - tempo * n(dove n è un numero che indica il numero di giri o la velocità con cui si muove l'animazione).

Riproduci traccia (zero) e guarda cosa succede. Puoi cambiare il valore FINE e confrontare l'animazione senza modificare l'espressione. Quindi, ottieni il risultato più interessante e ottimale. Ora aggiungiamo anche la dissolvenza in entrata e in uscita. Puoi farlo anche con la trasparenza. Opacità... Seleziona il livello - premi il tasto T e a 1 secondo, imposta il valore su 100, a zero all'inizio della composizione - 0. Quindi spostati per 14 secondi - 100 e imposta 0 alla fine della composizione. F9- levigatura. A proposito, per selezionare tutti i tasti contemporaneamente, puoi selezionarli attentamente con il mouse e premere F9 o il modo più semplice è selezionare il parametro stesso Opacità e tutti i tasti verranno evidenziati contemporaneamente.

13. Animazione della seconda riga.
Ora impareremo come lavorare con le impostazioni della linea stessa. Facciamo una linea tratteggiata diritta da una normale e animatela. Due volte tu dal livello di linea, troviamo Ictus e rivela i suoi valori facendo clic sulla freccia. Trova il parametro trattini e fai clic sul segno più + due volte. Appariranno i valori Trattino(quantità di punti), Spacco(distanza tra i punti), Compensare(punti animati). Introduciamo i valori 5 e 5. Ora di nuovo ALT+ clicca sul cronometro in corrispondenza del parametro Compensare e presentare tempo * n(Ho un valore di 35).

Ora selezioniamo Contenuto - Aggiungi - Taglia percorso e per 1 secondo acceso Fine la chiave è 100, a zero 0, a 14 secondi 100 e alla fine di 0. E seleziona i tasti e liscia F9.

14. Animazione di un quadrato. Rotazione.
Seleziona il livello quadrato, tasto di scelta rapida R (rotazione)... Evidenziare rotazione e ALT+ clic sul cronometro. Nella riga di input dell'espressione, scrivi tempo * n(Ho un valore di 250). È anche possibile con l'aiuto delle chiavi manualmente - all'inizio c'è una chiave con zero valori iniziali e alla fine del tasto (inserisci il numero di giri 0x e gradi +0.0), diciamo 8 giri e 360 ​​gradi. Le espressioni rendono le cose molto più semplici e automatizzate. Bene, per analogia, aggiungi trasparenza all'inizio dell'apparizione (a 1 secondo 100 e a zero 0) e alla fine della dissolvenza (a 14 secondi 100 e alla fine 0) e F9... Oppure facciamo l'apparizione e svaniamo Taglia percorso.

Tutto quanto! L'animazione è pronta! Il nostro richiamo ha preso vita! Ora salviamo. Rendiamo.
Premi i tasti di scelta rapida CTRL + M(o vai al menù).

Fare clic di fronte Modulo di uscita a destra sulla freccia e scegli il formato da me MOV + PNG + ALFA(o MOV + PNG). e spingi render, stiamo aspettando mentre il rendering è in corso. Poi guardiamo il risultato. Il video verrà salvato nella stessa cartella del progetto.

Oksana Shilova appositamente per il blog

Iscriviti alla nostra newsletter per non perderti le novità: