# Isometrik

---
## Hvad er isometrisk tegning?
- En metode til at vise 3D uden forsvindingspunkter.
- Alle linjer forbliver parallelle – ingen visuel “dybdeforvrængning”.
- 3 sider - 1 skygge - "GUDE" perspektivet :stuck_out_tongue_winking_eye:
Kort forklaring ( på engelsk - [link](https://sketchplanations.com/isometric-projection) )
---
# Perspektiv vs Isometrik
## Hvad er et forsvindingspunkt?
- Et punkt hvor parallelle linjer ser ud til at mødes i perspektiv.
*(Definition af vanishing point)* [wikipedia](https://en.wikipedia.org/wiki/Vanishing_point)
---
### Perspektivtyper (kort)
- **1-punkt perspektiv (frontalt)** – ét VP på horisontlinjen.
*(Bruges når objektet er lige foran dig)* [Link](https://youtu.be/BYlW8XC0MlI?si=UVgBIPf978qX7A1a&t=334)
- **2-punkt perspektiv (hjørnevisning)** – to VP på horisontlinjen.
*(Ideelt til bygninger og skrå synsvinkler)* [link](https://www.youtube.com/watch?v=zzYHtV-cT4M&list=PL3oZQ1O_TlKevTA1EEDj-RZEuTW1UYZJE&index=2)
- **3-punkt perspektiv (fugl-/frøperspektiv)** – tredje VP oppe eller nede.
*(Bruges ved høje bygninger eller dybder)* [link](https://www.youtube.com/watch?v=EPBaHkj753I)
---
# Hvor er det være 'MG' relevant?
---
- **Infografik**
Det giver klare, modulopbyggede illustrationer til at vise processer, flows og statistik. [link weforum.org](https://www.weforum.org/stories/2021/08/total-biomass-weight-species-earth/)
---
- **Ikon- og piktogramdesign**
Isometriske ikoner er gode til at give et 'tech'-look.
- **Illustrationer til websites & apps**
Gode til hero / top banner. [link](https://img.freepik.com/free-vector/green-campus-isometric-landing-page-people-work-study-modern-glass-building-university-coworking-office-creative-workplace-students-business-employees-3d-vector-line-art-web-banner_107791-8286.jpg?t=st=1772574403~exp=1772578003~hmac=a05eeddc9efeba911a3a3ea10669e5651daecbcbad29db3aa7d5f3b8fa12ac33&w=2000)
---
- **Manualer og produktvisualiseringer**
F.eks. tegninger, opbygningsvejledninger, tekniske komponenter. ( Teksnisk Design ;)
- **Reklame og SoMe grafik**
Objekter og symbolske illustrationer, Lottie illustrationer bruges i løsningerne.[Intro MG GF2](https://fastelavnsapp.netlify.app/)
---
- **Spil- og motion graphics**
Isometrik er udbredt i mange RPG og mobilspil. Den genkendelige stil.
---
# Vi starter Old School
---
## Vi øver lige og prøver at hjernen til at være med:
- 3 akser i 120°–systemet
- Opbygning af simple former (kuber, cylindre, bogstaver)
- Sammensætning af moduler til større scener
---
# Illustrator – anvendelse i produktionen
---
## Illustrator–workflow for isometrik
- Brug **isometriske grids** eller lav dit eget grid. [CJ Cawley](https://www.instagram.com/reels/CvINLYrNxYz/)
- Brug **Transform > Scale/Shear/Rotate** for at skabe isometriske vinkler.
- Brug **3D-funktioner** (Extrude & Bevel)
- Tegn rene former med **Pen Tool + Shape Tools**.
- Farvelæg med **flat colors**, gradients eller moderne pastel-palleter.
---
## Eller brug Actions :sweat_smile:
---
{"image":"https://hackmd.io/_uploads/HJlmnFrt-l.png","title":"Isometrik","description":"Kort gennemgang om isometrisk tegning / illustrationer og deres brug. Set ud fra en Mediegrafiker under uddannelse.\nBruges i forløbet i det valgfrie specialefag: Vektorgrafik.\n","contributors":"[{\"id\":\"8ae3b362-d2e3-40da-bd5f-9aa4c61a7457\",\"add\":7682,\"del\":4534,\"latestUpdatedAt\":1772620351788}]","slideOptions":"{\"title\":\"Isometrik\",\"theme\":\"beige\",\"transition\":\"fade\",\"width\":\"100%\"}"}