Opprette Loop GIFs i Cinema 4D

Hva du skal skape

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.

Kino 4D: Modeling, Animering, Rendering

Trinn 1

Begynn med å lage geometrier som vil bli animert. Legg til en ny torus protester mot scene og endre objektegenskaper som

  • Ring Radius: 90cm
  • Ringssegmenter: 3
  • Rør Radius: 25cm
  • Rørsegmenter: 3
Første Torus-objektet

Steg 2

Kopier det torus objekt to ganger. Hold Ringe og Rør segmenter verdier det samme. Endre bare radius for disse egenskapene som følger:

Første gang

  • Ring Radius: 235cm
  • Rør Radius: 40cm

Andre forekomst

  • Ring Radius: 570cm
  • Rør Radius: 70cm

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 gjenstander

Trinn 3

Still orienteringsrotasjonsparametrene - for torusobjektene som vist nedenfor

torus er den minste og Torus.3 er den største.

Orienteringsparametere for Torus-objektene

Resultatet skal se slik ut:

Endelig resultat etter rotasjon

Trinn 4

Legg til et kameraobjekt på scenen og legg det slik du vil. Kontroller at fokuspunktet til kameraet er på den minste Torus.

Plassering av kameraet

Trinn 5

Under 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å kameraet

Denne innstillingen aktiverer kameraets dybdeskarphet (DOF) -funksjon, slik at vi kan få uskarphetseffekten for en viss del av kameraets visning.

Trinn 6

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 utvalg

Nå endres oppsettet, og tidslinjefanen med innholdet vises nederst

Tidslinje tabStep 7

Slik 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 keyframe

Flytt 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 torusen

Etter at alle keyframes er lagt til, ser tidslinjen ut som dette:

Endelig tilstand på tidslinjen

Trinn 8

Skyv ned glidebryteren til tidslinjestangen til 40 og trykk på den grønne avspillingsknappen.

Narrowing ned tidslinjen

Du 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 interpolering

Trykk 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.

Trinn 9

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 kameravisning

Bytt også tilbake til Standard oppsett.

Lag et materiale for torus gjenstander;

Lag materiale

Dobbeltklikk 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.

Fargekanal

Fortsett med Spredning kanal. Klikk på den hvite pilknappen ved siden av Tekstur og legg til Bråk

Diffus kanal

Legg 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.

Refleksjonskanal

Den siste kanalen er Gløde kanal.

Glødkanal

Dra og slipp dette materialet over alle tre torusobjektene for å tildele materialet.

Det skal se slik ut:

Endelig resultat med materialer

Trinn 10

Neste er opprettelsen av et bakgrunnsobjekt og et materiale for det.

Legge til bakgrunn

Lag et materiale og legg til en gradient tekstur for fargekanalen.

Bruk innstillingene som er vist nedenfor:

Bakgrunnsmateriale

Tilordne dette materialet til bakgrunnsobjektet vi har opprettet.

Trinn 11

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;

Lysoppsett

Tykkelsen av kubeobjektene påvirker ikke resultatet.

Trinn 12

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 materialer

Tilordne 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 scenen

Trinn 13

Angi 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-innstillinger

Undersøk Lagre alternativet og velg en katalog for å lagre filen og gi den et navn. Still formatet til QuickTime Movie. 

Lagre innstillinger

Legg 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å feltinnstillinger

Og 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 bildeviseren

Photoshop: Konvertering til GIF

Trinn 1

På dette stadiet har du en animasjon som en videofil i filformatet til .mov.

For å kunne konvertere dette .mov 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.

Importerer lag fra videofil

Dette vil be om et vindu. Sørge for at Lag ramme animasjon alternativet er merket. Trykk deretter på OK.

Importer innstillinger

Steg 2

For å se disse rammene, trenger vi å åpne Tidslinje. For å gjøre det, gå til vindu> Tidslinje.

Tidslinje

Trinn 3

Nå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 forsinkelsesinnstilling

Trinn 4

Lag animasjonen som en GIF-fil. Gå til Fil> Eksporter> Lagre for web.

Lagrer animasjonen

Dette 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.

Stillbilde fra sluttresultatet

snapshot