Interface animation - kursus RUB 31.900. fra Uprock, træning 4 måneder, dato 28. november 2023.
Miscellanea / / November 30, 2023
Start når som helst og lær med en behagelig hastighed
Uddannelsens start er ikke bundet til datoen for køb af kurset. Start når som helst, når det passer dig, og lær med en behagelig hastighed. Den bedste mulighed er at bruge 2 timer om dagen på at studere. Hvis du kan afsætte 4-8 timer til kurset, afslutter du det 2-4 gange hurtigere.
Konsistens og tid til at tilpasse sig
Kompleksiteten af de opgaver, du laver, øges fra de enkleste, der varer op til 30 minutter, til de mere komplekse og tidskrævende. På denne måde kommer du gradvist med i læringsprocessen.
Rummelige, men informative videotutorials
Først lavede vi et manuskript på flere hundrede sider, så stemte vi det, redigerede det, fyldte det med grafik og lavede for dig korte lektioner "uden vand", der er nemme at lære og behagelige at vende tilbage til for noget minde om.
Vores kuratorer giver de hurtigste og mest detaljerede svar. Der er strenge regler: Du vil modtage mindst 2 videoanalyser om dagen, i hvert svar vil kuratoren notere dine fejl og fortælle dig, hvordan du retter dem.
Kursusprogrammet dækker alle emner inden for grænsefladeanimation. Alle lektioner gives konsekvent og intensivt, rummeligt og uden vand.
TEORI
Introduktion
I denne lektion får du en idé om, hvad webanimation er, hvilke funktioner den udfører i interfacedesign, og i hvilke tilfælde den bruges. Du vil lære, hvilke to typer animationer der bruges på rigtige hjemmesider. Få vigtige tips til, hvordan du skaber flydende, ubesværet og altid relevant animation. Du vil lære, hvilke teknikker der er bedst ikke at bruge i realistiske animationer og hvorfor. Vi vil analysere de grundlæggende animationshandlinger og se på dem med eksempler. Lad os finde ud af, hvilke programmer der skal installeres for træning og behageligt arbejde. Hvor og hvordan man registrerer sig, hvilken takstplan man skal vælge. Du vil modtage to nyttige plugins - AEUX og Motion Tool, som giver dig mulighed for at optimere nogle vigtige arbejdsprocesser i Adobe After Effects og i høj grad lette processen med at skabe animation og stifte bekendtskab med After-programmet Effekter.
- Introduktion til webanimation
- Teori
- Installation af programmer
- After Effects-grænseflade og opsætning
ØVE SIG
Udseende animation
I denne lektion vil du lære den mest grundlæggende og populære animation - udseendeanimationen og egenskaben Opacity. Denne praktiske tutorial er opbygget på en sådan måde, at du trin for trin modtager detaljerede instruktioner om, hvordan du laver en udseende-animation. Vi taler om, hvad rendering er, og hvorfor det er nødvendigt. Lad os se på Track Matte-funktionen og dens første egenskab - Alpha Matte (alfamaske). Som et resultat vil du få den grundlæggende færdighed i at arbejde med Opacitetsegenskaberne, Alpha Matte (alfamaske) og skabe et skud med en smuk udseende animation.
ØVE SIG
Kompliceret udseende scene
Lad os se på en kombination, der består af to animationer: udseende (du er allerede bekendt med det) og bevægelse (dette er en ny type animation for dig). Vi vil dvæle ved sidstnævnte mere detaljeret. For at animere bevægelse skal du bruge parameteren Position, som bestemmer objektets position i kompositionen. Du vil også blive fortrolig med lagmuligheden Ankerpunkt og lære, hvordan du bruger den korrekt. I sidste ende vil du animere et skud og lære at skabe imponerende animationer fra forskellige typer animationer.
ØVE SIG
Arbejde med Motion Tools
I lektionen vil du studere Motion Tools scriptet i detaljer. Se i praksis, hvor praktisk dette værktøj er. Faktisk fremskynder det arbejdsprocessen markant. Du får en grundig forståelse af, hvad Velocity Graph er, Easing, hvordan Bezier-kurver fungerer i After Effects, og hvordan de påvirker animation. Til sidst lærer du i detaljer, hvordan du tilpasser din animation ved hjælp af Motion Tools, som i høj grad vil optimere din animationsoplevelse.
- Generelle begreber
- Motion Tools v2.0
ØVE SIG
Zoom-animation (ved hjælp af alfamaske)
Du vil lære, hvordan du kan vise animationer af billeder, der vises. Nøgleegenskaben, du lærer i denne øvelse, er lagets skaleringsparameter. Med dens hjælp kan du ændre størrelsen på et objekt. Denne animation kaldes en skaleringsanimation (ved hjælp af Alpha Matte). Vi skalerer selve Alpha Matte (alfamasken) og billedet inde i den sammen med den udseendeanimation, du allerede har studeret. Som et resultat vil du lære, hvordan du effektivt animerer billeder.
ØVE SIG
Parallax animation
Du vil få en grundig forståelse af, hvordan du anvender en af de mest populære effekter - parallakse. For at implementere det skal du bruge 3 designelementer og den allerede velkendte Position-egenskab. Efter at have oprettet parallakseeffekten, vil du finde ud af, hvordan du anvender en omvendt animation for at få den til at loope. Til sidst lærer du, hvordan du laver billeder, der bruger parallakseeffekten til at skabe en følelse af dybde og dimension, der efterlader et stærkt indtryk på seerne.
ØVE SIG
Kompleks scene med parallakse, bevægelse og maskepåføring
I dette selvstudie lærer du, hvordan du opretter komplekse animationer, der inkorporerer de animationer, du har lært i tidligere kapitler. sprints, nemlig: Udseende - Opacitet, Bevægelse - Position, Skalering - Skalering, påføring af Alpha Matte (alfamaske) og Effekt parallakse. En ny type animation for dig vil være udseendet af titlen i maskeområdet. Du lærer, hvordan du opretter komplekse scener med overgange ved hjælp af alle disse animationstyper, som vil hjælpe dine billeder til at skille sig ud fra resten.
ØVE SIG
Adaptiv animation
Vi vil se på begrebet adaptiv animation. Dette er den allerede velkendte zoom-animation, som du vil bruge til at demonstrere responsive versioner af webstedet, når skrivebordslayoutet uden problemer forvandles til et mobiltelefonlayout. For at oprette det, skal du bruge tidligere lærte egenskaber, såsom Bevægelse – Position, Skalering – Skalering, Forsvinden/Udseende – Opacitet, Omvendt animation – Bevægelsesværktøjer 2/Klon. At vide, hvordan man korrekt implementerer adaptiv animation, vil give dig mulighed for effektivt at præsentere dine projekter.
ØVE SIG
Rotationsanimation
Du lærer simpel animation - rotationer og rotationsobjektegenskaben, som er ansvarlig for at rotere et lag omkring dets ankerpunkt. Vi vil se på tre rotationsparametre: antallet af omdrejninger, den mængde, som vi ønsker at rotere elementet med (i grader), rotation med uret/mod uret. Efter at have gennemgået hver af de gentagne animationscyklusser trin for trin, vil du til sidst mestre evnen til at arbejde med egenskaben Rotation og skabe et skud med en rotationsanimation, der vil tiltrække seernes opmærksomhed.
ØVE SIG
Kompleks animation bestående af alle de grundlæggende animationer
Lad os se på en mere kompleks kombination, som består af alle de grundlæggende animationer, du er bekendt med. I denne lektion vil vi berøre emnet for at skabe effekten af at simulere et klik på et billede ved hjælp af animation af skalering og forsvinden af cirklen (Ellipseværktøj). Som et resultat vil du lære rækkefølgen af forskellige animationer, så du kan skabe mere komplekse, imponerende animationer.
ØVE SIG
Arbejde med scener
Denne lektion er en cyklus, der består af 3 spurter. Den fokuserer på alternative sceneovergange. Først vil vi se nærmere på begrebet "scene" og diskutere, hvilke overgange der findes mellem scener. Du vil lære, hvordan du bruger 3 ikke-standard muligheder for at skifte scener: maskeskift, gardinskift og diasskift. For at skabe en "maskeskift"-overgang vil du forstå og lære, hvordan du arbejder med den nye Track Matte-parameter - Alpha Inverted Matte eller Inverted Alpha Mask. Og lær, hvordan du importerer video til en animationskomposition.
ØVE SIG
Farveskift animation
I denne øvelse lærer du, hvordan du arbejder med farveanimation og egenskaben Color layer. En simpel animation, der kan bruges til at demonstrere svævningen af knapper eller links. Men vi vil se på en mere interessant mulighed, hvordan du smukt kan præsentere dit projekt ved hjælp af farveskiftende animation.
ØVE SIG
Stianimation (beskæring)
Du vil lære den nye Trim Path-parameter, som kan bruges til at skabe meget seje stibevægelseseffekter, eller med andre ord, stitrimningseffekter. For eksempel, når de vil vise en preloader, en statuslinje i en videoafspiller osv.
ØVE SIG
Kompleks animation
I denne lektion vil du igen arbejde med kompleks animation, konsolidere tidligere erhvervede færdigheder og skabe en shot-animation med nye effekter ved hjælp af alle de samme grundlæggende animationsegenskaber: udseende, bevægelse, maske, skalering, overgang mellem scene 1 (maskeskift), overgang mellem scene 2 (skift gardin).
ØVE SIG
Dekorativ tekstanimation (fejl)
Denne lektion begynder endnu en lille cyklus, bestående af 3 lektioner om dekorativ tekstanimation. I denne lektion vil du lære, hvordan du laver en så ekstraordinær effekt som Glitch - effekten af et "brudt" billede eller tv-interferens. Denne effekt i animation ser ret fashionabel ud og giver en wow-effekt. Det er ret nemt at skabe
ØVE SIG
Dekorativ tekstanimation (manuskript)
I denne lektion lærer du, hvordan du laver en animation, der simulerer stor tekst. Denne teknik bruges ofte til at placere accenter på et websted, og det ser ganske æstetisk tiltalende ud. Til denne animation skal du bruge det nye Pen Tool. Vær forberedt på hårdt arbejde og vær tålmodig. Som et resultat vil du få en smuk animation, som du kan bruge til at præsentere dine projekter.
ØVE SIG
Kreativ tekstanimation
I denne lektion vil du igen finde tekstanimation, men mere kreativ og usædvanlig. Dens interessante effekt involverer en kombination af forskellige animationer ved hjælp af to alfamasker - enkle og omvendte. Som et resultat vil du skabe et cool skud, og du kan bruge denne metode i dine projekter til effektive præsentationer.
ØVE SIG
Kompleks animation
I denne tutorial vil vi bruge de typer animationer, som du allerede er bekendt med, men vi vil bruge nogle af dem til at skabe mere komplekse og ikke-standardiserede effekter. Som et resultat får vi en kompleks, kompleks animation, som består af tre scener med overgange, rulning og diasændringer.
ØVE SIG
Animation ved hjælp af Luma Matte
I tidligere lektioner diskuterede vi Track Matte-parametrene, og du har allerede en god idé om driftsprincippet for Alpha Matte og Alpha Inverted Matte. I denne øvelse vil vi udforske følgende to Track Matte-muligheder: Luma Matte og Luma Inverted Matte og lære, hvordan du anvender dem på vores projekter.
ØVE SIG
Animation ved hjælp af Turbulent Displace
Lad os studere animation ved hjælp af fotoforvrængningseffekten. Turbulent forskydning er et af værktøjerne i parameteren Forvrængning. Teknisk set er det en lille ændring af pixels, der hjælper med at skabe en bølgeeffekt og bruges ofte til effekten i fotografier.
ØVE SIG
Kompleks kompleks animation
Den sidste træningslektion, hvor vi vil skabe kompleks kompleks animation ved hjælp af tidligere lært typer af animationer og en ny – tekstparameteren og dens egenskab "Kildetekst", som giver dig mulighed for at ændre indholdet af teksten lag. En selvstændig praktisk del, hvor du kommer med og laver animation til dit skud fra bunden, samt flere interessante og nyttige bonusvideolektioner
ØVE SIG
Oprettelse af animation fra bunden
Bestemmelse af stilen, søgning efter referencer, oprettelse af et script. Princippet om at skabe ideer til scener og overgange mellem dem, forberede kildekoden, skabe animation af 1 scene, offentliggøre skuddet på netværkene.
ØVE SIG
Dribbel kontostyring og promovering
Dribbel kontostyring og promovering. Animation til præsentationer og Behance. Brug af animation fra After Effects på hjemmesiden.