Forståelse af isometriske illustrationer

Forståelse af isometriske illustrationer
Rick Davis

I denne artikel forklares alt, hvad du skal vide om isometriske illustrationer. Du lærer, hvad der definerer en isometrisk illustration, hvordan den adskiller sig fra en perspektivisk tegning med et punkt, og hvordan du kommer i gang med at lave din egen isometriske projektion.

Isometrisk illustration er en form for 3D-tegning med 30 graders vinkler. Det er en type axonometrisk tegning, så der bruges den samme skala for hver akse, hvilket giver et ikke-forvrænget billede.

Da isometriske gitre er ret nemme at opsætte, er det relativt nemt at lave en isometrisk skitse i fri hånd, når du først har forstået det grundlæggende i isometrisk illustration.

Hvad er isometrisk illustration?

Billedkilde: Zulian Firmansyah

Som nævnt ovenfor er et af de afgørende kendetegn ved en isometrisk tegning i forhold til andre typer 3D-repræsentation, at det endelige billede ikke forvrænges, fordi aksernes forkortelse er ens.

Ordet "isometrisk" er af græsk oprindelse og betyder "lige mål". Isometriske tegninger adskiller sig fra andre typer axonometriske tegninger, herunder dimetriske og trimetriske projektioner, hvor der anvendes forskellige skalaer for de forskellige akser for at give et endeligt forskudt billede.

På en isometrisk tegning fremstår genstanden som om den er set oppefra fra et hjørne, idet akserne er udstukket fra et hjørnepunkt. Isometriske tegninger begynder med en lodret linje, langs hvilken to punkter er defineret. Alle linjer, der udgår fra disse punkter, skal konstrueres i en vinkel på 30 grader.

Historien om isometriske illustrationer

Billedkilde: Rodion Kutsaev

Professor William Farish fra Cambridge University var den første til at fastlægge reglerne for isometrisk tegning, da han i 1822 offentliggjorde sin afhandling "On Isometric Perspective". Derfor bliver han ofte omtalt som skaberen af isometrisk tegning og illustration. Isometriske og axonometriske tegninger var dog almindelige længe før dette.

Teknikken findes normalt i gammel kinesisk kunst. Langs floden under Qingming-festivalen er et berømt eksempel på en axonometrisk tegning.

Den mest nylige og bemærkelsesværdige anvendelse af isometrisk illustration kan, som det er tilfældet med meget andet moderne design og arkitektur, spores tilbage til Bauhaus. Theo van Doesburg og Herbert Bayer er berømte for deres brug af et axonometrisk perspektiv i deres arkitekttegninger.

Dette var noget chokerende for den daværende arkitektverden og er stadig ikke typisk for arkitekttegninger i dag. Manglen på perspektiv gør koncepttegningerne til modernistiske kunstværker i sig selv.

Isometrisk tegning vs. et-punktsperspektiv

Billedkilde: Ann-Sophie De Steur

Både isometriske illustrationer og tegninger i et-punktsperspektiv bruger geometri og matematik til at vise 3D-repræsentationer på 2D-overflader. Tegninger i et-punktsperspektiv efterligner det, som det menneskelige øje opfatter, så objekter fremstår mindre, jo længere væk fra beskueren de er.

I modsætning hertil bruger isometrisk design parallelprojektion, hvilket betyder, at objekter forbliver på samme størrelse, uanset hvor langt væk de er. Isometrisk illustration bruger ikke perspektiv i sin gengivelse (f.eks. konvergerer linjerne ikke, når de bevæger sig væk fra beskueren).

Isometriske illustrationer er mere nyttige til funktionelle tegninger, der bruges til at forklare, hvordan noget fungerer. I modsætning hertil bruges perspektiviske tegninger typisk til at give en mere sanselig idé om et objekt eller et rum.

Isometrisk illustration kan virke som en nem måde at omarbejde tegninger hurtigt. Problemet med isometrisk tegning er imidlertid, at uden perspektivfornemmelse kan objektet se ud til at være et andet sted, end det i virkeligheden er.

Forskellen mellem isometrisk tegning og isometrisk projektion

Billedkilde: Tetiana Elert

Isometriske designs er nyttige for designere - især arkitekter, industri- og indretningsdesignere og ingeniører - da de er ideelle til at visualisere rum, produkter og infrastruktur. De er også en god måde at afprøve forskellige designideer hurtigt.

