Crossmedia: Blikje of fles Les 2

Navigeren
De navigatie roos laat precies zien hoe je view is.
Je kan op de bolletjes klikken om direct van die te wisselen.
Blauw (z) boven- of onderaanzicht
Rood (x) is van voor- of van achteraanzicht
Groen (y) is van linker- of van rechter zijaanzicht
Klik en vasthouden met je muiswiel in de viewport en bewegen is je view vrij roteren.
Shift-muiswiel is viewport verschuiven.
1 / 31
volgende
Slide 1: Tekstslide
Grafische VormgevingMBOStudiejaar 2

In deze les zitten 31 slides, met tekstslides.

time-iconLesduur is: 45 min

Onderdelen in deze les

Navigeren
De navigatie roos laat precies zien hoe je view is.
Je kan op de bolletjes klikken om direct van die te wisselen.
Blauw (z) boven- of onderaanzicht
Rood (x) is van voor- of van achteraanzicht
Groen (y) is van linker- of van rechter zijaanzicht
Klik en vasthouden met je muiswiel in de viewport en bewegen is je view vrij roteren.
Shift-muiswiel is viewport verschuiven.

Slide 1 - Tekstslide

Voorbeeld afbeelding
Reference image x-as view (of alt-r en r-x-90-enter)
Locken-->filter-->selectable aanvinken en uitvinken op object
in front: object properties-->viewport Display--> in front aanvinken
transparent--> object data properties-->opacity aanvinken en instellen

Slide 2 - Tekstslide

Netjes werken
Zet je reference image in een eigen collectie en noem je object correct
zet je 3D fles (je object) ook in een eigen collectie en noem die ook correct

Slide 3 - Tekstslide

Plaats een basis object
De meeste voorwerpen kun je maken met primitieve objecten
Plaats een object --> shift-a
Kies een mesh object wat het beste past
Welk object past het best bij een fles of blik?

Slide 4 - Tekstslide

Je cilinder modelleren naar de fles of blik
Edit mode --> schakelen tussen object mode en edit mode
Schalen (scale) alle assen (xyz) -->s
Schalen op een enkele as --> s-(een van de assen (x, y of z))
Schalen en één as uitsluiten --> s--> Shift- (as die je niet wil schalen (x, y of z))

Slide 5 - Tekstslide

Grove vorm maken
Je mesh passend maken door te schalen.
schalen --> z en slepen tot het past op je referentie image

Slide 6 - Tekstslide

Selecteren en zicht
Loopcuts toevoegen --control-r
Scrollen met je muiswiel om meer of minder locus toe te voegen
enter of klik om te bevestigen
(ver)plaatsen en weer enter of klik om te bevestigen
X-ray
Door het object heen kijken 
om het grid te zien
Wireframe
Alleen de vertex en edges zien.
Selecteert alles
Solid
Alles zien zonder materiaal
Selecteert alleen
het zichtbare
Material preview
Alles zien met materiaal
Selecteert alleen
het zichtbare
Material preview
Alles zien met materiaal
Selecteert alleen
het zichtbare

Slide 7 - Tekstslide

Grove vorm maken
Schakel naar Wireframe view
selecteer door te slepen
control-r voor loopcuts toe te voegen
Scrollen met je muiswiel om meer of minder loopcuts toe te voegen
enter of klik om te bevestigen
(ver)plaatsen en weer enter of klik om te bevestigen

Slide 8 - Tekstslide

Schakel X-ray uit en schakel naar Solid view.
Klik męt je rechtermuisknop op je mesh en selecteer Shade smooth.
Shade flat laat rechte lijnen zijn. Shade smooth probeert de vorm te voorspellen. Je kan nu zien waar je mag werk moet doen.
Schakel met tab naar object mode

Slide 9 - Tekstslide

Vorm finetunen
Schakel naar Wireframe view
Voeg loopcuts toe op de plaatsen waar nodig en schaal ze zodat het past. En herhaal waar nodig.

Slide 10 - Tekstslide

Het resultaat als je je reference image verbergt via het oogje in het lagen venster.
Ingezoomd. Het is nog niet perfect maar daar gaan we nog aan werken in de 
volgende lessen.

Slide 11 - Tekstslide

Finetunen: Bevel
Om sneller meer detail aan te brengen kunnen we ook bevelen. Dat is meerder dicht bij elkaar liggende loopcuts om één edge of reeks vertexen heen. 
Dat doen we met control-b en dan slepen.
Door met je muiswiel te scrollen kun je de bevel gedetailleerder maken (meer loopcuts).
Als je klaar bent met de bevel druk je enter of je klikt. Je kunt dan je bevel ook bijschalen.

Slide 12 - Tekstslide

Modifiers
Sommige dingen kunnen we automatiseren. Dat maakt ons modellersleven een stuk makkelijker.

In de volgende slides leg ik 2 modifiers uit.
Je vind de modifiers onder het steeksleutel icoon aan de rechterzijde van je scherm.

Slide 13 - Tekstslide

Modifiers
We gaan subdivision surface en solidify gebruiken.

Klik op het add modifier dropdown menu om al je modifiers te bekijken.

