Rita i After Effects. Hur man ritar något över en videofil? (med Adobe After Effects) Kraftfulla After Effect-handledningar

Ibland blir det nödvändigt att rita något ovanpå en videofil, kanske bara för att skapa en rolig video, eller för något seriöst projekt. I denna lilla "manual" är det precis vad jag ska berätta.

Så, låt oss börja:

1. Vi skapar en ny komposition (om du inte är bekant med grunderna för robotar i Adobe After Effects kan du läsa om att skapa en ny komposition).

2. "Dra och släpp" i Adobe After Effects-projektfönstret och sedan in i själva kompositionen, videon som vi kommer att rita på (i det här fallet är det Nature.mp4):

3. Nu "klickar" vi två gånger på lagret av videofilen och går till fönstret för detta separata lager (i det här fallet är det Layer: Nature.mp4), där vi kommer att rita:

4. När vi har flyttat till ovanstående fönster väljer vi helt enkelt Penselverktyget (Ctrl + B). Även i det nedre högra hörnet ser vi verktygsfältet Paint, där du kan konfigurera många olika alternativ. teckning:

5. Nu kan du försöka rita något. Jag är på hastigt ritade ett knotigt träd :)

Jag skulle vilja notera det faktum att varje enskild linje av ritningen skapas på en ny"underlager" i videofilens lager. Du kan flexibeltjustera varje lager (Pensel 1, Pensel 2 ... Pensel n) genom att ställa in till exempel tiden för utseendet för var och en av delarna i bilden, såväl som många andra parametrar.För att göra detta bör du utöka lagret av videofilen =>Effects=>Paint.

Jag, i allmänna termer, beskrev processen att rita i Adobe After Effects, då beror allt på din fantasi. Förresten, om det finns problem med att spara (rendera) den färdiga videon i Adobe After Effects, rekommenderar jag att du bekantar dig med detta material.

Du kanske vet att vi har flera projekt i olika nischer, varav ett är VideoSmile.ru-projektet. Den är tillägnad ämnet video (redigering, specialeffekter, 3D, etc.) och har utvecklats av vårt team sedan 2011.

Jag vet att det finns människor bland min publik som är intresserade av den här riktningen, så jag bad killarna från VideoSmile att förbereda en serie lektioner för mina prenumeranter om det mest populära videobearbetningsprogrammet - Adobe After Effects. Det här är ett slags "Photoshop" i videovärlden.

Vi bestämde oss för att dessa skulle vara praktiska lektioner, efter att ha studerat vilka en person kommer att kunna göra några användbara animerade element för sina videor. En sådan serie lektioner har skapats framgångsrikt, och idag är jag glad att kunna presentera den för dig.

Introduktion till After Effects

I den första videon kommer du att bekanta dig med funktionerna i After Effects och ta reda på var du kan ladda ner den.

Skapande av 4 spektakulära skärmsläckare. Del 1

I den här lektionen kommer du att bekanta dig med programmets gränssnitt, ställa in arbetsytan och studera programmets huvudpaneler. Det är också här du kommer att skapa ditt projekt och den första kompositionen inom det projektet.

Skapande av 4 spektakulära skärmsläckare. Del 2

Här kommer du att fortsätta skapa flera varianter av startskärmen och lära dig några fler viktiga After Effects-verktyg längs vägen.

Övergångar och avbrott

I den här videon får du lära dig hur du gör högkvalitativa övergångar från startskärmen till själva videon, samt implementerar flera pauser som kommer väl till pass under redigering. Dessutom kommer du att lära dig hur du använder standardövergångarna som följer med After Effects ur lådan.

Lägre tredjedelar och dör

Troligtvis har du märkt att i olika videor med deltagande av människor visas animerade plattor, som visar personens namn och efternamn, samt namnet på hans företag och typ av aktivitet. Dessa plattor är lätta att skapa i After Effects, och i den här handledningen lär du dig hur du gör dem själv.

Animerade textelement

I den sista lektionen av denna minikurs kommer du att lära dig hur du skapar textanimerade block med vilka du kan lägga till viktig textinformation till dina videor.

Jag har studerat AE sedan augusti 2016, började arbeta inom området motion design, förutom illustrationer.

Jag förberedde en handledning för en blogg med en enkel animering av former och linjer. Denna handledning är avsedd för dig som redan är mer eller mindre insatt i After Effects, så om du tycker att det är svårt, rekommenderar jag att du tittar på de grundläggande handledningarna på nätet. Till exempel denna minikurs: Introduktionskurs Illustrator + After Effects.

