# Isometrik ![sketchplanations-isometric-projection-v3](https://hackmd.io/_uploads/HyF3DtHY-e.png) --- ## 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%\"}"}
    94 views