Hur man förbereder illustratorgrafik för After Effects

Sep 14, 2025
Hur

Jag kan inte börja berätta hur många Adobe Illustrator Filer har skickats till mig för animering som klart inte var redo för Bieffekter . Filerna kan innehålla ett jätte lager, eller sparades med fel färgprofil. Ibland har de element som endast delvis passar inuti tavlan eller innehåller ett flertal andra problem som gör det omöjligt att arbeta med i efterverkningar.

Det orsakar mycket förvirring och friktion mellan illustratören och animatören, vilket inte är ett bra ställe att starta ett projekt.

Det mest överraskande jag har lärt mig är att designern sällan har någon aning om att de orsakar extra arbete. De har helt enkelt inte utbildats på vilka animatörer som behöver en illustratörsfil för att kunna ställas in för framgång.

För att lindra smärtan har jag kommit upp en lista över grunderna att varje illustratör ska vara medveten om när man förbereder illustratörsgrafik för efterverkningar.

01. Skapa flera lager

Om din vektor grafik är klar men du bara har ett eller två lager inuti illustratören, är du inte klar än. För att animera din nya grafik måste du separera varje del (sub-lager) i sitt eget lager. Animera ett enda lager som har många delar till det tenderar att ge ett styvt och oprofessionellt resultat.

Till exempel, om du har en logotyp med tre bokstäver, vill du göra ett lager med alla de element som utgör första bokstaven, då ett annat lager för andra bokstaven och en annan för den tredje. Du kan då enkelt animera varje brev oberoende i efterverkningar. Om du bara hade sparat det som en ".i-fil" utan att göra ytterligare lager och tagit det i After Effects, skulle det vara ett platt lager.

Click the target icon to identify which item is which

Klicka på målikonen för att identifiera vilket objekt som är vilket

I panelen Illustrator Layer klickar du på målikonen bredvid varje element för att identifiera vilket objekt som är vilket. Du kan också växla synligheten för varje objekt för att se vad objektet är.

Create new layers using the menu shown above

Skapa nya lager med hjälp av menyn som visas ovan

Gör flera nya lager genom att klicka på knappen "Skapa ny lager" längst ner på lagpanelen och namnge var och en av dem. När du identifierar varje objekt, flytta det i det lämpliga skiktet. Var uppmärksam för att säkerställa att den nya ordningen av objekt i varje lager inte orsakar problem med hur de visas.

Att flytta varje föremål oberoende i olika lager kan vara tråkigt, men det finns ett mycket enklare sätt. Om allt är i ett enda lager, välj bara det lagret och välj sedan "Släpp till lager (sekvens)" från panelen Lagerpanel. Detta kommer att konvertera alla objekt i lagret i lager själva. Dessa kan sedan släpas ut ur det lagret för att fylla i den lista över lager.

Make sure you label your layers appropriately

Se till att du märker dina lager på lämpligt sätt

Alla lager i lagerpanelen kommer då att synas i efterverkningar, så du kan animera dem självständigt. Om några av de nya lagren visar sig vara små delar av andra, dra bara de två tillsammans för att kombinera dem.

Hjälp animatorn ut genom att se till att du heter varje lager på lämpligt sätt! När filen flyttas till efter effekter, behålls skiktnamnen. Ringa varje lager vad det faktiskt är kommer att göra att identifiera varje snabb och smärtfri.

02. Ändra storlek på dina tavlor

Storleken på ditt ämne och grafiken i frågor när du importerar till efterverkningar. Om du har en 10x10px-tavla med en liten grafik som importeras till en 1920x1080 efter Effects-komposition, kommer det att kräva en hel del mer arbete för att få allt till rätt storlek innan de animeras. Se till att ditt ämne i Illustrator är skalad så det är en liknande storlek eller större än din efterverkningskomposition.

Ensure your artboard is a similar scale to your After Effects composition

Se till att ditt ämne är en liknande skala till kompositionen efter Effects

Innan du sparar, var noga med att ingen del av din grafik är avskuren av kanterna på tavlan. Det kan se bra ut som en stillbild i Illustrator, men om den behöver skalas ner för animering, är det inte bra om kanterna fastnar samma form som eskantens kant. Vad som är inne i tavlan kommer att dyka upp i efterverkningar och allt utanför det kommer inte. Enkelt uttryckt, var noga med att du behöver animera är inom gränserna.

Om du har flera tavlor kan du spara dem som separata filer. När du sparar din fil blir du ombedd att ställa in dina Illustrator-alternativ. Var noga med att du checkar "Spara varje ämne i en separat fil." Du kan sedan gå till varje ny Illustrator-fil och se till att alla lager är separerade och namngivna på lämpligt sätt för animering.

03. Ändra dokumentfärgen

CMYK is only for print – set your colour mode to RGB

CMYK är endast för utskrift - Ställ in ditt färgläge till RGB