Senast avslutade jag och lade upp ett projekt med animerade förklaringslinjer (texttexter), och i min handledning kommer jag att berätta hur jag gjorde det med det enklaste exemplet.

1. Skapa i Adobe Illustrator vektor fil med teckning. Vi har en utlysning. Alla linjer har ingen fyllning, bara streck. Gör som på bilden för att göra det tydligare att utföra animeringen. Spara filen till ai formatera.

5. Välj fillagret. Låt oss gå till menyn Effekt > Generera > Fyll.

7. Då kommer vi att placera vår utlysning i centrum. Som i illustratören: pilval först Urvalsverktyg (V), flytta sedan objektet.

8. Välj vårt lager, gå till menyn Lager > Skapa former från Vector Layer.

9. Nu måste vi dela upp ett lager i flera - trots allt har vi flera linjer. Du kan manuellt, men det är långt och tråkigt. Det är bättre att ladda ner och installera ett gratis skript ZI_ExplodeShapesLayers(förbättrad en ny version). Välj lagret och gå som i illustrator Arkiv > Skript. Klicka på knappen Explodera!

Mer information, vem som inte hittade eller inte ville ladda ner skriptet:
Vi har 4 underlager, så vi behöver ytterligare 3 kopior, vi gör dem. Sedan vid det första lagret tar vi bort 2,3,4 grupper. Och vidare i analogi. Byt sedan namn - välj lagret - ENTER - ange ett nytt namn - ENTER eller klicka på en tom plats. Du bör få 4 lager med separata linjer.

10. Du kan ordna lagren i animeringsordningen - först en cirkel, sedan linjer och sedan en kvadrat. Och du kan lämna det som du vill. Nåväl, alla förberedelser är klara. Nu är den mest intressanta delen vektoranimation. Låt oss börja med en cirkel - med en förklaringsmarkör.

Förresten, tips! Du kan zooma in - ta bort objekt i kompositionsfönstret med mushjulet (sådana välbekanta ctrl + - fungerar inte här, och ctrl 0 också) eller genom att välja skalan i fönstret Komposition - Popup för förstoringsgrad(här är siffrorna med procentsatser och nedåtpilen). Och du kan flytta runt kompositionsfönstret med ett mellanslag - samma hand (som i en ljuskrona). Var också uppmärksam på den centrala ankarpunkten när du animerar ett objekt Ankarpunkt. Den måste vara placerad i mitten av objektet, annars kommer animeringen att äga rum där punkten ligger, och i det här fallet behöver vi från mitten. Så här åtgärdar du - Tryck på snabbtangenten Y, och dra punkten, placera den på rätt plats. Nåväl, låt oss gå.

11. Cirkel animation. Vi animerar Skala.
Du kan slå på solon på lagret, då kommer bara cirkeln (cirkel eller prickikon) att vara synlig. Sedan lägger vi ner nycklarna - det här blir vår animation. Flytta tidsindikatorn (denna rad med en blå spets - Aktuell tidsindikator) i 0 sekunder 15 bildrutor och sätt nyckeln - klicka på stoppuret bredvid Skala, lämna värdet (jag har 450).

Nåväl, nu har vår cirkel kommit till liv - den dyker upp i början, blinkar mjukt i processen och bleknar mjukt i slutet av kompositionen. För att visa tryck noll 0 och för att avsluta vyn också noll 0.

12. Animering av huvudlinjen.
Välj nästa lager med huvudraden. Tryck två gånger U och avslöjar allt innehåll i lagret. Används när du behöver öppna de underskikt som har ändrats. Mycket bekvämt. Stäng - en gång till U. Under arbetets gång kommer du att förstå allt. Välj sedan underskiktet Grupp 3 - Lägg till - Trimma bana.

13. Animation av den andra raden.
Nu kommer vi att lära oss hur man arbetar med dig med inställningarna för själva linjen. Låt oss göra en prickad linje av en vanlig rak linje och animera den. Dubbelt U längs lagret med linjen finner vi Stroke och utöka dess värden genom att klicka på pilen. Hitta parametern streck och klicka på plustecknet + dubbelt. Värden kommer att visas Rusa(mängd poäng), glipa(avstånd mellan punkter), offset(animera poäng). Vi introducerar, antar, värdena 5 och 5. Nu igen ALT+ klicka på stoppuret bredvid parametern offset och gå in tid*n(Jag har ett värde på 35).

