Creëren van Loop GIF's in Cinema 4D

Wat je gaat creëren

In deze zelfstudie laat ik je zien hoe je eenvoudige geometrieën kunt animeren en renderen om naadloze looping GIF-animaties te maken. Ik behandel animatie, objectgebaseerde belichting, scherptediepte en hoe je het uitgevoerde videobestand converteert naar een GIF-animatie in Photoshop.

Cinema 4D: modelleren, animeren, renderen

Stap 1

Begin met het creëren van de geometrieën die geanimeerd zullen worden. Voeg een nieuwe toe Torus object to scene en verander de objecteigenschappen als

  • Ringradius: 90cm
  • Ringsegmenten: 3
  • Buisradius: 25 cm
  • Leidingsegmenten: 3
Eerste Torus-object

Stap 2

Dupliceer dat Torus object twee keer. Houd de Ring en Pijp segmentwaarden hetzelfde. Wijzig de straal voor die eigenschappen alleen als volgt;

Eerste instantie

  • Ringradius: 235 cm
  • Buisradius: 40 cm

Tweede instantie

  • Ringstraal: 570cm
  • Buisradius: 70cm

Dat zijn de waarden die ik heb gekozen. U definieert de waarden zoals u wenst.

Als u mijn waarden volgt, krijgt u vrijwel hetzelfde resultaat als hieronder weergegeven:

Alle drie Torus-objecten

Stap 3

Stel de oriëntatie-rotatieparameters in van de torusobjecten zoals hieronder getoond

Torus is de kleinste en Torus.3 is de grootste.

Oriëntatieparameters van de Torus-objecten

Het resultaat zou er als volgt uit moeten zien:

Eindresultaat na rotatie

Stap 4

Voeg een Camera-object toe aan de scène en plaats deze zoals u dat wilt. Zorg ervoor dat het focuspunt van de camera op de kleinste Torus ligt.

Plaatsing van de camera

Stap 5

Onder de Details tabblad van de Camera object, schakel het DOF Map Front Blur en DOF Kaart Achter Vervaging opties. Pas de eindpunten van de DOF-kaarten dienovereenkomstig aan, zoals hieronder wordt getoond.

DOF ingeschakeld op de camera

Met deze instelling kan de scherptediepte-functie (DOF) van de camera worden ingeschakeld, zodat we het blur-effect voor een bepaald gedeelte van de weergave van de camera kunnen krijgen.

Stap 6

Hoe deze objecten te animeren. Schakel de lay-out in animatie voor een veelzijdige interface om animaties uit te voeren. Selecteer om dit te doen animatie vanuit het lay-outmenu in de rechterbovenhoek.

Selectie van animatieselectie

Nu wordt de lay-out gewijzigd en wordt het tijdlijntabblad met de inhoud onderaan weergegeven

Tijdlijn tabStap 7

Hoe de torus-objecten afzonderlijk te animeren. Dit zal relatief eenvoudig een animatie zijn met slechts één parameter geanimeerd. Selecteer een van de torussen, ik heb de Torus.3

Ga naar de Coord. tab en R.B parameter, dit staat voor Rotatiebank. Klik op de grijze stip naast R.B parameter, deze wordt rood, wat betekent dat u een keyframe hebt toegevoegd. Dit zal ook zichtbaar zijn in de tijdlijn.

Eerste keyframe

Verplaats de cursor van de tijdlijn naar het laatste frame, in dit geval frame 40. Je zult zien dat de rode stip in een holle rode stip verandert. Dat betekent dat u neen een ander keyframe voor deze parameter kunt toevoegen. 

Ik wil een volledige rotatie van het torus-object. Als ik begonnen was 0 graden op het frame 0 Ik zou het laatste frame, in dit geval frame, moeten instellen 40, naar 359 graden, sinds 0 en 360 Graden zijn hetzelfde. 

In dit geval R.B ingesteld op 23 graden nu al. Dus ik zou moeten gaan 23 graden naar -336 graden om een ​​volledige rotatie te maken. Je zou ook kunnen gaan 23 Graden naar 359 + 23 = 382 graden, dat zou alleen de draairichting omkeren.

Als u de cursor al naar het laatste frame hebt verplaatst, stelt u de R.B parameter naar -336 graden en druk op de lege rode knop om nog een keyframe voor frame toe te voegen 40.

Tweede keyframe Herhaal exact dezelfde stappen voor Torus.2 voorwerp. Wees echter voorzichtig met het kleinste torusobject, het laatste torusobject Torus. Vanwege zijn oriëntatie, in plaats van zijn R.B parameter, u moet keyframes toevoegen voor de bijbehorende R.P parameter, wat staat voor Rotatiehoogte.Keyframe van de kleinste torus

Nadat alle hoofdframes zijn toegevoegd, ziet de tijdlijn er ongeveer zo uit:

Laatste status van de tijdlijn

Stap 8

Beperk de schuifregelaar van de tijdbalk naar 40 en druk op de groene afspeelknop.

De tijdlijn versmallen

Je zult zien dat de animatie begint, langzaam versnelt en dan vertraagt. Het voelt dus niet continu of naadloos aan. Dit komt door de gemak in gemak gedrag geleverd door het spline-sleuteltype.

U moet de animatietoetsen instellen op lineaire interpolatie. Selecteer hiervoor alle modellen in de tijdlijn en selecteer vervolgens de Lineair optie uit het menu. Het wordt hieronder getoond;

Van toetsen veranderen naar lineaire interpolatie

Druk nogmaals op de groene afspeelknop en je ziet een vloeiende en naadloze animatie.