Innan du sparar din fil för import till efterverkningar, se till att du arbetar i RGB. CMYK är utmärkt för utskrift, men om du flyttar till efter effekter är chansen att du inte kommer att skriva ut den här versionen av din grafik, och du vill se till att färgerna visas korrekt i din slutliga animering. Du kan göra det genom att gå till "fil och gt; Dokumentfärgläge och GT; RGB färg ".

04. Välj rätt filtyp

Save your work out as an ai file

Spara ditt arbete som en AI-fil

Det ideala filformatet för After Effects är en Adobe Illustrator (AI) -fil. Undvik EPS eller SVG-filer eftersom de inte importerar som en komposition med många lager. Spara din vektorbild genom att gå till "fil och gt; Spara som & GT; Format: Adobe Illustrator (AI) '.

Make sure you have ‘Create PDF Compatible File’ checked

Se till att du har "Skapa PDF-kompatibel fil" kontrollerad

När du uppmanas med fler alternativ, se till att du har "Skapa PDF-kompatibel fil" kontrollerad, eller filen kommer inte att importera korrekt till efterverkningar. Om animatören arbetar i en äldre version av After Effects, kan du välja att spara som en äldre version av Illustrator högst upp på denna prompt. Annars är standardinställningarna stora. Klicka på "OK" för att spara.

05. Importera till efterverkningar

När du har formaterat din Illustrator-fil är det dags att importera det för animering. I After Effects väljer du 'File & GT; Import & GT; File "och välj din Illustrator-fil. Du kommer att bli uppmanad till hur du vill ha efter effekterna för att behandla filen, var noga med att "importkvällen" är inställd på "komposition" eller alla de lager du bara spenderade åldrar som splittrar ihop kommer att kombineras tillsammans.

Set to 'Composition' to preserve your layers

Satt till "komposition" för att bevara dina lager

Footage dimensionerna är upp till dig. Om du vill att varje lager ska vara samma pixelstorlek som det utrymme det tar upp väljer du "lagerstorlek." Alternativt, om du vill att varje lager ska vara så stort som hela kneplaret väljer "dokumentstorlek".

Your layers should all appear within your Timeline

Dina lager ska alla visas inom din tidslinje

När du klickar på "OK" kommer en ny komposition att skapas inuti projektpanelen. Dubbelklicka på din nya komposition för att öppna alla dina nya lager inuti tidslinjen. De borde alla namnges precis som de var i illustratör och lätt animerade oberoende från resten av dina lager. Du är nu inställd för framgång i skapandet av den högsta kvaliteten som möjliggör!

Om PluralSight

PluralSight är en Enterprise Technology Learning Platform som levererar en enhetlig, slutar för att avsluta lärande erfarenhet för företag över hela världen. Genom en prenumerationstjänst har företagen befogenhet att flytta med teknikens hastighet, ökad kompetens, innovation och effektivitet. För en gratis försök och mer information, besök www.pluralsight.com .

Relaterade artiklar:

  • Så här flyttar du från Photoshop till After Effects
  • 43 AMAZING After Effects Tutorials
  • Topptips för att skapa animationer i After Effects

Hur - Mest populära artiklar

Affinitetsdesigner: Hur man använder effekter och stilar

Hur Sep 14, 2025

(Bildkredit: serif) Med vektor och rasterverktyg kombinerat, Affinitetsdesigner är ett prisvärt men ..

Affinity Designer: Hur man använder exportpersonalen

Hur Sep 14, 2025

Affinitetsdesigner är ett populärt vektorredigeringsverktyg. Förutom Mac och Windows-versioner släpptes Serif nyligen ..

6 sätt att påskynda din modellering

Hur Sep 14, 2025

Ett effektivare arbetsflöde är den uppenbara fördelen att förbättra din hastighetsskulpteknik, men det är inte den enda fö..

Kom igång med HTML Canvas

Hur Sep 14, 2025

HTML & LT; Canvas & GT; Element är en kraftfull lösning för att skapa pixelbaserad grafik på webben med Javas..

Hur man skapar en redshift-proxy i Cinema 4D

Hur Sep 14, 2025

Cinema 4D Det är bra på många saker, men det kan sakta ner när det har många föremål i scenen, vilket är ett ..

Hur man lägger till roliga CSS-bakgrunder till dina webbplatser

Hur Sep 14, 2025

Tiden var en webbsidor bakgrund var en liten kakel bild - och ofta hemskt, angripa varje besökares ögonbollar. Idag utgör bakg..

Hur man skapar en Snapchat Geofilter i Photoshop

Hur Sep 14, 2025

Klienter söker ständigt efter nya sätt att engagera sig med publik. Snapchat GeoFilters - Särskilda kommunikativa överlägg - är ett bra sätt att få ett varumärke framför människor..

15 Tips för optimering av tvärenhet

Hur Sep 14, 2025

Design för alla enheter! Anna Dahlström kommer att prata om vikten av ..

Kategorier