Gränssnittsanimering - kurs 31 900 RUB. från Uprock, utbildning 4 månader, datum 28 november 2023.

instagram viewer

TEORI

Introduktion

I den här lektionen får du en uppfattning om vad webbanimation är, vilka funktioner den utför i gränssnittsdesign och i vilka fall den används. Du kommer att lära dig vilka två typer av animationer som används på riktiga webbplatser. Få viktiga tips om hur du skapar flytande, enkel och alltid relevant animation. Du får lära dig vilka tekniker som är bäst att inte använda i realistiska animationer och varför. Vi kommer att analysera de grundläggande animationsåtgärderna och titta på dem med exempel. Låt oss ta reda på vilka program som behöver installeras för träning och bekvämt arbete. Var och hur man registrerar sig, vilken taxeplan man ska välja. Du kommer att få två användbara plugins - AEUX och Motion Tool, som låter dig optimera några viktiga arbetsprocesser i Adobe After Effects och avsevärt underlätta processen att skapa animationer och bekanta dig med After-programmet Effekter.

• Introduktion till webbanimation
• Teori
• Installerar program
• After Effects gränssnitt och installation

ÖVA

Utseendeanimering

I den här lektionen kommer du att lära dig den mest grundläggande och populära animationen - utseendeanimeringen och Opacity-egenskapen. Den här praktiska handledningen är uppbyggd på ett sådant sätt att du får detaljerade instruktioner om hur du skapar en utseendeanimering steg för steg. Vi kommer att prata om vad rendering är och varför det behövs. Låt oss titta på Track Matte-funktionen och dess första egenskap - Alpha Matte (alfamask). Som ett resultat kommer du att få den grundläggande färdigheten att arbeta med Opacitetsegenskaperna, Alpha Matte (alfamask) och skapa en bild med en vacker animation.

ÖVA

Komplicerad utseende scen

Låt oss titta på en kombination som består av två animationer: utseende (du är redan bekant med det) och rörelse (detta är en ny typ av animation för dig). Vi kommer att uppehålla oss mer i detalj vid det senare. För att animera rörelser använder du parametern Position, som bestämmer objektets position i kompositionen. Du kommer också att bli bekant med lageralternativet Anchor Point och lära dig hur du använder det på rätt sätt. I slutändan kommer du att animera en bild och lära dig hur du skapar imponerande animationer från olika typer av animationer.

ÖVA

Arbeta med rörelseverktyg

I lektionen kommer du att studera Motion Tools-manuset i detalj. Se i praktiken hur praktiskt det här verktyget är. Det påskyndar faktiskt arbetsprocessen avsevärt. Du kommer att få en grundlig förståelse för vad Velocity Graph är, Easing, hur Bezier-kurvor fungerar i After Effects och hur de påverkar animering. Slutligen kommer du att lära dig i detalj hur du anpassar din animation med hjälp av Motion Tools, vilket i hög grad kommer att optimera din animationsupplevelse.

• Allmänna begrepp
• Motion Tools v2.0

ÖVA

Zoomanimering (med alfamask)

Du kommer att lära dig hur du kan visa animationer av bilder som dyker upp. Nyckelegenskapen du kommer att lära dig i den här handledningen är lagrets skalaparameter. Med dess hjälp kan du ändra storleken på ett objekt. Denna animering kallas en skalningsanimation (med Alpha Matte). Vi kommer att skala själva Alpha Matte (alfamask) och bilden inuti den tillsammans med utseendeanimationen du redan har studerat. Som ett resultat kommer du att lära dig hur du effektivt animerar foton.

ÖVA

Parallax animation

Du kommer att få en grundlig förståelse för hur man applicerar en av de mest populära effekterna - parallax. För att implementera det behöver du tre designelement och den redan bekanta positionsegenskapen. När du har skapat parallaxeffekten kommer du att ta reda på hur du använder en omvänd animering för att få den att loopa. Slutligen får du lära dig hur du skapar bilder som använder parallaxeffekten för att skapa en känsla av djup och dimension som lämnar ett kraftfullt intryck på tittarna.

ÖVA

Komplex scen med parallax, rörelse och maskapplikation

I den här handledningen kommer du att lära dig hur du skapar komplexa animationer som innehåller de animationer du har lärt dig i tidigare kapitel. sprints, nämligen: Utseende - Opacitet, Rörelse - Position, Skalning - Skala, applicering av Alpha Matte (alfamask) och Effekt parallax. En ny typ av animering för dig kommer att vara utseendet på titeln i maskområdet. Du kommer att lära dig hur du skapar komplexa scener med övergångar med alla dessa animationstyper, vilket hjälper dina bilder att sticka ut från resten.

ÖVA

Adaptiv animering

Vi kommer att titta på konceptet adaptiv animation. Detta är den redan välbekanta zoomanimationen som du kommer att använda för att demonstrera responsiva versioner av webbplatsen, när skrivbordslayouten smidigt förvandlas till en mobiltelefonlayout. För att skapa den kommer du att använda tidigare inlärda egenskaper, såsom Movement – ​​Position, Scaling – Scale, Disappearance/Appearance – Opacitet, Reverse Animation – Motion Tools 2/Clone. Att veta hur man korrekt implementerar adaptiv animering gör att du kan presentera dina projekt på ett effektivt sätt.

ÖVA

Rotationsanimering