Der er mange andre situationer, hvor isometrisk projektion er nyttig. I wayfinding-systemer, f.eks. på museer eller gallerier, kan et isometrisk vægkort vise de besøgende, hvor de befinder sig i bygningen, hvad der foregår andre steder, og hvordan de kan komme rundt.

Nogle af de bedste infografikker bruger isometrisk projektion til at vise mere information, end det ville være muligt i en 2D-tegning. Nogle af de bedste logoer bruger også denne fremgangsmåde til at skabe effekt.

Udspaltede isometriske tegninger er nyttige til at afsløre dele af et produkt, der kan være skjult eller indvendigt.

De bruges til bedre at forklare detaljerne i et design. For at skabe en eksploderet isometri skal du kende det detaljerede indre af det, du tegner. De bruges normalt i den endelige designfase til præsentationer for kunder.

Nogle af fordelene ved isometriske projektioner omfatter:

  1. Fremskrivninger har ikke brug for flere visninger
  2. De illustrerer et objekts 3D-karakter
  3. Til skalering langs hovedakserne kan der foretages en måling
  4. Med hensyn til måling giver de nøjagtighed
  5. De er nemme at lægge ud og måle

Isometriske projektioner har dog også nogle ulemper:

  1. De skaber et forvrænget udseende på grund af manglende forkortelse
  2. De er mere nyttige til en grundform som f.eks. en rektangulær form end til en kurvet form.
  3. De forvrænger form og dybde
  4. De viser måske ikke realistiske synspunkter

Ikke bare stregtegninger

Billedkilde: Pure Julia

Hvis du troede, at isometrisk illustration var begrænset til sort/hvid stregtegning, så tager du fejl!

Videospil bruger ofte isometrisk perspektiv, da det giver spildesignere mulighed for at bruge 3D-design i spil uden at beregne komplekse beregninger, forkortelser og forskellige kameravinkler.

Med spil med otte- og 16-bit grafik var dette ekstremt vigtigt. Efterhånden som konsollerne blev forbedret, brugte spil, hvor spilleren havde brug for et samlet overblik over spillerummet, som f.eks. The Sims og Age of Empires, isometriske visninger.

Med indførelsen af spilkonsoller med større kapacitet blev dette mindre almindeligt. Den isometriske stil har dog oplevet en genoplivning på mobile enheder. Mange kender FarmVille. Mobilspil bruger ofte denne stil, fordi isometrisk tegnede objekter er enklere at skabe, bruger mindre computerkraft og har mindre batteri.

Højere konsolspil som Shadowrun og Invisible Inc. bruger en pseudo-isometrisk visning for at skille sig stilmæssigt ud.

Mange kunstnere bruger isometriske designs til at skabe innovative og spændende kunstværker. De skaber moderne tegninger, der lader linjerne ligge bag sig.

Hvorfor er kunstnere, designere og illustratorer interesseret i isometrisk kunst?

Billedkilde: Peter Tarka

Isometrisk kunst giver kunstnere en masse alsidighed i deres design. Og fordi det er baseret på former, er det overraskende enkelt at skabe isometriske kunstværker. Det er også meget sjovt.

Illustratorer kan bruge simpel geometri og former til at skabe grundlæggende illustrationer på få minutter. Samtidig kan avancerede kunstnere tilføje mere kreativitet til deres arbejde ved at samle forskellige former og fange dem i kunstværker.

En terning bliver hurtigt til en dekorativ kasse eller kasse, og formerne kan sættes sammen til noget mere detaljeret, f.eks. en bylinje.

Mange designere kan spare tid på detaljerede illustrationer ved at oprette smarte vejledninger, da dette hjælper dem med at automatisere designtrinene og spare tid på kedelige, gentagne handlinger i komplekst arbejde.

De afslutter ofte deres arbejde med ekstra designelementer, f.eks. farvepaletter, for at give det flair eller brandpersonlighed.

Hvordan skaber kunstnere isometrisk kunst?

Illustratorerne skaber designene ved hjælp af forskellige metoder, værktøjer og programmer, men de begynder alle med at opfordre begyndere til at tænke "kubisk" eller forestille sig flade former som en terning. Denne teknik er nyttig, fordi de fleste isometriske tegninger kræver, at man bruger en forms tre planer - dens øverste, venstre og højre side.

Mange illustratorer er overraskede over, hvor hurtigt og nemt det er at skabe isometrisk kunst. Kreativ direktør Von Glitschka, som har undervist i øvelser om isometrisk kunst, husker: "Jeg sagde til mig selv: "Det var det? Det var nemt! Jeg havde forventet en mere kompleks proces."

Eksempler på isometriske illustrationer

