Share
Flash CS4 kom med noen store endringer og funksjoner som fortsatt forbløffer oss selv etter den nyere versjonen av Flash CS5. Flash har nå muligheten til å jobbe med objekter i 3D-rom direkte i arbeidsmiljøet.
Selv om det fortsatt er en grunnleggende funksjon i forhold til hva du kan gjøre med 3D i ActionScript-klasser, åpnes dette verktøyet for designere og animatorer som ikke vet mye om kode. Det tillater dem å begynne å flytte sine objekter i 3D-rom uten å måtte bruke gamle metoder (for eksempel å importere 3D-animasjon i sekvensbilder etc.)
Sammen med 3D-verktøyet har Flash endret måten vi forstår bevegelsestweening ved å legge til den nye bevegelsestilstandsstilen, som er mer som animasjonstasten i After Effects. Sammen med bevegelsesintervallene endres, kommer Flash med Motion Editor. Dette panelet har mange funksjoner og funksjoner som gir animatoren mer kontroll over animasjon i Flash ved hjelp av animasjonskurver.
Motion Editor-panelet forbedrer ikke bare animasjonen ved å gi flere alternativer gjennom kurvkontroll, det gir også kontroll over animasjonsletting, utlåner et mer realistisk utseende. Det lettende konseptet er kjent i mange animasjonsprogrammer som etter effekter, men det var tidligere så grunnleggende i Flash og begrenset til å endre lettingsverdien fra 100 til -100. De nyere lettelsefunksjonene gir deg større mulighet til å kontrollere animasjonsletting, slik vi vil se i trinnene nedenfor.
I denne opplæringen smelter vi sammen 3D- og lettelsefunksjonene ved å lage 3D-animasjon i Flash og også bruke lette kurver.
La oss se på det endelige resultatet vi vil jobbe for:
Den første delen av opplæringen vår er å bygge tegneseriefilmen for et rom med en dør.
Åpne et nytt Flash-dokument med dimensjonene 600px X 450px og begynn å tegne omrisset på rommet vist i figuren under.
Vær oppmerksom på at 3D-verktøyet bare er tilgjengelig når du har innstillingene for publisering av dokumenter for ActionScript 3 og Flash Player 10 eller senere. I tillegg kan den bare brukes på filmklippssymboler. Du bør sørge for at dine filpubliseringsinnstillinger (funnet i Fil> Publiser innstillinger, overraskende) er satt til Action Script 3 og Flash Player 10 eller høyere.
Klipp dørområdet og legg det på et nytt lag for å kunne kontrollere det ved hjelp av 3D-verktøyene.
La oss nå legge til noen detaljer i bakgrunnen for å gi det et ekte tegneserieutseende. Vi legger også til noen skygger og teksturer til gulvet og døren.
Konverter dørsymbolet til et filmklipp og gi det navnet 'Dør'.
3D-navigasjonsaktivet inneholder fire sykluser, ved å dra over hver syklus kan du rotere symbolet i en av retningene som følger:
Mens dørsymbolet er valgt, velger du 3D-verktøyet. 3D-aktivitetssyklusene vises midt på filmklippssymbolet.
Klikk på midtpunktet for 3D-syklusene, og dra navigasjonsutstyret til høyre midt på døren for å gjøre det til midtpunktet hvor døren roterer rundt. Det endelige utseendet til bakgrunnen skal være som nedenfor.
I de ovennevnte trinnene forberedte vi tegneseriebakgrunnen for 3D-animasjonen gjennom bevegelsestweening. I denne animasjonen vil vi animere døren for å åpne og lukke ved hjelp av 3D-verktøyet. Dra tidslinjeindikatoren til den første rammen i tidslinjepanelet for å starte animasjonen.
Klikk på 3D Rotate-verktøyet og klikk på dørsymbolet. Legg merke til at 3D-navigeringsaktivet vises på høyre side av objektet.
Klikk over den grønne syklusen og dra for å åpne døren i retning utenfor rommet, som vist på figuren under.
Flytt tidslinjeindikatoren til ramme 50. Og bruk 3D Rotate-verktøyet for å rotere døren til den andre siden av rommet som vist på figuren under.
Vi har nå opprettet 3D-animasjonen for døren på Flash-scenen. Deretter bruker vi bevegelseseditoren til å skape mer realistiske animasjonseffekter ved hjelp av Easing-kurver i Motion Editor-panelet. Selv om denne forbedrede funksjonen for lettelse ble lagt til i Flash CS4 og nyere versjoner, hadde de eldre versjonene av Flash en forenklet lettelsefunksjon via Easing-verdien i egenskapspanelet. Du kan fortsatt finne denne verdien når du klikker hvor som helst i bevegelseshopping, men denne metoden ga aldri mange andre muligheter enn å lette inn og ut.
Motion Editor-panelet består av animasjonskurver som kontrollerer objektegenskapene gjennom animasjon over tidsrammen. Hver kurve representerer en bestemt egenskap for objektet og er ansvarlig for at den endres over tid og nivået av endringen. For eksempel representerer X-kurven animasjonen av objektet på X-aksen. Denne verdien blir aktiv når du oppretter en bevegelsestweening tilknyttet den.
Lette kurver i bevegelsespanelet ligner resten av animasjonskurverne for bevegelseseditorer, da de gir deg større mulighet til å kontrollere animasjonens realistiske bevegelse.
Det er to hovedmetoder for å skape lettelseskurven. Den første er gjennom rullegardinmenyen Ease-forhåndsinnstillinger, som inkluderer klare lette alternativer. Den andre metoden er å skape den tilpassede lette kurven. I denne opplæringen vil vi prøve begge metodene.
Før vi fortsetter, her er en kort oversikt over lettelse kurver i Bevegelsespanelet.
I Easing-delen av Motion Editor-panelet kan du legge til / fjerne og redigere lette kurver ved å velge ønsket kurve. Før vi ser hvordan du bruker den lette effekten på 3D-animasjonen, vil vi kort se hvordan lette kurven fungerer i Motion Editor-panelet.
Lette kurven er en omfattende metode for å kontrollere hvordan animasjonen akselererer gjennom bevegelsestweening for å skape en mer realistisk animasjon; det viser akselerasjon eller retardasjonsverdi av animasjonen gjennom tiden.
Bevegelsesredigeringspanelet gir deg muligheten til å lage mange lette kurver og tilordne forskjellige kurver til hver bevegelsesegenskap og bruke forskjellige lettelser til hver funksjon. I de følgende trinnene starter vi ved å bruke en forenklet forhåndsinnstilt til animasjonsdøren for døråpningen.
Velg filmklippet eller klikk hvor som helst på bevegelsestweening, gå til Motion Editor-panelet og naviger til Ease-delen.
Klikk på plussikonet i Ease-delen for å legge til lette fra forhåndsinnstillingene for nedlasting. Velg våren lettelse.
Gå til Rotation Y-kurven som viser animasjonen til døren. I rullegardinlisten Easing velger du Spring. Trykk Ctrl + Enter for å teste animasjonen.
Du vil legge merke til at døranimasjonen endret fra en enkel animasjon av to nøkkelrammer til en kompleks animasjon med våreffekt. Du kan også legge til andre lettelseinnstillinger og prøve dem å se hvordan det påvirker døranimasjonen. Animasjonen skal være som følger:
I de følgende trinnene vil vi opprette en egendefinert lettelsekurve og bruke den til animasjonsdøråpningen. Vi ser nærmere på hvordan kurven fungerer og tar tak i hvordan man arbeider med den.
Først, la oss fjerne den forrige lettelsen enten ved å velge No Ease fra rullegardinmenyen, eller klikk på minusikonet på easing-delen og velg den lettelse du vil fjerne. I dette eksemplet fjerner vi vårenes lettelse.
Klikk på plussikonet ved siden av Ease-delen og velg Tilpasset fra rullegardinlisten. Dette vil skape en ny tilpasset lettelse kurve med en grønn kurve for å indikere at den kan redigeres. Hvis du oppretter flere tilpassede lette kurver, har hver kurve en unik farge knyttet til den.
Lette kurven fungerer på samme måte som tegningsturer. Du kan opprette poeng på det; disse punktene representerer keyframes eller punktene som indikerer endringer i den lette animasjonen. Hvert punkt har to håndtak for å endre hvordan høyre og venstre deler av kurven ser ut. Nå skal vi skape poeng på lette kurven som vil påvirke døranimasjonen:
Høyreklikk på lette kurven og opprett nøkkelrammer på rammer 10, 20, 30 og 40
Lette kurven varierer mellom null og 100. Når kurven beveger seg mot nullverdien, beveger animasjonen mot den første rammen, og flytte kurven til 100-verdien betyr at den beveger seg til slutten av animasjonen. Legg også merke til at den harde glidekurven betyr høyere akselerasjon og langsom glidning betyr langsom animasjonsakselerasjon.
Vi redigerer poengets posisjon og kurve for å påvirke animasjonsakselerasjonen. Velg det første punktet og flytt det til å lette verdien 100. Dette betyr at animasjonen vil nå sin ende på dette punktet, og den harde slipingen betyr at animasjonen vil akselerere fort.
Flytt det andre punktet til verdien null, det tredje punktet til verdien 50 og det fjerde punktet til verdien 50.
Bruk punkthåndteringen på de to siste punktene for å lage en jevn buet glide for å gjøre døren anime sakte på slutten av animasjonen. Den endelige lempekurven skal likne figuren nedenfor:
Trykk Ctrl + Enter for å teste animasjonen og se hvordan den nye lempekurven påvirker døranimasjonen. Den endelige animasjonen for den tilpassede lettelsen bør være som følger:
Dette er slutten av opplæringen. Det har som mål å hjelpe deg å forstå hvordan du bruker Flashs 3D-verktøy for å lage animasjon i 3D-rom og bruke de omfattende funksjonene for lettelse i bevegelseskanelet gjennom lette kurver.
Forståelse av Easing-kurver kan hjelpe deg å lage komplisert, realistisk animasjon lettere og effektivt ved å bruke lekekurver til animasjonen i stedet for å lage mange keyframes i bevegelseshopping.
.
Accentsconagua