I denne opplæringen vil jeg vise deg hvordan du animerer og gjør enkle geometrier for å skape sømløse looping-GIF-animasjoner. Jeg vil dekke animasjon, objektbasert belysning, dybdeskarphet og hvordan du konverterer den utgitte videofilen til en GIF-animasjon i Photoshop.
Begynn med å lage geometrier som vil bli animert. Legg til en ny torus protester mot scene og endre objektegenskaper som
Kopier det torus objekt to ganger. Hold Ringe og Rør segmenter verdier det samme. Endre bare radius for disse egenskapene som følger:
Det er de verdiene jeg har valgt. Du definerer verdiene som du ønsker.
Hvis du følger mine verdier, bør du få det samme resultatet som vist nedenfor:
Alle tre Torus gjenstanderStill orienteringsrotasjonsparametrene - for torusobjektene som vist nedenfor
torus er den minste og Torus.3 er den største.
Orienteringsparametere for Torus-objekteneResultatet skal se slik ut:
Endelig resultat etter rotasjonLegg til et kameraobjekt på scenen og legg det slik du vil. Kontroller at fokuspunktet til kameraet er på den minste Torus.
Plassering av kameraetUnder detaljer fanen av Kamera objekt, slå på DOF Map Front Blur og DOF Map Rear Blur alternativer. Juster sluttpunktene til DOF-kartene slik som vist nedenfor.
DOF aktivert på kameraetDenne innstillingen aktiverer kameraets dybdeskarphet (DOF) -funksjon, slik at vi kan få uskarphetseffekten for en viss del av kameraets visning.
Hvordan animere disse objektene. Bytt layout til animasjon for et allsidig grensesnitt for å gjennomføre animasjon. For å gjøre dette, velg animasjon fra oppsettmenyen som vises øverst til høyre.
Animasjon layout utvalgNå endres oppsettet, og tidslinjefanen med innholdet vises nederst
Tidslinje tabStep 7Slik animerer du torusobjektene separat. Dette vil relativt være en enkel animasjon med bare én parameter animert. Velg en av torusene, jeg valgte Torus.3
Gå til koord. fanen og R.B parameter, står dette for Rotasjon Bank. Klikk på den grå prikken ved siden av R.B parameter, vil den bli rød, noe som betyr at du har lagt til en keyframe. Dette vil også være synlig i tidslinjen.
Første keyframeFlytt markøren til tidslinjen til siste ramme, i dette tilfellet ramme 40. Du vil merke at den røde prikken blir til en hul rød prikk. Det betyr at nei du kan legge til en annen keyframe for denne parameteren.
Jeg vil ha en full rotasjon av torusobjektet. Hvis jeg hadde startet med 0 grader ved rammen 0 Jeg må sette den siste rammen, i dette tilfellet ramme 40, til 359 grader, siden 0 og 360 grader er det samme.
I dette tilfellet R.B er satt til 23 grader allerede. Så, jeg må gå fra 23 grader til -336 grader å gjøre en full rotasjon. Du kan også gå fra 23 grader til 359 + 23 = 382 grader, det ville bare reversere rotasjonsretningen.
Hvis du allerede har flyttet markøren til den siste rammen, angir du R.B parameter til -336 grader og trykk den hule røde knappen for å legge til en annen keyframe for ramme 40.
Andre keyframe Gjenta nøyaktig samme trinn for Torus.2 gjenstand. Vær imidlertid forsiktig med det minste torusobjektet, som er den siste som heter torus. På grunn av sin orientering, i stedet for dens R.B parameter, må du legge til keyframes for det R.P parameter, som står for Rotasjonsplass.Keyframe av den minste torusenEtter at alle keyframes er lagt til, ser tidslinjen ut som dette:
Endelig tilstand på tidslinjenSkyv ned glidebryteren til tidslinjestangen til 40 og trykk på den grønne avspillingsknappen.
Narrowing ned tidslinjenDu får se at animasjonen starter, sakker raskt og senker deretter. Så det føles ikke kontinuerlig eller sømløs. Dette er på grunn av lett å lette ut oppførsel som tilbys av spline nøkkel typen.
Du må sette animasjonstastene til lineær interpolering. For å gjøre dette, velg alle modellene inne i tidslinjen, og velg deretter lineær alternativet fra menyen. Det er vist nedenfor;
Endre nøkler til lineær interpoleringTrykk på den grønne avspillingsknappen igjen, og du bør se en jevn og sømløs animasjon.
På dette tidspunktet har jeg ferdig med å modellere og animere. Jeg fortsetter med belysning og gjengivelse.
På dette tidspunktet, før du fortsetter, bytt til visning av kameraet vi allerede har opprettet. For å gjøre det, klikk på det lille ikonet ved siden av kameraobjektet.
Sett visningen til kameravisningBytt også tilbake til Standard oppsett.
Lag et materiale for torus gjenstander;
Lag materialeDobbeltklikk på materialet du opprettet. Angi noen parametere for flere kanaler, som følger.
Starte med Farge kanal. For å legge til Ambient okklusjon klikk på pilknappen ved siden av Tekstur og følg effekter meny, der finner du Ambient okklusjon.
FargekanalFortsett med Spredning kanal. Klikk på den hvite pilknappen ved siden av Tekstur og legg til Bråk
Diffus kanalLegg til refleksjon kanal. Legg til refleksjon som vist under og deretter ved å velge refleksjon laget, kalt som Lag 1, Du må angi parametrene gitt i bildet nedenfor.
RefleksjonskanalDen siste kanalen er Gløde kanal.
GlødkanalDra og slipp dette materialet over alle tre torusobjektene for å tildele materialet.
Det skal se slik ut:
Endelig resultat med materialerNeste er opprettelsen av et bakgrunnsobjekt og et materiale for det.
Legge til bakgrunnLag et materiale og legg til en gradient tekstur for fargekanalen.
Bruk innstillingene som er vist nedenfor:
BakgrunnsmaterialeTilordne dette materialet til bakgrunnsobjektet vi har opprettet.
Lighting. Jeg foretrekker å bruke objektbasert belysning for slike scener.
Begynn med å gå ut av kameravisningen ved å klikke på det lille ikonet ved siden av kameraobjektet og deretter i standardperspektivvisningen, opprett to kubeobjekter og plasser dem på venstre og høyre side av våre Torus-modeller.
Scenen er vist under;
LysoppsettTykkelsen av kubeobjektene påvirker ikke resultatet.
Nå skal vi lage to forskjellige materialer som skal brukes som lyskilde for våre kubeobjekter.
Lag to materialer og bare legg til Luminans kanal, la andre kanalinnstillinger være som de er.
Lyskilde materialerTilordne disse materialene til kubeobjekter. Jeg tildelte blåaktig en til venstre terning og gulaktig en til høyre terning. Det er opp til deg.
Scenen er som følger:
Endelig resultat av scenenAngi gjengivelsesparametrene.
Start med produksjon seksjon. Still størrelsen på utdatafilen som du ønsker.
480x360pxforhåndsinnstilling. Ikke glem å sette rammeområdet Fra: 0 Til: 40, siden jeg animerte i mellom dette området.
Output-innstillingerUndersøk Lagre alternativet og velg en katalog for å lagre filen og gi den et navn. Still formatet til QuickTime Movie.
Lagre innstillingerLegg til Global belysning ved å klikke på Effekter ... knapp. La det som det er, trenger du ikke virkelig å spille med parametrene for dette eksempelet.
Legg til Feltdybde og bruk innstillingene som er gitt nedenfor;
Dybde på feltinnstillingerOg siste er å legge til Objekt Glød og vi er ferdige.
trykk Render til Picture Viewer knappen for å gjengi hver ramme og generere videoutgangen.
Render til bildeviserenPå dette stadiet har du en animasjon som en videofil i filformatet til .mov
.
For å kunne konvertere dette .mo
v fil til en GIF-fil, vil jeg bruke Photoshop.
Løpe Photoshop, gå til Løpe > Import> Videorammer til lag og velg .mov
fil du opprettet.
Dette vil be om et vindu. Sørge for at Lag ramme animasjon alternativet er merket. Trykk deretter på OK.
Importer innstillingerFor å se disse rammene, trenger vi å åpne Tidslinje. For å gjøre det, gå til vindu> Tidslinje.
TidslinjeNår du åpner tidslinjen, vil du se hver enkelt ramme på den. Velg alle disse rammene og klikk deretter på en av teksten til 0,03 å bytte den til "ingen forsinkelse". Denne verdien viser forsinkelsestiden mellom hver ramme når den er animert. Så, vi ønsker ingen forsinkelse, derav innstillingen av "ingen forsinkelse".
Ingen forsinkelsesinnstillingLag animasjonen som en GIF-fil. Gå til Fil> Eksporter> Lagre for web.
Lagrer animasjonenDette vil be om et nytt vindu der du vil se spesifikasjonene for GIF-filen som skal lagres. Du kan endre kvalitetsinnstillingene for å redusere filstørrelsen, eller du kan skalere utdataene, noe som også reduserer filstørrelsen.
Når du er fornøyd med kvaliteten og filstørrelsen, klikk lagre og du har nettopp opprettet en GIF-animasjon.