Billedkilde: Güneş Özcan

Billedtegninger

At kunne visualisere tredimensionelle former er en færdighed, som enhver designer og ingeniør bør beherske. Dette er især vigtigt inden for 3D-formmodellering. Der er dog en klar forskel mellem at tegne en visning, der ser tredimensionel ud, og at skabe en præcis 3D-model.

Reelle 3D-modeller kan drejes på skærmen, så de kan ses fra alle vinkler. Computeren beregner objektets punkter, vinkler og overflader i rummet. Derefter vises resultatet på en flad overflade som billedtegninger.

Ordet "pictorial" betyder "som et billede" og henviser til enhver realistisk form for tegning, der viser højde, bredde og dybde. Pictorial-tegninger er nyttige, når kunstnere skal formidle design til folk, der ikke har teknisk uddannelse i at fortolke multiview-projektioner.

Flere former for billedprojektioner, der anvendes i design og tekniske tegninger, omfatter:

  • Perspektiv - de mest realistiske tegninger. Vores øjne ser objekter i perspektiv. Der findes tre typer perspektivprojektioner: et-, to- og trepunktsperspektiv.
  • Skråt - mindst realistisk. Kun et eller to ansigter i skrå projektioner har den rigtige form og størrelse. Der findes tre typer af skrå projektioner: kabinet-, kavaleri- og generalprojektioner.
  • Axonometriske projektioner er mere realistiske end skråprojektioner. Horisontale kanter af et objekt i axonometriske projektioner er parallelle med hinanden og skråt mod planen. Der findes tre typer af axonometriske projektioner: isometriske, dimetriske og trimetriske.

Axonometriske fremskrivninger

Axonometriske projektioner er den mest almindelige måde at afbilde tredimensionelle objekter på uden brug af perspektiv. I modsætning til perspektivtegninger konvergerer alle akser i axonometriske projektioner ikke og er altid parallelle.

Der er ingen forsvindingspunkter, ingen horisontlinje, og objektet bliver ikke mindre med afstanden. Det var vigtigt for spilindustrien mellem 1980 og 1990, fordi den tids computere med begrænsede ressourcer kun kunne rendere et objekt én gang.

Hovedformålet med axonometriske projektioner er at vise et objekts form og størrelse. De er designet, så du kan foretage målinger af et objekt direkte fra disse projektioner.

Alle tre typer axonometriske projektioner er bygget op på isometriske gitterlinjer, hvor X- og Z-akserne er skråt placeret i forhold til det vandrette plan. Y-aksen er altid vinkelret på det vandrette plan. Vinklen mellem de vandrette X- og Z-akser og det vandrette plan er afgørende for typen af axonometrisk projektion.

Isometrisk projektion

Isometrisk (som betyder "lige mål") er en type parallelprojektion (axonometrisk), hvor X- og Z-akserne hælder 30⁰ i forhold til det horisontale plan. Vinklen mellem de axonometriske akser er 120⁰.

En perfekt terning i en isometrisk projektion ville ligne en perfekt sekskant. Da alle kanter på et isometrisk objekt er skråtvinklede i samme vinkel, er de lige forkortede. Det giver dig mulighed for at måle hver side af et objekt med samme målestok.

Se også: Regler for grafisk design, der er skabt til at blive brudt

De fleste designere ignorerer forkortning i skitsefasen og opbygger isometriske visninger af et objekt med den faktiske længde. Slutresultatet er en isometrisk skitse, ikke en projektion.

Isometriske illustrationer er også populære blandt grafiske designere, der arbejder med infografikker og logoer. Isometriske metoder giver disse kunstnere mulighed for at skabe dybde og dimensioner med en ellers flad illustration, hvilket gør dem mere mindeværdige og lettere at genkende (et berømt eksempel på et logo er Dropbox).

Det oprindelige Medium-logo blev f.eks. designet på et ikke-isometrisk gitter, hvor X- og Y-akserne er skråt hældende i forhold til det vandrette plan i en vinkel på henholdsvis -27⁰ og 60⁰.

Sådan tegner du en isometrisk terning

Billedkilde: Reijo Palmiste

Det er meget nemt at tegne en terning ved hjælp af isometrisk projektion. Du skal bruge et stykke papir, en lineal, en blyant og en vinkelmåler. Med linealen skal du tegne en lodret linje på siden og markere tre punkter med lige store afstande.

Tegn en vandret linje gennem det laveste punkt, og tegn med vinkelmåleren en 30-graders vinkel opad fra linjen på hver side. Tegn en linje tilbage gennem det laveste punkt fra den 30-graders vinkel på hver side.