14. Fyrkantig animation. Rotation.
Välj lager med fyrkant, snabbtangent R (rotation). Vi fördelar rotation och ALT+ klicka på stoppuret. I inmatningsraden för uttrycket skriver vi tid*n(Jag har ett värde på 250). Du kan också använda tangenterna manuellt - i början av tangenten med noll initiala värden och i slutet av tangenten (ange antalet varv 0x och grader +0,0) låt oss säga 8 varv och 360 grader. Uttryck underlättar och automatiserar arbetet i hög grad. Tja, analogt lägger vi till transparens i början av utseendet (vid 1 sekund 100 och vid noll 0) och i slutet av förfallet (vid 14 sekunder 100 och i slutet 0) och F9. Eller tonar vi in ​​och ut genom Trimma vägen.

Allt! Animationen är klar! Vår upprop vaknade till liv! Nu ska vi spara. Vi gör en rendering.
Trycker snabbtangenter CTRL+M(eller gå till menyn).

Oksana Shilova speciellt för bloggen

Prenumerera på vårt nyhetsbrev så att du inte missar något nytt:

Det första vi kommer att göra när vi går vidare till att rita är att ändra arbetsytan till Paint.

Panelerna Färg, Penslar och Lager dök upp. Färgpanelen är avsedd för att ställa in ritningsparametrar. Vi kommer att välja storlek och hårdhet på borsten i panelen Borstar. Eftersom vi inte kan rita direkt i kompositionspanelen kommer vi att använda panelen Lager för detta. Det är bäst att rita i 100 % skala. För att göra detta, använd sidomenyn panelobjekt Maximera ram/Återställ ramstorlek, eller håll muspekaren över panelen och tryck på knappen<~>på tangentbordet.
Skapa ett fast lager av vitt. Detta kommer att vara vår duk som vi kommer att öva på. Välj penselverktyget. Låt oss till exempel rita en liten cirkel.

Denna effekt innebär att vi har applicerat en målning på detta lager. Det ritade elementet visas i lageregenskaperna som ett underlager till Pensel 1. Låt oss lägga till kronblad och en stjälk i vår cirkel, så att vi får en blomma.

Låt oss ta en titt på lageregenskaperna.

Som du kan se, för varje ritelement har vi ett separat underskikt. Om vi ​​väljer ett av lagren och ritar något kommer det nya elementet att ersätta det markerade. Detta är praktiskt om du försöker rita något specifikt. Du kan ge ett namn till varje element för att inte förväxla dem. Välj elementet, tryck på Enter, ange ett nytt namn och tryck på Enter igen.

Den första egenskapen för ritningseffekten vi ser är Paint of Transparent. Det är gemensamt för alla element. Om du sätter den i läge "På", bakgrundslager bakgrunden i form av schackceller kommer att försvinna och bara bakgrunden i form av schackceller kommer att finnas kvar (om de inte visas för dig, klicka på Växla Transparency Grid-omkopplaren, den är tillgänglig både på kompositionspanelen och på Lagerpanel).

Låt oss nu utöka ett av elementen. Här ser vi två grupper av egenskaper: Transform (transformationsegenskaper), Stoke Options (ritningsegenskaper), samt en animerad Path-egenskap (form). Utöka gruppen Stoke Options. Om du vill justera ritningsparametrarna för ett redan ritat element ska du göra det här, i Paint-panelen ställer du bara in parametrarna för efterföljande ritningselement.

Animera startegenskapen. Flytta redigeringsraden till 2 sekunders position och klicka på stoppursikonen. Den första nyckeln har skapats. Skapa en andra knapp genom att trycka på hemknappen. Men ändra dess värde till 100%. Komplett förhandsvisning i panelen Kompositionsvy. Elementet ritas gradvis, men in baksidan. För att få det att rita som du ritade det, animera End-egenskapen själv (glöm inte att unanimera Start-egenskapen).
I gruppen Stoke Options kan vi ändra borstens färg (Färg), diameter (Diameter), styvhet (Hårdhet), rundhet (Rundhet), mellanrum (mellanrum), opacitet (Opacitet) och flöde (Flöde). Som du kan se kan alla dessa egenskaper animeras. Nu, genom att ändra färgen för varje element, kommer vi att färga vår blomma.

Ett annat ritverktyg är Eraser. Genom att välja det här elementet blir objektet Radera tillgängligt på färgpanelen, som ställer in ämnet för radering.

Du kan använda radergummit inte bara för att radera de ritade elementen, utan också för att ta bort bakgrunden.
Slutligen skulle jag vilja beskriva en metod som låter dig rita en perfekt rak linje. För detta behöver vi en linjal. Utför menykommandot Visa->Visa linjaler. Två skalor dök upp i lagerpanelen: vertikalt och horisontellt.
Håll nu muspekaren över en av linjalerna. Markören ska ändras till en dubbelsidig pil. Vi klämmer vänster knapp musen och flytta markören till den plats där vi vill placera linjen.