Du kommer att lära dig enkel animering - rotationer och egenskapen Rotation object, som är ansvarig för att rotera ett lager runt dess ankarpunkt. Vi kommer att titta på tre rotationsparametrar: antalet varv, hur mycket vi vill rotera elementet (i grader), rotation medurs/moturs. Efter att ha gått igenom var och en av de upprepade animationscyklerna steg för steg kommer du så småningom att bemästra färdigheten att arbeta med Rotation-egenskapen och skapa en bild med en rotationsanimation som kommer att locka tittarnas uppmärksamhet.

ÖVA

Komplex animation som består av alla grundläggande animationer

Låt oss titta på en mer komplex kombination, som består av alla grundläggande animationer du är bekant med. I den här lektionen kommer vi att beröra ämnet att skapa effekten av att simulera ett klick på en bild med hjälp av animering av skalning och försvinnande av cirkeln (ellipsverktyg). Som ett resultat kommer du att lära dig sekvensen av olika animationer, vilket gör att du kan skapa mer komplexa, imponerande animationer.

ÖVA

Jobbar med scener

Den här lektionen är en cykel som består av 3 spurter. Den fokuserar på alternativa scenövergångar. Först ska vi titta närmare på begreppet "scen" och diskutera vilka övergångar mellan scener som finns. Du kommer att lära dig hur du använder 3 icke-standardiserade alternativ för att byta scener: maskbyte, gardinbyte och glidbyte. För att skapa en "mask change"-övergång kommer du att förstå och lära dig hur du arbetar med den nya Track Matte-parametern - Alpha Inverted Matte eller Inverted Alpha Mask. Och lär dig hur du importerar video till en animerad komposition.

ÖVA

Animation för färgbyte

I den här handledningen kommer du att lära dig hur du arbetar med färganimering och egenskapen Color layer. En enkel animation som kan användas för att visa hur knappar eller länkar svävar. Men vi kommer att titta på ett mer intressant alternativ, hur du vackert kan presentera ditt projekt med hjälp av färgskiftande animation.

ÖVA

Bananimering (beskär)

Du kommer att lära dig den nya Trim Path-parametern, som kan användas för att skapa väldigt coola banrörelseeffekter, eller med andra ord, bantrimningseffekter. Till exempel när de vill visa en förladdare, en förloppsindikator i en videospelare, etc.

ÖVA

Komplex animation

I den här lektionen kommer du återigen att arbeta med komplex animering, konsolidera tidigare förvärvade färdigheter och skapa en animerad animering med nya effekter med hjälp av alla samma grundläggande animeringsegenskaper: utseende, rörelse, mask, skalning, övergång mellan scen 1 (maskbyte), övergång mellan scen 2 (ändring ridå).

ÖVA

Dekorativ textanimering (glitch)

Den här lektionen börjar en annan liten cykel, bestående av 3 lektioner om dekorativ textanimering. I den här lektionen kommer du att lära dig hur du gör en sådan extraordinär effekt som Glitch - effekten av en "trasig" bild eller tv-störning. Denna effekt i animation ser ganska modern ut och ger en wow-effekt. Det är ganska lätt att skapa

ÖVA

Dekorativ textanimation (manus)

I den här lektionen kommer du att lära dig hur du skapar en animation som simulerar stor text. Denna teknik används ofta för att placera accenter på en webbplats och den ser ganska estetiskt tilltalande ut. För denna animation kommer du att använda det nya Pen Tool. Var beredd på hårt arbete och ha tålamod. Som ett resultat kommer du att få en vacker animation som du kan använda för att presentera dina projekt.

ÖVA

Kreativ textanimering

I den här lektionen kommer du återigen hitta textanimering, men mer kreativ och ovanlig. Dess intressanta effekt involverar en kombination av olika animationer med två alfamasker - enkel och omvänd. Som ett resultat kommer du att skapa en cool bild, och du kan använda den här metoden i dina projekt för effektiva presentationer.

ÖVA

Komplex animation

I den här handledningen kommer vi att använda de typer av animationer som du redan är bekant med, men vi kommer att använda några av dem för att skapa mer komplexa och icke-standardiserade effekter. Som ett resultat får vi en komplex, komplex animation, som består av tre scener med övergångar, rullning och bildändringar.

ÖVA

Animation med Luma Matte

I tidigare lektioner diskuterade vi Track Matte-parametrarna, och du har redan en god uppfattning om funktionsprincipen för Alpha Matte och Alpha Inverted Matte. I den här handledningen utforskar vi följande två Track Matte-alternativ: Luma Matte och Luma Inverted Matte och lär oss hur du använder dem i våra projekt.

ÖVA

Animation med Turbulent Displace

Låt oss studera animation med hjälp av bildförvrängningseffekten. Turbulent förskjutning är ett av verktygen för parametern Distort. Tekniskt sett är det en liten förskjutning av pixlar som hjälper till att skapa en vågeffekt och används ofta för effekten i fotografier.

ÖVA

Komplex komplex animation

Den sista träningslektionen, där vi kommer att skapa komplex komplex animation, med hjälp av tidigare lärt typer av animationer och en ny - parametern Text och dess "Källtext"-egenskap, som låter dig ändra innehållet i texten lager. En oberoende praktisk del, där du kommer att komma på och skapa animation för ditt skott från grunden, samt flera intressanta och användbara bonusvideolektioner

ÖVA

Skapa animation från grunden

Bestämma stilen, söka efter referenser, skapa ett manus. Principen att skapa idéer för scener och övergångar mellan dem, förbereda källkoden, skapa animering av 1 scen, publicera bilden på nätverken.

ÖVA

Dribbla kontohantering och marknadsföring

Dribbla kontohantering och marknadsföring. Animation för presentationer och Behance. Använder animation från After Effects på webbplatsen.