Gentag dette trin gennem det midterste punkt og det samme gennem det øverste punkt, men markér vinklen nedad med det øverste punkt.

Linjerne fra det andet og tredje punkt vil krydse hinanden på et bestemt sted, og fra dette skæringspunkt skal du trække en lodret linje ned mod de vinklede linjer, der kommer fra det nederste punkt. Du skal kunne se kubens form, hvor alle linjerne skærer hinanden.

Hvordan tegner man et isometrisk gitter?

Billedkilde: Vectornator

I mindre intuitive grafiske designværktøjer som Adobe Illustrator er du tvunget til at tegne og oprette et isometrisk gitter ved først at bruge det rektangulære gitterværktøj til at oprette et grundlæggende gitter.

Derefter skal du skalere dit gitter til den korrekte størrelse. Derefter skal du skære gitteret for at få vinklerne, som vi tidligere har forklaret.

Til sidst skal du rotere gitteret igen ved hjælp af rotationsværktøjet. Efter alle disse trin kan du bruge dit selvfremstillede isometriske gitter som en rettesnor for isometrisk projektion.

Heldigvis tilbyder intuitive isometriske tegneværktøjer som Vectornator en meget nemmere intuitiv løsning.

Du kan nemt oprette et isometrisk gitter med et enkelt tryk, mens du stadig har mulighed for at ændre størrelsen i din designproces. Vi viser dig, hvordan du gør alt dette i de følgende afsnit.

Vil du skifte fra Illustrator til Vectornator? Få mere at vide på vores side om Adobe Illustrator-alternativer.

Det er ret kompliceret at tegne et isometrisk gitter på papir, og vi anbefaler det ikke.

Det er bedre at købe en forholdsvis billig isometrisk notesbog eller bruge din digitale pen og et fantastisk isometrisk tegneværktøj som Vectornator.

Sådan opretter og bruger du et isometrisk gitter i Vectornator

Hvis du ikke allerede har gjort det, så download Vectornator til din iPad, iPhone og Mac.

Indstil gitteret

Vectornator understøtter nu to typer gitter: et vinkelret gitter (kvadratisk gitter) og et isometrisk gitter. Du kan nemt vælge det gitter, du ønsker at bruge, ved at åbne "Indstillinger" og derefter "Canvas-fanen".

Juster derefter "Grid Spacing" og "Grid Angle" (kun på det isometriske gitter), indsæt de værdier, der passer til dig, og lav vektorkunst med perfekt stier meget hurtigere.

Brug gitteret

Du kan kun anvende gitter på enkelte Artboards. Det er også vigtigt at bemærke, at gitteret vises på det aktive Artboard. Når du har oprettet et gitter, kan du også beslutte at fastgøre dine stier til det ved at aktivere eller skifte knappen, som du finder i "Indstillinger" og derefter fanen "Fastgørelse".

Leder du efter inspiration? Mange eksempler vil hjælpe dig med at blive mere kreativ, herunder disse illustrationer af bogstavdesign. Du kan også se denne vejledning om "How To Design A Great Isometric Logo In Vectornator with Will Paterson"

Alt i alt er Isometric Grid et fremragende værktøj til at skabe fremragende kunstværker. For at nå dit fulde potentiale bør du bruge intuitiv og isometrisk tegnesoftware.

Hvordan man opbygger isometriske øvelser uden et gitter

Billedkilde: Andrew Kliatskyi

Det er ikke kun ved hjælp af et isometrisk gitter, at du kan tegne isometriske kunstværker. De kan konstrueres direkte fra multiview-projektioner (top, front, side osv.).

De mest almindelige og enkle teknikker er "SR45⁰" og "SSR30⁰", som er meget praktiske metoder til at skabe en isometrisk model af dit design.

SR45⁰ Teknik

'SR45⁰' står for skala og roterer i en vinkel på 45⁰. Skalaforholdet er 0,577, eller mere præcist tan (30⁰).

Du kan lave isometriske projektioner via SR45⁰ i to enkle trin:

  • Trin 1: Roter objektet på 45⁰
  • Trin 2: Skaler objektet

SSR30⁰ Teknik

SSR30⁰ er en mere populær og fleksibel metode til at skabe isometriske kunstværker. Med SSR30⁰ kan du hurtigt skabe isometriske visninger foroven, til venstre og til højre. SSR30⁰ står for skala, skævhed og rotation på 30⁰.

Udformning af andre aksionometriske projektioner

