Alla ämnen

+

Hur man gör en animerad logotyp i After Effects

En av de mer populära saker du kan göra med After Effects är att skapa en animerad logotyp för ditt eller dina kunder, företag. Dess iögonfallande, önskas och ett utmärkt sätt att imponera på kunder, så låt oss ta en titt på vad det innebär.

1. inställning

Vårt första jobb att ställa in vårt projekt redo för animation, så först och främst skapar en sammansättning med sammansättning > New att arbeta i. Jag använde en liten web upplösning på 320 x 240 inställningen för detta ändamål.

logo-composition

logo-composition-settings

Nu har vi vårt ramverk, vi behöver något att bygga på, så nästa vi skapar ett massivt lager för vår logotyp med lager > Nytt > fast, att välja en lämplig färg som matchar din sammansättning. Jag använde #000000 som är svart för båda.

logo-solid-layer

Nu har vi vår bakgrund låt oss skapa vår logotyp. Nu här kan du lägga till i en färdiga logotyp, konstverk eller något annat att arbeta på, för enkelhetens skull ska jag bara använda en enkel textobjekt som min logotyp för att demonstrera tekniken.

Så, jag nu går jag Layer > New > Text och skapa min textlagret. Justera textstorlek och färg så man kan se klart och vi har gjort.

logo-text-layer

2. justering

Nu har vi vår logotyp, som sådant, kan vi börja att manipulera den för att skapa animering. Om du behöver din logotyp vara perfekt centrerad eller andra objekt i själva verket ett praktiskt tips är att använda nätet för att säkerställa att allt är rätt där du vill ha den, kan du komma åt som med hjälp av knappen på panelen sammansättning som visas nedan.

grid

Jag är glad om min text är för den här en, men det är ett användbart verktyg att veta om oavsett vad du gör.

3. lägga till effekten

För våra första försök på animation som vi ska använda effekterna inbyggd i After Effects själv, är detta den absolut det enklaste sättet att få några imponerande resultat. För detta en, vi belysa den fasta lager på panelen Tidslinje, och välj sedan vår effekt. Kan du gå igenom effekt > simulering > CC partikelstorleken världen för att få som vi använder här, eller helt enkelt gå till effekterna och förinställningar på panelen till höger och dra CC partikelstorleken världen effekten till din fasta lager. Oavsett hur du går, är slutresultatet detta.

added-effect

Effekt kontrollerna till höger är ganska omfattande, och leker med dem du kan hitta några intressanta resultat, det lönar sig att experimentera när du försöker dessa typer av nya projekt bara för att förstå vad som är möjligt. Samtidigt här vi tittar på partikelstorleken världen simulering effekten till exempel, kan du prova andra för att se om du föredrar effekten. Här justerade jag gravitation att.200 som det gör partiklarna skjuta mot skärmen lite mer och jag föredrar effekten och matchade partikel färg med texten.

4. komma rätt ordning

Nästa steg är en enkel men värt att nämna. När jag försöker någon form av animation, måste du få för vana att ha dina lager i rätt ordning för det hela att fungera.

Skapade här vi vår fasta lager först, och texten sitter på toppen. Detta innebär några effekter som tillämpas på det fasta lagret hända under texten, för vissa program som kan vara vad du vill, här, vi vill animeringen att gå över texten för den effekt vi söker, och så vi byta lager runt. Detta är lika enkelt som att dra textlagret under fast lagret på panelen Tidslinje.

logo-layer-order

Alltid överväga vad som bör gå utöver vad i ditt föreslagna projekt, oavsett om det animera en logotyp, med en mask eller någon annan teknik i After Effects visualisera vad ordning saker gå in, är en av de färdigheter du utveckla längs vägen.

5. ställa in animeringen

Som med det mesta i After Effects, nyckelbildrutor är grunden till denna animering, och vi kontrollera animeringen av partikel effekten via dess födelsetal, hittade genom inställningarna i panelen Tidslinje för fasta lager som vi kan se här,

setting-keyframe

Att trycka på Stoppursikonen skapar en nyckelbildruta, och vi kommer att skapa 4 här, i det här exemplet ett par sekunder isär men för regelbunden användning tidslinjen förmodligen vill vara lite kortare, ingen vill titta på en logotyp för 12 sekunder för att se vad den gör ju effekten bör vara omedelbar.

Som jag skapar varje nyckelbildruta jag justera fältet födelsetal, köra från låga 1, sedan gå upp till 70 på den andra nyckelrutan och 120 på tredje, och sedan en 5 andra till den sista nyckelbildrutan som sätts på 0, tanken är att partiklarna minskar gradvis avslöjar logotypen texten under den.

setting-keyframe3

setting-keyframe-4

En mycket enkel installation, det råder ingen tvekan, men det fungerar och du kan se är lätt att åstadkomma.

6. arbeta med vektorgrafik

En trevlig och enkel effekt det är grundläggande, om du har tillgång till .ai logotyp filer eller andra vektorgrafik kan du prova den här också. Dessa filer har skapats i adobe Illustrator, och den innehåller lager informationen så att after Effects kan manipulera olika komponenter individuellt. Lära sig att använda .ai filer effektivt är ett viktigt steg i att upptäcka möjligheterna av After Effects.

Först och främst importera din vektorgrafik i After Effects, detta är så enkelt som att dra filen till projektpanelen som tar upp en import dialog. Det är viktigt att välja "sammansättning behålla lager" alternativ, vilket resulterar i en ny sammansättning med olika lager i alla visas bilden för dig.

adding-vector-graphic

Du kan lägga till rörelse, effekter och så vidare till dessa som du kan något annat i After Effects, i detta fall vill jag bara tillägga en rotation att demonstrera.

Som vi sett tidigare, animation kretsar kring nyckelrutor, och här är inte annorlunda.

Jag klicka stoppuret vid alternativet rotation i både den smartphone lagret och lagrets skuggor, flytta tidsramen på, justera rotationen av varje objekt med samma värden, gå vidare och upprepa som vi har sett förut.

rotation-keyframes

Jag använde 4 nyckelrutor i slutet för att skapa en trevlig roterande effekt. Du kan naturligtvis kombinera detta med föregående animeringen och har en spinning logotyp visas från partikel spray, eller någon annan av de effekter som finns i programmet. Jag kan inte betona nog hur viktigt bara lite experimenterande kan vara att upptäcka nya sätt att använda de verktyg som vi får.

7. slutsats

Jag hoppas detta har gett dig några idéer för enkla animeringar kan du lägga till logotyper, titlar och så vidare i dina projekt, det finns säkert mycket mer spektakulära saker du kan göra med tanke på tid, men vi alla börja någonstans.

Detta är en grundläggande handledning om After Effects, professionella videoredigeringsprogram. Men om videoredigering är nytt för dig, anser Wondershare Filmora (ursprungligen Wondershare Video Editor), som är en kraftfull men lätt att använda verktyg för användare som just har börjat. Data överför den fri prova versionen nedan.

Download Win Version Download Mac Version

Topp