Illustrasjon er uovertruffen i sin evne til å stimulere vanlige emner og kommunisere komplekse ideer med visuell klarhet, men hva med isometriske illustrasjoner? Er de ikke notorisk vanskelige og tidskrevende? I seks enkle trinn gjør denne isometriske illustrasjonsveiledningen prosessen rask og ukomplisert.

Trenger du å opplive en destinasjonsside? Visualisere kjedelige data? Legg til slag i tørr emballasje? Illustrasjon er svaret på alle fronter.

I de senere år, isometrisk illustrasjoner har fått popularitet for måten de representerer tredimensjonal dybde i todimensjonalt rom. I tillegg opphever det isometriske rutenettet behovet for å opprettholde illusjonen av perspektiv, en vanlig kilde til illustrasjonsfrustrasjon.

I Adobe Illustrator er den tradisjonelle isometriske illustrasjonsprosessen langtekkelig . Lag et isometrisk rutenett, tegn et kvadrat, vri det -30 °, roter det -30 °, på og av. Heldigvis er det en bedre måte. Illustrator har 3D-effekter som gjør isometriske illustrasjoner raskt og enkelt: 'Extrude & Bevel', 'Revolve' og 'Rotate.'

Denne veiledningen viser hvordan du lager isometriske illustrasjoner ved hjelp av 'Revolve', men innsikten gjelder også Illustrators gjenværende 3D-effekter.

Klar til å imponere klienter, glede brukere og lære hemmelighetene til isometrisk illustrasjon ?

Revolve & Refine: En isometrisk illustrasjonsveiledning

Hvem liker ikke en iskald drikke? La oss skåle gleden av flytende forfriskning ved å designe en isometrisk flaske med en etikett.

* Pro Type: Før du begynner, finn en objektreferanse for å informere hvordan flasken vil se ut.

Trinn 1: Tegn flasken og væsken

1.1) Opprett et nytt Adobe Illustrator-dokument.

1.2) Legg til flaskehenvisningen i dokumentet.

1.3) Tegn en oversikt over flasken og væsken inni.

1.4) Del flasken og væsken i to (som vist nedenfor).

1.5) Slagtykkelsen til flaskens kontur definerer glasstykkelsen.

* Pro Type: Kopier og lim inn kunstverket utenfor tegnebrettet som en sikkerhetskopi.

Trinn 2: Bruk Revolve Effect

Som navnet antyder, snur “Revolve” formen rundt sin akse. I Illustrator er posisjonen til “Revolve” -aksen vertikalt fast. Dette er grunnen til at flasken ble skissert og delt i to.

* Pro Type: Verken flaskens omriss eller væskeobjektet skal ha graderinger som fyllfarger.

2.1) For å finne “Revolve” -effekten, gå til: Effect> 3D> Revolve ...

2.2) Øverst i dialogvinduet er det et felt merket 'Posisjon'. Velg 'Isometrisk til venstre.'

2.3) Vinkel - Dette er graden av rotasjon rundt objektets akse. Hvis den er satt til 180 °, blir resultatet en flaske vertikalt delt i to. Sett vinkelen til 360 ° for en fullstendig rotert flaske.

2.4) Offset - Kontroller forskyvningsavstanden fra objektets vertikale akse. Skriv inn “0”.

2.5) Overflate - Still inn objektets materiale og lysegenskaper. Velg 'Ingen skyggelegging.'

Ta-da! En isometrisk flaske med væske. På tide å slappe av, slappe av og vent! Den flasken trenger en merkelapp.

* Pro Type: Ikke bruk funksjonen 'Utvid utseende' på flasken før etiketten er opprettet.

Trinn 3: Forbered etiketten

3.1) Bruk flasken til å definere etikettdimensjonene.

3.2) I eksempelbildet (under) er høyden på kroppsmerket merkbart, men høyden på nakkeetiketten er ikke klar fordi overflaten ikke er parallell med aksen. En omtrentlig høyde vil være tilstrekkelig.

3.3) Merkelengden beregnes ved hjelp av formel for sirkelomkrets 2πr.

3.4) Konfigurer begge etikettene til symboler med en tilfredsstillende etikett. 'Symboler' -paletten finnes under: Vindu> Symboler

3.5) Dra og slipp etikettdesignene individuelt inn i paletten for å lage symboler.

*Merk: Symboler i Illustrator og Sketch fungerer på samme måte.

Trinn 4: Kartlegg etiketten på flasken

Så lenge flasken ikke har blitt vektorisert ved hjelp av funksjonen 'Utvid utseende', kan den redigeres fullt ut.

4.1) Velg flasken og vis paletten 'Utseende': Vindu> Utseende