I dimetriske projektioner er kun to sider lige forkortede. X- og Z-akserne har stadig samme vinkel i forhold til det vandrette plan, men ikke 30°. Vinklerne mellem akserne er heller ikke lige store.

Trimetriske fremskrivninger

Alle vinkler i en trimetrisk projektion er forskellige, og derfor er alle sider (kanter) og akser ulige forkortet.

Du kan bruge en lang række vinkler til at lave trimetriske og dimetriske kunstværker, men sørg for at undgå små vinkler. Det skyldes, at projektionen så bliver en smule for flad.

Se også: Storytelling i design - de vigtigste tendenser i 2021

Et værktøj til friformet blyant

Billedkilde: Vectornator

Et godt værktøj til at komme i gang med isometriske illustrationer som en erfaren designer er et værktøj med en friformsblyant.

Aktiver blyantværktøjet

Du aktiverer Vectornators blyantværktøj ved at trykke på ikonet "Pencil" på værktøjslinjen eller trykke på "W" på dit tastatur. Brug derefter din markør (Mac), stylus (iPad) eller finger (iPad eller iPhone) til at tegne på dit tegnebræt, ligesom du ville gøre med en blyant på papir.

Når du begynder at tegne med blyantværktøjet, opretter du en vektorsti, der følger din hånds bane. Afhængigt af den glathed, du indstiller, kan den følge den præcist eller følge den med en mere ensartet linje.

Sådan ændrer du blyantglatheden

Til højre for blyantværktøjet finder du en skyder til at styre blyantens glathed. Hvis du vil have din sti nøjagtigt som du tegner den, kan du blot indstille værdien til 0%. Hvis du indstiller værdien højere, vil blyantværktøjet anvende en højere grad af glathed på den linje, du tegner.

Når du er færdig med at tegne, udglatter Vectornator kurven og forenkler den sti, du lige har skabt. Du kan også justere stiens glathed efter tegning. Vælg din sti, og glideren for glathed vises under fanen stil.

Hvis du vælger denne indstilling, vil udglatningen være næsten usynlig, så vi anbefaler, at du vælger din sti med knudeværktøjet for bedre at kunne se, hvordan ankerpunkterne påvirkes af udglatningen af stien.

Sådan opretter du former med blyantværktøjet

Med blyantværktøjet kan du også oprette isometriske figurer og fylde dem med en farve eller et gradient. Du skal blot slå "fyldfarve" til for at gøre det.

Konklusion

Billedkilde: Krzysztof Zgoda

Kort sagt er isometrisk illustration en nem måde at få flade designs til at fremstå flottere. Selv de, der aldrig har hørt udtrykket før, har sikkert set det uden at vide det. Fra infografikker til logoer og illustrationer til magasiner er 3D-kunst, som er den paraply, som isometrisk illustration hører under, udbredt overalt.

Du har måske bemærket isometriske illustrationer i reklamer, digitale eller infografikker og i dine yndlingsvideospil. Isometriske ikoner i modsætning til flade ikoner er også blevet mere og mere populære på grund af deres evne til at få standardikoner til at se mere realistiske ud.

Det er også en sjov og nem teknik, som selv erfarne kunstnere kan øve sig i. Og med Vectornator ved din side vil øvelse gøre dine isometriske illustrationer perfekte.




Rick Davis
Rick Davis
Rick Davis er en erfaren grafisk designer og billedkunstner med over 10 års erfaring i branchen. Han har arbejdet med en række kunder, fra små startups til store virksomheder, og hjulpet dem med at nå deres designmål og løfte deres brand gennem effektive og virkningsfulde visuals.Rick er uddannet fra School of Visual Arts i New York City og brænder for at udforske nye designtrends og -teknologier og konstant skubbe grænserne for, hvad der er muligt på området. Han har en dyb ekspertise inden for grafisk designsoftware og er altid ivrig efter at dele sin viden og indsigt med andre.Udover sit arbejde som designer, er Rick også en engageret blogger, og er dedikeret til at dække de seneste trends og udviklinger inden for grafisk designsoftware. Han mener, at deling af information og ideer er nøglen til at fremme et stærkt og levende designfællesskab, og han er altid ivrig efter at forbinde med andre designere og kreative online.Uanset om han designer et nyt logo til en klient, eksperimenterer med de nyeste værktøjer og teknikker i sit studie eller skriver informative og engagerende blogindlæg, er Rick altid forpligtet til at levere det bedst mulige arbejde og hjælpe andre med at nå deres designmål.