Skapa perspektiv i Adobe Illustrator

Sep 15, 2025

Hur

Sida 1 av 2:

Använda perspektivnät i Illustrator: Steg 01-09

Använda perspektivnät i Illustrator: Steg 01-09
Använda perspektivnät i illustratör: steg 10-18

I den här Illustratörens handledning visar jag dig hur man skapar ett trepunktsperspektiv galler i Adobe Illustrator för att skapa en underbar 3D-presentförpackning. Du kan antingen placera befintligt konstverk i ett perspektivplan eller dra direkt på gallret. Vi använder båda metoderna i den här handledningen, och som en bonus visar jag dig ett enkelt sätt att skapa en reflektion.

Vi börjar direkt från början av processen, så även om du är en nybörjare Illustrator-användare, kommer vår steg-för-steg-guide att skapa ett imponerande perspektiv på nolltid (se våra guider till ett punktperspektiv och Hur man ritar perspektiv för att få ditt huvud runt grunderna).

Du kan ta tag i andra delar av illustratör med vår roundup av det bästa Illustrator tutorials .

Klicka på ikonen längst upp till höger på bilden för att förstora den.

Få Adobe Creative Cloud nu

01. Skapa en ny fil

Skapa först ett nytt dokument genom att gå till "File & GT; Ny'. Det kan vara av någon storlek; Vi använder 800px Bredd och 600px höjd här.

02. Öppna perspektivet Grid-verktyget

Art in perspective: set up Perspective grid

Slå på perspektivverktyget från verktygspanelen eller tryck på Shift + P . Ett standard tvåpunktsperspektivnät och en planväxlingswidget kommer att dyka upp i dokumentet.

Du kan använda widgeten för att välja det aktiva rutnätet. Om du klickar på den vänstra ytan av kub eller trycker på 1 , dess färg kommer att ändras till blått vilket indikerar att det vänstra planet är aktivt. Och om du klickar på den högra ytan av kub eller trycker på 3 , detta plan kommer att vända orange för att indikera att detta är det aktiva planet. På samma sätt, om du klickar på bottenytan eller trycker på 2 , det blir grönt vilket indikerar horisontellt planet är ditt aktiva plan.

Hur man ritar: De bästa ritningstutorialerna

I perspektivnät är ett aktivt plan det plan som du drar ett objekt för att projicera observatörens syn på den delen av scenen.

03. Välj gridtyp

Det finns tre typer av nät tillgängliga att välja mellan: en punkt, tvåpunkt och tre-punkts. Du kan välja önskat rutnät genom att gå till "Visa & GT; Perspektiv galler & gt; Ett / två / trepunktsperspektiv ". Vi använder tre-punkts rutnät för den här handledningen. Nedan kan du se sin grundläggande struktur.

Art in perspective: click and adjust the handles

Det första du borde veta är att du har full kontroll över rutnätet. Med det valda perspektivnätet kan du klicka och justera ett handtag i rutnätet som du vill.

Art in perspective: adjust the plane sizes

Du kan dra höger eller vänster försvinnande punkt horisontellt, och den centrala försvinnande pekar vertikalt för att justera storleken på respektive plan.

Om du låser stationens punkt med hjälp av "Visa & GT; Perspektiv galler & gt; Låsstationspunkt "alternativ, båda försvinnande punkterna kommer att röra sig ihop.

04. Justera rutnätplan och gallercellstorlek

Du kan också justera vänster, höger och horisontella rutnät med hjälp av respektive gridplanstyrningswidgets. Justera gallercellstorlek med hjälp av nätcellstorleks-widget - Om du drar det uppåt ökar det cellstorleken och vice versa.

05. Anpassa ditt rutnät

Art in perspective: define perspective grid

Det finns ett annat sätt att anpassa ditt rutnät. Gå till "Visa & GT; Perspektiv galler & gt; Definiera perspektivnät ". Jag använder mestadels det här alternativet för att minska fraktionens opacitet så att jag kan koncentrera mig mer på mitt konstverk.