Op dit punt zijn we klaar met modelleren en animeren. Ik ga verder met belichten en renderen.

Stap 9

Ga op dit punt, voordat u doorgaat, over op de weergave van de camera die we al hebben gemaakt. Klik hiervoor op het kleine pictogram naast het camera-object.

Stel de weergave in op cameraweergave

Ga ook terug naar Standaard lay-out.

Maak een materiaal voor torus-objecten;

Maak materiaal

Dubbelklik op het materiaal dat u hebt gemaakt. Stel enkele parameters voor verschillende kanalen als volgt in.

Beginnen met Kleur kanaal. Om de. Toe te voegen Ambient Occlusion klik op de pijlknop naast structuur en volg de Bijwerkingen menu, daar vindt u de Ambient Occlusion.

Kleurkanaal

Ga verder met verspreiding kanaal. Klik op de witte pijl naast structuur en voeg de Lawaai

Diffuus kanaal

Voeg de toe reflectie kanaal. Voeg reflectie toe zoals hieronder weergegeven en selecteer vervolgens de reflectielaag, genaamd Laag 1, u moet de parameters in de onderstaande afbeelding dienovereenkomstig instellen.

Reflectiekanaal

Het laatste kanaal is de Gloed kanaal.

Gloeikanaal

Versleep dit materiaal over alle drie torusobjecten om het materiaal toe te wijzen.

Het zou er zo uit moeten zien:

Eindresultaat met materialen

Stap 10

Het volgende is het maken van een achtergrondobject en een materiaal ervoor.

Achtergrond toevoegen

Maak een materiaal en voeg een toe helling textuur voor het kleurkanaal.

Gebruik de onderstaande instellingen:

Achtergrondmateriaal

Ken dit materiaal toe aan het achtergrondobject dat we hebben gemaakt.

Stap 11

Verlichting. Ik gebruik bij voorkeur objectgebaseerde verlichting voor dergelijke scènes.

Begin met het verlaten van de cameraweergave door op het kleine pictogram naast het cameraobject te klikken en vervolgens in de standaardperspectiefweergave twee kubusobjecten te maken en deze aan de linker- en rechterkant van onze torusmodellen te plaatsen. 

De scène wordt hieronder getoond;

Verlichtingsinstallatie

De dikte van de kubusobjecten heeft geen invloed op het resultaat.

Stap 12

Nu zullen we twee verschillende materialen maken om als lichtbron te gebruiken voor onze kubusobjecten.

Maak twee materialen en voeg alleen toe Luminance kanaal, laat andere kanaalinstellingen zoals ze zijn.

Lichtbron materialen

Ken die materialen toe aan kubusobjecten. Ik heb een blauwachtige toegewezen aan de linker kubus en de gelige aan de rechterkubus. Het is aan jou.

De scène is als volgt:

Eindresultaat van de scène

Stap 13

De renderparameters instellen.

Begin met de uitgang sectie. Stel de grootte van het uitvoerbestand in zoals u dat wilt.

480x360pxvooraf ingesteld. Vergeet niet om het kaderbereik in te stellen Van: 0 Aan: 40, omdat ik geanimeerd ben tussen dit bereik.

Uitgangsinstellingen

Controleer de Opslaan optie en selecteer een map om het bestand op te slaan en een naam te geven. Stel het formaat in op QuickTime-film. 

Instellingen opslaan

Toevoegen Globale verlichting door op te klikken Bijwerkingen…  knop. Laat het zoals het is, je hoeft niet echt te spelen met zijn parameters voor dit voorbeeld.

Toevoegen Scherptediepte en gebruik de onderstaande instellingen;

Diepte van lokale instellingen

En het laatste is om de Object Glow en we zijn klaar.

druk de Renderen naar Picture Viewer om elk frame weer te geven en de video-uitvoer te genereren.

Renderen naar foto-viewer

Photoshop: conversie naar GIF

Stap 1

In dit stadium heeft u een animatie als videobestand in de bestandsindeling van .mov.

Om dit te kunnen converteren .mov bestand in een GIF-bestand, zal ik gebruiken Photoshop.

Rennen Photoshop, ga naar Rennen > Importeren> Videoframes naar lagen en selecteer de .mov bestand dat je hebt gemaakt.

Lagen importeren uit videobestand

Dit zal een venster openen. Verzekeren dat Maak kaderanimatie optie is aangevinkt. Druk vervolgens op OK.

Instellingen importeren

Stap 2

Om die frames te zien, moeten we eerst de Tijdlijn. Ga hiervoor naar venster> Tijdlijn.

Tijdlijn

Stap 3

Zodra u de tijdlijn opent, ziet u elk frame eronder. Selecteer al die frames en druk op een van de teksten van 0.03 om het te veranderen in "geen vertraging". Deze waarde toont de vertragingstijd tussen elk frame wanneer het is geanimeerd. Dus we willen geen vertraging, vandaar het instellen van "geen vertraging".

Geen vertragingsinstelling

Stap 4

Sla de animatie op als een GIF-bestand. Ga naar Bestand> Exporteren> Opslaan voor web.

De animatie opslaan

Hierdoor wordt een nieuw venster geopend waarin u de specificaties van het GIF-bestand ziet dat moet worden opgeslagen. U kunt de kwaliteitsinstellingen wijzigen om de bestandsgrootte te verkleinen of u kunt de uitvoer schalen, waardoor ook de bestandsgrootte kleiner wordt. 

Als u tevreden bent met de kwaliteit en de bestandsgrootte, klikt u op opslaan en je hebt zojuist een GIF-animatie gemaakt.

Snapshot van eindresultaat

Momentopname