Scroll to top
Back
3D illustratie

Signal | Procedural Texturing study

  • Date: januari 27, 2023

  • Skills: Procedural texturing | Rendering

  • Client: Persoonlijk Project

Scroll

01. Project Info

Never stop learning! Ik vind het geweldig om nieuwe dingen te leren, of misschien vooral om nieuwe dingen te kunnen. Het moment waarop het kwartje valt en je nieuwe technieken toe kunt passen op manieren die je zelf verzint in plaats van de tutorial geeft een heerlijk gevoel! Ik ben de laatste tijd veel bezig met het leren van procedurele texture en animatie setups en wou met een kort project mijzelf uitdagen om dit in de praktijk te brengen.

Bekijk hieronder het resultaat.

02. Concept

Om er voor te zorgen dat mijn project wat richting kreeg heb ik mijzelf een korte briefing gegeven.

“Visualiseer een HDMI kabel waardoor data getransporteerd wordt”

De aanvullende eisen waren dat ik geen gebruik mocht maken van image textures en dat minstens 2 lagen met effecten in het eindshot moesten zitten. om het mijzelf niet te makkelijk te maken moesten de effecten ook te dupliceren zijn en zonder moeite kunnen variëren. Let the learning begin!

03. Process

Het bouwen van de scene ging vrij rap. Ik besloot tijdens een snelle brainstorm dat ik de HDMI kabel als een tunnel zou bouwen in de vorm van de stekker die bij iedereen bekend is. Van een vorig project had ik nog wat printplaat componenten die ik gebruikt heb om de binnenkant van de tunnel te bekleden. Daarna kon het bouwen van de texture setups beginnen.

3D animatie - Exploded view - Behind the scenes
01.

Lijnen

Het lijnenspel heb ik op een plat vlak geplaatst waarvan ik de UV coordinaten als basis gebruikt heb. Deze heb ik over de Y as verdeeld in ongeveer 200 vlakken. Door ieder vlak een willekeurige waarde te geven creeer ik de eerste parameter waarmee ik variatie toe kan voegen aan de beweging van de lijnen. Door de willekeurige waarde per valk te vermenigvuldigen met de X waarde en hier vervolgens een waarde bij op te tellen zijn de vlakken te animeren met ieder hun eigen snelheid.

Daarna was het belangrijk om separatie te creeeren tussen de lijnen, door een offset toe te voegen en op basis van de eerder gemaakte willekeurige waarde per veld een aantal vlakken uit te zetten ontstaat langzaam maar zeker het idee wat ik had voor het lijnenspel.

Om meer detail toe te voegen geef ik iedere lijn een iets dikkere kop en zorg ik er voor dat de start langzaam naar 0 fade door een kleurverloop van wit naar zwart (1 naar 0) toe te voegen. Deze kleurverloop kan ik later weer gebruiken om de lijnen hun kleur te geven.

Om de aanpasbaarheid toe te voegen kies ik er voor om aan de willekeurige afstand een object index toe te voegen waarmee ik deze waarde vermenigvuldig. Op deze manier kan ik het vlak met de texture dupliceren en gemakkelijk een andere object index geven waardoor de texture verandert ten opzichte van het duplicaat.

Met nog een ruis texture over de lijnen zorg ik ervoor dat de lijnen opgebroken worden en meer visuele interesse krijgen.

02.

Gestippelde vlakken

De gestippelde vlakken vormen de tweede laag onder de lijnen. Op dezelfde manier als bij de lijnen heb ik een offset toegevoegd op basis van een willekeurig getal om de vlakken te kunnen animeren met verschillende snelheden.

De stippen in de vlakken zijn het restultaat van een voronoi noise waarvan de randomness uitgezet is. vervolgens is de zwartwit waarde daarvan vergeleken met een tweede voronoi noise om variatie te krijgen in de grootte van de stippen. Deze input kan ook gebruikt worden om de stippen een verlichtingswaarde te geven, zo geven de stippen in het midden van het vlak meer licht dan de buitenste.

In het geval waarin ik in een later stadium toch image textures toe wil voegen heb ik ook een masker gegenereerd van de stippen om bijvoorbeeld een afbeelding over de stippen heen te kunnen leggen.

03.

Belichting en nabewerking

De texture vlakken geven licht af aan de omgeving wat zorgt voor interessante details op de componenten in de tunnel. Maar dit is nog niet genoeg licht om de scene goed te kunnen zien. Door een light path node toe te voegen kan ik ervoor kiezen om het licht dat de camera bereikt en het licht dat de omgeving verlicht van elkaar afzonderlijk te beïnvloeden. zo kan ik de look van de vlakken en de lijnen op beeld behouden maar ervoor zorgen dat ze de tunnel in grotere mate verlichten. daarnaast plaats ik nog een tweetal lampen in de tunnel voor de finishing touches en wat meer visuele interesse op de grote onderdelen.

Qua nabewerking is er weinig gedaan aan de plaat, behalve een lichte glow op de lichtgevende onderdelen en de tekst gecentreerd in het beeld.

Heb jij een leuk project?

Laten we samen iets moois maken!

Neem Contact op!

Stuur een bericht naar hello@jurre.design