Slide 14 - Tekstslide

Modifier:
Solidify

Met solidify kun je het mesh in een keer dikte geven. Een mesh zoals we dat tot nu toe hebben is oneindig dun. Met solidify kun je het een fysieke dikte geven zoals blik en glas.

Selecteer solidify

Je ziet dat in de bovenste afbeelding geen dikte zit. Na solidify in de onderste afbeelding zit wel dikte.

Slide 15 - Tekstslide

Modifier:
Solidify

De dikte kun je zelf bepalen door hem bij thickness aan te passen.




Let op!!! Standaard staat Blender op meters ingesteld

Slide 16 - Tekstslide

Modifier:
controleren
Schakel over naar solid view.

Je ziet dat er mogelijk fouten door de modifier.
In de bovenste afbeelding zie je dat de vorm erg gebogen loopt.

Dit is op te lossen door een extra loopcut te maken vlak naast de laatste rand van de fles.
loopcut--> control-r

Heb je scherpe randen of hoeken? Dan werkt dit ook!

Slide 17 - Tekstslide

Modifier:
Subdivision surface
Subdivision surface maakt onze afbeelding veel gedetailleerder. Maar tegen een prijs.

Je kan de modifier toevoegen door add modifier te klikken in het steeksleutel tabje aan de rechterzijde en dan subdivision surface te selecteren.

Slide 18 - Tekstslide

Modifier:
Subdivision surface
Doordat je meer mesh krijgt, krijg je ook meer geheugen.

Het eerder getoonde resultaat had twee levels extra mesh in de viewport.
Voor de uiteindelijke Render kies ik altijd een level meer. Je weet dan zeker dat je de optimale kwaliteit hebt.

Bij teveel mesh kan je laptop crashen

Slide 19 - Tekstslide

Shading
Met shading bedoelen we in de 3D model wereld het toekenen van structuur en kleur aan een oppervlak zodat het er fotorealistisch uit ziet.

Daarvoor hebben we wel belichting nodig. Dat kunnen we op een aantal manieren doen. Ik laat jullie de snelste en makkelijkste manier zien.

Slide 20 - Tekstslide

Shading:
world tabje

We kunnen een wereld "belichting" toevoegen.
Dat noemen we een HDRI. Vaak zijn die gratis.




Zoek er één uit en download die.
download de HDR niet de EXR in 1 of 2K
Aan de rechterzijde vind je de world settings.
Klik op het wereldbolletje




Een coole database voor HDRI's vind je op Polyhaven.com

Slide 21 - Tekstslide

Shading:
world tabje

We kunnen een wereld "belichting" toevoegen.
Dat noemen we een HDRI
Aan de rechterzijde vind je de world settings.
Klik op het wereldbolletje




Slide 22 - Tekstslide

Shading:
world tabje

Schakel naar renderen view.
Klik bij color op het gele puntje.
Selecteer environment texture.
Klik op open en selecteer je gedownloade HDRI

Als je nu klikt en sleept met je muiswiel zie je een hele wereld om je mesh heen.
Wil je wel het licht van je wereld maar niet de achtergrond? Render properties tab-->Film -->vink transparant aan






Slide 23 - Tekstslide

Shading:
Materiaal

Ga naar het material properties tabje (balletje)
Klik eerst op het + icoon
Klik daarna op new
Hernoem je nieuwe materiaal naar glas of blik





Slide 24 - Tekstslide

Shading:
Materiaal


Schakel naar de Shading workspace in de bovenste werkbalk.

Je workspace zou er dan zo moeten uit zien:






Slide 25 - Tekstslide

Slide 26 - Tekstslide

Shading:
Materiaal


Dit is je node workspace.
Met nodes kunnen we bijna alles regelen in Blender. Ook shaders.

Om glas te maken in blender hebben we andere nodes nodig






Slide 27 - Tekstslide

Shading:
Materiaal

Je kan nodes toevoegen door boven de node workspace shift-a in te toetsen. Klik dan op search. Voeg de volgende elementen toe:
Transparent BSDF
Fresnel
Colorramp
Mixshader
Verbind de nodes zoals in het voor beeld hier naast.





Slide 28 - Tekstslide

Shading:
Materiaal

Nodes verbind je door de uitgang bolletjes aan elkaar te verbinden.
Stel in Fresnel een IOR van 1.5 in
Stel in Principled BSDF de:
Basecolor op de kleur die je het glas wilt geven
Roughness op 0
Transmission op 1
Speel met de Colorramp zwart en wit waarden door ze te slepen






Slide 29 - Tekstslide

Shading:
Materiaal

Toch ziet het er nog niet uit als glas. Dat komt omdat we blender nog een paar dingen moeten vertellen: 
Bij het Camera icoon (Render properties) moeten we Screen Space Refraction aan vinken en als je die openklapt moet je ook Refraction aanvinken.






Slide 30 - Tekstslide

Shading:
Materiaal

Bij je material properties moet je onder settings ook Screen Space Refraction aanvinken.

Blend mode en Shadow mode moeten allebei veranderd worden naar Alpha Hashed






Slide 31 - Tekstslide