Crossmedia: Blikje of fles Les 2, vorm afwerken

Hoe werkt blender?
Heb je Blender geïnstalleerd en muis werkend?

Then let's go!!!
De fles deel 2
Heb je de fles gemaakt in Blender?
1 / 33
volgende
Slide 1: Tekstslide
Grafische VormgevingMBOStudiejaar 2

In deze les zitten 33 slides, met tekstslides.

time-iconLesduur is: 45 min

Onderdelen in deze les

Hoe werkt blender?
Heb je Blender geïnstalleerd en muis werkend?

Then let's go!!!
De fles deel 2
Heb je de fles gemaakt in Blender?

Slide 1 - Tekstslide

Navigeren
De navigatieroos laat zien hoe je view is.
Je kan op de bolletjes klikken om direct te wisselen naar dat perspectief.
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.
Navigeren in Blender
De navigatieroos laat zien hoe je view is.

Je kan op de bolletjes klikken om direct te wisselen naar dat perspectief:

  • 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 2 - Tekstslide

Bewegen, schalen en roteren doe je via je toetsenbord
G
= Bewegen
S
R
= Schalen
= Roteren
DIT IS DE BLENDER MANTRA

Slide 3 - Tekstslide

Bewegen, schalen en roteren doe je via je toetsenbord
G
= Bewegen
G = alle richtingen op bewegen

G + x, y of z = gekozen richting op bewegen

G + Shift + x, y of z =  de andere richtingen op bewegen

ESC = beweging annuleren

Slide 4 - Tekstslide

Bewegen, schalen en roteren doe je via je toetsenbord
S
= Schalken
S = alle richtingen op schalen

S + x, y of z = gekozen richting op schalen

G + Shift + x, y of z =  de andere richtingen op schalen

ESC = schalen annuleren

Slide 5 - Tekstslide

Bewegen, schalen en roteren doe je via je toetsenbord
R
= Roteren
R = alle richtingen op schalen

R + x, y of z = gekozen richting op schalen

R + Shift + x, y of z =  de andere richtingen op schalen

ESC = schalen annuleren

Slide 6 - Tekstslide

Werken met toetsenbord
Net zoals in alle adobe pakketten kun je heel snel werken als je 
toetsenbord combinaties gebruikt in samenwerking met je muis. 

Dit is vele malen sneller. 
Leer ze voor ieder programma waar je mee werkt

Slide 7 - 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 met xray aan
Solid
Alles zien zonder materiaal. Selecteert alles met x-ray aan
Renderd
Alles afgerenderd bekijken (viewport instelling)
Material preview
Alles zien met materiaal
Selecteert alleen
het zichtbare
Viewport modussen

Slide 8 - Tekstslide

Voorbereiden vervolgstappen
We hebben voor de volgende stappen eerst een extra element nodig. Daarvoor creëren we een cilinder in het midden van onze werkomgeving!

Zorg de 3D cursor in het midden van je wereld staat:
SHIFT-S opent een zogenaamd Pie-menu. Kies Cursor to worldorigin

Nu voegen we de cilinder toe: SHIFT-A en kies Mesh en cylinder.

Draai met r de cylinder dat hij in de lengte van je fles staat
Schaal met s zodat hij minder dik is als de opening van je fles bij de dop
Verplaats met g de cylinder zodat hij niet de bodem raakt maar wel door de hals van je fles uitsteekt

Slide 9 - Tekstslide

Voorbereiden vervolgstappen

Slide 10 - Tekstslide

Voorbereiden vervolgstappen
We hebben voor de volgende stappen eerst een extra element nodig. Daarvoor creëren we een cilinder in het midden van onze werkomgeving!

Zorg de 3D cursor in het midden van je wereld staat:
SHIFT-S opent een zogenaamd Pie-menu. Kies Cursor to worldorigin

Nu voegen we de cilinder toe: SHIFT-A en kies Mesh en cylinder.

Draai met r de cylinder dat hij in de lengte van je fles staat
Schaal met s zodat hij minder dik is als de opening van je fles bij de dop
Verplaats met g de cylinder zodat hij niet de bodem raakt maar wel door de hals van je fles uitsteekt

Slide 11 - 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.
Fles opening maken
Een fles heeft bij de dop een opening. Daar gaan we nu voor zorgen!
Met de fles geselecteerd in solid modus en x-ray uitgeschakeld gaan we in de edit modus een edge selecteren en die selectie uitbreiden naar een edgeloop.
Selecteer naast de edit mode het middelste vlakje (of type in de viewport het getal 2).
Selecteer een edge die de buitenkant van je fles opening wordt.
Kies bij Select, dan Select loops, dan en Edge loops

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.
Fles opening maken
Een fles heeft bij de dop een opening. Daar gaan we nu voor zorgen!
Met x  en de keuze vertices kun je nu de loop verwijderen. Je houdt dan een stuk in het midden over.
Selecteer nu van het zwevende overgebleven stuk een nieuwe edge en kies Select, dan Select Linked en dan Linked

Met x kun je nu de overige vertices weghalen

Slide 13 - Tekstslide

Voorbeeld fles met opening

Slide 14 - 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.
Modifier toevoegen
De fles heeft nu bij de dop een opening.

Een fles heeft ook dikte.

Daar gaan we nu voor zorgen!
We gaan een Solidify modifier toepassen voor de dikte van het glas.

Slide 15 - Tekstslide

Modifiers
We gaan subdivision surface en solidify gebruiken.

Klik op het add modifier dropdown menu om al je modifiers te bekijken.
BOOLEAN MODIFIER
Met je fles geselecteerd in object mode kies je Add modifier in het modifiertabblad, kies generate
kies Solidify

We moeten wat instellingen doen:

Mode: Simple...
Thickness: ± 0.05...
Even Thickness: Aangevinkt...

That' it!!!

Slide 16 - Tekstslide

Modifiers
We gaan subdivision surface en solidify gebruiken.

Klik op het add modifier dropdown menu om al je modifiers te bekijken.
SOLIDIFY MODIFIER
Voor
Na

Slide 17 - 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 18 - 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 19 - 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 20 - 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 21 - 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 22 - 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 23 - 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 24 - 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 25 - Tekstslide

Shading:
Materiaal


Schakel naar de Shading workspace in de bovenste werkbalk.

Je workspace zou er dan zo moeten uit zien:






Slide 26 - Tekstslide

Slide 27 - 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 28 - 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 29 - 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 30 - 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 31 - 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 32 - Tekstslide

OPDRACHT
Maak nu zelf het gat in de fles

Geef de fles zelf dikte
DEADLINE: 
Einde deze les laten controleren bij Tim
Beoordeling:
Alleen een afcheck
Niet afgecheckt?
Dan - 2 punten
Op eindpunt

Slide 33 - Tekstslide