06. Skapa sidorna

Art in perspective: three-point perspective

Med alla grunderna i åtanke, låt oss börja teckna. Om du har gjort några ändringar i dina nätkontroller medan du experimenterar, gå bara till "Visa & GT; Perspektiv galler & gt; Tre punktsperspektiv "att återgå till standard tre-punkts rutnät.

Den enda förändringen vi ska göra till detta rutnät är att minska horisonthöjden genom att flytta horisonten nere, närmare marknivån.

Tryck skift + cmd + i ( Skift + Ctrl + I ) att tillfälligt gömma perspektivnätet. Välj nu rektangelverktyget ( M ), klicka på duken för att visa dialogrutan och ange 200PX för Bredd och 170px för höjd. Du kan göra denna rektangel någon färg.

Därefter gör vi två kopior av vår rektangel. Välj det genom att klicka på det med valverktyget ( V ) och tryck sedan på cmd + c att kopiera och cmd + v att klistra. Nu har du tre rektanglar, som kommer att bilda de två sidoväggarna och locket på lådan.

07. Dra rektanglarna för att skapa perspektiv

Tryck skift + cmd + i För att visa rutnätet igen, välj perspektivvalverktyget ( Skift + V ), välj rätt rutnät genom att trycka på 3 och dra bara en av rektanglarna över gallret enligt nedan. Rektangeln kommer automatiskt att komma i perspektiv.

Därefter trycker du på 1 För att välja det vänstra rutnätet och dra en annan rektangel som angränsar till den föregående.

Tryck 2 För att välja horisontellt plan och placera den tredje rektangeln för att bilda locket. Om det inte är i proportion med väggarna kan du ändra storlek på det med hjälp av perspektivvalverktyget ( Skift + V ).

08. Ansök efterföljande gradient

Art in perspective: gradient on right wall

Välj nu den högra väggen i rutan och applicera efter lutning på den med hjälp av lutningsverktyget ( G ). Du kan spara den här gradienten genom att slå på ikonen "Ny Swatch" längst ner på panelen Swatches.

Gör nu en kopia av den högra väggen. Medan väggen är vald press cmd + c att kopiera, och cmd + f att klistra in framför. Applicera den givna gradienten till den här kopian och spara gradienten som en ny swatch.

Art in perspective: gradient on left wall

Applicera nu båda gradienterna över den vänstra väggen från de sparade prickarna. Efter det, använd efterföljande gradient över locket.

09. Lägg till lockdetalj

Art in perspective: create the lid sides

Öka storleken på locket lite med hjälp av det perspektivvalverktyg ( Skift + V ). Tryck 3 För att välja rätt rutnät och dra en rektangel med rektangelverktyget ( M ) som nedan. Applicera sedan den givna gradienten.

Träffa 1 För att välja det vänstra rutnätet och skapa en rektangel på andra sidan. Du kan tillämpa samma gradient, men du måste ändra sin vinkel lite.

Nästa sida: De sista stegen för att skapa en underbar 3D-presentförpackning ...

Nuvarande sida: Använda perspektivnät i Illustrator: Steg 01-09

Nästa sida Använda perspektivnät i illustratör: steg 10-18

Skapa perspektiv i Adobe Illustrator

01. Skapa en ny fil

02. Öppna perspektivet Grid-verktyget

03. Välj gridtyp

04. Justera rutnätplan och gallercellstorlek

05. Anpassa ditt rutnät

06. Skapa sidorna

07. Dra rektanglarna för att skapa perspektiv

08. Ansök efterföljande gradient

09. Lägg till lockdetalj

Hur - Mest populära artiklar

Rita på kraften i kontrast i Art

Använd Adobe XD för att skapa Micro-interaktioner

Hur man förfina din designportfölj

Arbeta bildmask magi med houdini

Hur man bygger en AR-app

Hur smälter du ett 3D-objekt med tre.js

10 Gyllene regler för responsiva SVGS

Hur man skapar en Snapchat Geofilter i Photoshop

Kategorier