4.2) Velg deretter “3D Revolve”, og dialogboksen fra tidligere vises.

4.3) For å kartlegge designet til flasken, klikk på alternativet nederst til venstre: 'Map Art.'

4.4) Dette gjør det mulig å velge og justere et symbol for flasken.

4.5) Sørg for å matche symbolet til riktig overflate (se nedenfor).

4.6) Klikk på 'Scale to Fit', og etiketten tilordnes flasken.

4.7) Følg de samme trinnene for halsetiketten.

Trinn 5: Unngå en rotete fil

5.1) Nå er det på tide å gjøre flasken til Bézier-kurver ved å bruke funksjonen 'Utvid utseende': Objekt> Utvid utseende

Illustrator er ikke primært ment for manipulering av 3D-objekter. Å utvide et objekts utseende skaper en gruppert samling av mindre elementer som gir illusjonen til et 3D-objekt.

5.2) For å holde ting ryddig, kombiner elementene med verktøyet “Pathfinder” eller “Shape Builder” (se nedenfor).

* Pro Type: Å koble til objekter skaper uønskede ankerpunkter. Reduser dem ved å gå til Objekt> Sti> Forenkle. For de som bruker Illustrator regelmessig, VectorScribe-plugin og verktøyet for punktfjerning anbefales på det sterkeste.

Trinn 6: Legg til liv med farger og graderinger

For det siste trinnet, få flasken til liv med farger og graderinger. Det er her individuell kunstneri spiller inn. Legg til refleksjoner, høydepunkter og skygger for et realistisk utseende, eller bruk streker og en forenklet fargepalett for en mer grafisk stemning. Med et solid fundament er de stilistiske mulighetene uendelige.

Skål for isometriske illustrasjoner!

Isometriske illustrasjoner gir dybde, dimensjonalitet og personlighet til et bredt spekter av design prosjekter. Bruk prinsippene som er skissert i denne opplæringen for å utforske flere isometriske muligheter, og ikke glem å prøve Illustrators andre 3D-effekter: 'Rotate' og 'Extrude & Bevel.'

---

Gi oss beskjed om hva du synes! Legg igjen dine tanker, kommentarer og tilbakemeldinger nedenfor.

• • •

Videre lesing på ApeeScape Design Blog:

• Visuell holdbarhet - Hvorfor illustrasjoner på nettdesign blir foreldede
• En trinnvis guide til utforming av egendefinerte illustrasjoner uten tegneferdigheter
• Nye virkeligheter: VR, AR, MR og designens fremtid
• Designer's Edge - En oversikt over Photoshop-plugins
• Evolving Emojis: Designing for the New Face of Messaging

Forstå det grunnleggende

Hva er fordelene med Adobe Illustrator?

Illustrator er et vektorgrafikkprogram. Vektorgrafikk skiller seg fra pikselbasert grafikk (raster) ved at de er uendelig skalerbare uten tap av kvalitet. En fordel med Illustrator er hvor enkel form, farger og tekst redigeres. Som sådan er det et ideelt verktøy for å lage isometriske illustrasjoner.

Hvordan lager du en isometrisk illustrasjon?

Isometriske illustrasjoner er basert på rutenett som består av jevnt fordelte loddrette linjer og kryssende linjer som går i 30 ° og -30 ° vinkler. Det er flere isometriske illustrasjonsveiledninger tilgjengelig på nettet, men på det mest grunnleggende nivået tegnes former og linjer i forhold til det isometriske rutenettet.

Hva er isometriske bilder?

Isometriske illustrasjoner er 3D-projeksjoner i 2D-rom. Isometrisk betyr 'å ha like mål.' Dette prinsippet ses i det isometriske rutenettet og dets like fordelte parallelle linjer (løper vertikalt og i 30 ° og -30 ° vinkler). Som sådan viser isometriske bilder detaljer på flere flater uten forvrengning.

Hvorfor brukes isometrisk tegning?

Isometriske illustrasjoner er populære fordi de skaper en illusjon av dybde. Isometrisk tegning stammer fra en måte å visualisere deler for produksjon. Isometriske illustrasjoner er ikke bundet til forsvinningspunkter (som perspektivtegninger), noe som gir detaljert visning av flere flater samtidig.

Er isometrisk tegning 2D eller 3D?

Isometriske illustrasjoner representerer tredimensjonale objekter i todimensjonalt rom. Isometriske rutenett skaper en illusjon av dybde, men alle linjer som trekker seg inn i 'avstanden' går faktisk parallelt med hverandre, noe som gjør isometriske illustrasjoner lettere å gjengi enn perspektivtegninger.