REC

Tips om videoinspelning, produktion, videoredigering och underhåll av utrustning.

 WTVID >> Sverige Video >  >> Videoredigering >> Adobe After Effects

2.5D Parallax-animering med Photoshop och After Effects

Med en 2,5D parallaxanimation kan du lägga till rörelse till vanliga 2D-bilder och blåsa liv i ganska tråkiga bilder. Det är ett bra sätt att inte bara återanvända ditt innehåll utan skapa faktiska videor eller GIF:er och sticka ut på sociala medier. Här är två coola tekniker, inte bara med After Effects (vilket du förmodligen förväntar dig) utan också att skapa en parallax-animation direkt i Photoshop.

Parallaxanimering – endast med Photoshop

För att skapa en parallax 2.5D-animation i Photoshop, låt oss börja med att isolera de element vi vill animera. Det finns två sätt att göra det, antingen genom att skapa en lagermask med penselverktyget. Eller genom att skapa en bana med pennverktyget som sedan kommer att fungera som en mask för att isolera det önskade området. När sökvägen har skapats högerklickar du bara på bakgrunden och väljer gör ett val.

Nu kan du använda det valet för att kopiera det området på ett nytt lager bara genom att kopiera och klistra in. För att effekten ska fungera och få en så kallad ren tallrik måste du fylla området med innehållsmedveten fyllning.

Animera i Photoshop – med tidslinjen

Nu när du har isolerat de önskade delarna av din bild, gå till fönstret och öppna Photoshops tidslinje. När du öppnar tidslinjen och klickar på skapa videotidslinje kommer du att se en tidslinje som liknar After Effects med lagren staplade ovanpå varandra.

När du öppnar parametrarna för bakgrundslagret kommer du att se att du nu kan ställa in nyckelbildrutor för ett par parametrar som Transform, Opacitet och Style. Tryck på stoppuret för att börja spela in nyckelbildrutor för att skala bakgrunden. Detta kommer automatiskt att ställa in en nyckelbildruta för denna parameter (indikerad med en liten romb-ikon) och varje gång du ändrar det värdet. Gå nu till slutet av tidslinjen och skala bakgrunden lite så att den blir större så att du har lite subtila rörelser.

Gör samma sak för dina huvudelement och lägg bara till några subtila rörelser och det är allt. Nu är du redo att exportera videon. Klicka på ikonen i det övre högra hörnet av tidslinjen och välj rendera video i snabbmenyn. Det öppnar exportdialogrutan.

Välj ett namn, destination, filformat, upplösning och bildhastighet och det är allt. Du skapade precis en 2,5D parallaxanimation direkt i Photoshop.

Ett perfekt fodral för Adobe After Effects

För en 2.5D parallaxanimation är det första verktyget som kommer att tänka på förmodligen After Effects. Men du skulle förmodligen fortfarande vilja börja med Photoshop för att isolera de element du vill animera om du inte vill rotoskopera det i After Effects. Importera bara Photoshop-filen och ställ in importtypen på komposition – behåll lagerstorleken.

Nu inom den kompositionen klickar du på boxikonen på alla lager som kommer att förvandla dem till 3D-lager. Precis som i Photoshop kan du aktivera stoppuret för att börja spela in nyckelbildrutor på parametrarna. Men du kan också bara flytta om elementen och skapa en ny kamera och bara animera kameran.

Eftersom After Effects, till skillnad från Photoshop, är en dedikerad mjukvara för rörlig grafik kan du göra mycket mer för att göra denna animation mer intressant. Lägg till stockfilm (rök – som i handledningen nedan) eller partikeleffekter.

Som visas i handledningen nedan kan du till och med animera vissa delar av talangen med dockverktyget för att göra det ännu mer intressant.

När du vill exportera videon, tänk på att till skillnad från handledningen vill du skicka den till Adobe Media Encoder för att kunna exportera en .MP4-fil. Alternativet att exportera Quicktime .mov med h.264-codec direkt från After Effects har fasats ut.

https://www.youtube.com/watch?v=GZimVBFSGm0


  1. Skapa en ren företagslogotyp med After Effects

  2. Hur man renderar och exporterar i After Effects

  3. Hur man gör 3D-text med After Effects (mall och plugin ingår)

  4. Hur man gör 3D-animering i After Effects

  5. Beat Scam Arcade Game med VFX (After Effects)

Adobe After Effects
  1. Hur man skapar textanimering i After Effects

  2. Hur man gör karaktärsanimering i After Effects

  3. Hur man vänder videor med After Effects och FilmoraPro

  4. 5 titelanimeringsstilar i Premiere Pro och After Effects

  5. After Effects-texttitelanimering utan plugin

  6. Instagram Story Animation i After Effects

  7. Sky-ersättning med Adobe After Effects

  8. Trendig logotypanimering med After Effects