Spiller med isometrisk projeksjon i Inkscape for å lage en Minecraft-scene

Inkscape har en veldig fin nettverksfunksjon for å gjøre isometriske design veldig enkle å oppnå. Det kalles et aksonometrisk rutenett, og vi skal bruke den til å lage en Minecraft-inspirert isometrisk design. Denne opplæringen vil fokusere på å lage fire forskjellige isometriske blokker som deretter kan plasseres for å lage en scene.


1. Sett opp dokumentet

Trinn 1

La oss gå til Fil> Dokumentegenskaper å angi sidestørrelsen til 970 x 1000 piksler.

Steg 2

Klikk nå på Rister kategorien og opprett en Axonometrisk rutenett. Se bildet nedenfor for innstillingene - sørg for at alt på dette er det samme som ditt, eller vi kan komme inn i noen problemer. Jeg har også endret gridlinjens farger til min smak, noe som kan gjøre det lettere for deg også.

Trinn 3

Til slutt, angi valgmulighetene for hvordan jeg har det vist nedenfor. Dette vil gjøre arbeidet med grids mye lettere. På dette punktet kan du se det aksonometriske nettverket (det er ganske pent). Jeg har skissert de store grid linjene nedenfor i form av en 3D-kube, som vil være grunnlaget for hele denne opplæringen. La oss begynne!


2. Lag et smussblokk

Trinn 1

Ta tak i det Penn verktøy, fordi det vil ganske mye være det eneste verktøyet du skal bruke. Som noder vil snappe når du tegner, lager du en 3D-kube-oversikt (eller sekskant) på de store gridlinjene. Bli kvitt den Stroke og gi den en brun Fylle.

Merk: Du lurer kanskje på hvorfor jeg bruker en solid form for en 3D-kube istedenfor å kutte sammen de tre separate sidene. Vel, når jeg bruker det aksonometriske nettet, synes ingenting å passe perfekt til piksel (kanskje på grunn av 30 graders engler og manglende evne til å få tall uten decimaler). Med dette er utfallet alltid hvite linjer der alle sidene møtes. Ved å gjøre en solid form som grunnlag for kuben fjerner dette i det minste de hvite linjene.

Steg 2

Vi skal begynne å legge til noe detalj i vår smussblokk. Når du zoomer inn, ser du at de mindre gridlinjene vises - dette vil være størrelsen på hver av våre detaljfarger, så fortsett og trekk fire av dem som vist nedenfor. Sammen med det, gi dem også fire forskjellige nyanser av brun.

Trinn 3

Nå er dette den kjedelige delen. Bare start kopiering og lim inn hver av de små rutene for å få den Minecraft-typen tekstur. Snakkende til avgrensende boks hjørner vil snappe disse tingene på plass så lenge du beveger dem ved å ta tak i de øverste venstre eller nederste høyre hjørner. Du kan til og med søke noen av de faktiske Minecraft-blokkene og bruke dem som referanse. Selvfølgelig kan du alltid bare plassere dem nøyaktig hvordan jeg har dem nedenfor. Hurtigtaster for kopiering og liming vil være din beste venn for denne.

Selv om dette er kjedelig, er det super enkelt og tar bare et par minutter.

Trinn 4

Med utvalg verktøy, velg bare alle blokkene du nettopp har plassert. Kopier, lim inn og klikk igjen for å hente opp forvrenger håndtak. Hold kontrollen og dra dette håndtaket opp to hakk, noe som vil gjøre dette helt rett.

Trinn 5

Slip av skråhåndtaket, men ta det igjen. Deretter gjør du nøyaktig samme ting - mens du holder kontrollen, drar du opp to flere hakk. Dette vil gi deg tekstur i riktig vinkel. Hvis du bare skjærer den en gang, vil vinkelen ikke være riktig, så sørg for at du gjør det to separate tider.

Trinn 6

Som du kan se, er vinkelen faktisk riktig, og du kan nå plassere den på plass. Igjen, å knipse på hjørnesnakk bør du gjøre trikset, bare sørg for at du tar tak i valget ved et hjørne.

Trinn 6

For litt rask skygge, ta tak i Penn verktøy og tegne en firkant over hele høyre side. Fjern Stroke og gi den en Fylle av svart. Sett deretter inn opacity av denne formen til 25%. Det burde gjøre trikset!

Trinn 7

Det er på tide for de beste detaljene nå. Bare kopier og lim inn den detaljerte gruppen igjen, og bruk de roterende håndtakene mens du holder kontrollen for å passe til kubens øverste side.

Trinn 8

For å plassere denne, vil du sannsynligvis ønske å sette Snap fra og til midtpunktene fra snapping-menyen. Bounding hjørne hjørner ville være ganske ubrukelig her.

Trinn 9

For å holde det skyggefulle utseendet, la oss tegne et firkant for kubens øverste side. Gi denne en lysebrun Fylle og nei Stroke en gang til.

Trinn 10

Sett deretter inn opacity til 25%. På dette punktet vil du sannsynligvis velge hele blokken og gruppere den.

Ser ganske bra ut, rett?


3. Lag en gressblokk

Trinn 1

Ok, dette blir enkelt. Bare kopier og lim inn smussblokken som vi bruker dette til flertallet av gressblokken. Deretter bruker du Penn Verktøy som vanlig tegner en hel form for å ligne den gresskledde toppen. Igjen gjør vi det som en form (i stedet for tre separate) for å unngå at brune linjer kommer gjennom.

Steg 2

Ta av slaget, og fyll det med grønt grønt!

Trinn 3

Vi bruker to nyanser av grønt til sidene her. Fortsett og trekk dem opp.

Trinn 4

Gå nå og begynn å kopiere og lime inn! Du trenger ikke for mye detalj her, men du kan også legge noen under gresslinjen for å gi den en mer "gresskledd" tekstur.

Trinn 5

Akkurat som før, gjenta for den andre siden. Kopier og lim inn dine detaljer og gjør den dobbelte skjev manøvrer for å passe til riktig vinkel. Så fortsett og la det stikke på plass.

Trinn 6

Etter at detaljene dine er på plass, skal vi tegne den svarte figuren på høyre side av blokken igjen for litt rask skygge. Det var bare en svart Fylle, ingen slag, Opacity 25%.

Trinn 7

Det er på tide for toppsiden av gressblokken vår. Tegn en form over toppen og gi den en lysere grønn fylling.

Trinn 8

For den øverste siden skal vi bruke fire flere forskjellige nyanser av grønt. Gå videre og tegne disse opp.

Trinn 9

Tid for kopiering og liming! For denne spesielle toppsidevinkelen, sørg for at Snap til midpoints er aktivert i snapping-menyen. Igjen kan du referere til en faktisk Minecraft gressblokk, eller bare tilfeldig plassere disse rutene.

To blokker ned, to å gå!


4. Opprett en treblokk

Trinn 1

For treblokken, la oss bare starte fra bunnen av. Tegn kubens disposisjon (akkurat som vi gjorde med smussblokken) og gi den en mørk brun Fylle, ingen slag.

Steg 2

La oss tegne et par farger for vår tretekst.

Trinn 3

For treblokken kan det være lettere å bare bruke Penn verktøy for å tegne tekstur for hånd (i stedet for å plassere de små torgene) som vi vil at treet skal strekke opp og ned. Så selvfølgelig, bruk disse to brune farger for å fylle disse inn.

Trinn 4

Etter at vi alle er farget opp, er det på tide å kopiere tekstur og skrå for den andre siden. Husk, hold kontrollen og dra skråhåndtaket opp to hakk, og slipp det da. Så gjenta. Dette gir den riktige vinkelen.

Trinn 5

Etter å ha plassert den tekstur, er det tid for den vanlige skyggingen. Tegn over høyre side av terningen med en svart form og sett opacity til 25%.

Trinn 6

For den øvre siden tegner du en lys brun form for å dekke toppen av kuben.

Trinn 7

Nå for tre tekstur, bare fortsett å tegne figurer en isometrisk blokk mindre til innsiden. En fin lysebrun bør gjøre kunsten.

Trinn 8

Fortsett dette mønsteret med en litt mørkere brun.

Hold dette til du har noe som ligner på nedenfor.

Det er ferdig med treblokken. Her er våre tre så langt!


5. Lag en bladblokk

Trinn 1

Denne er ganske enkel. Siden dette vil være en gjennomsiktig blokk, trenger vi ikke å starte med en base. Bare skriv opp de tre grønne fargene som vist nedenfor.

Steg 2

Og legg deg unna! Pass på at du legger tilstrekkelig masse ledig plass slik at den ser fin og løvaktig ut.

Trinn 3

Når du er ferdig med den ene siden, fortsett og kopier, lim inn og dublett for høyre side av bladblokken. La det da ligge på plass. Hold den siden valgt for neste trinn!

Trinn 4

For skygge kan vi ikke bare slå en gjennomsiktig svart form over den - det ville se forferdelig ut med hele det hvite rommet. Med høyre side fortsatt valgt, hodet opp til Utvidelser> Farge> Mindre lys. Kjør denne utvidelsen to ganger for riktig mengde skygge.

Hva denne utvidelsen gjør er å mørke alle de valgte fargene jevnt, noe som virker bra i dette scenariet.

Trinn 5

Nå er det tid for toppen av bladblokken vår. Kopier og lim inn et annet stykke bladstruktur og hold-kontroll mens du bruker de roterende håndtakene for å vinkle denne på riktig måte. Hold denne valgte igjen!

Trinn 6

Denne tiden for skyggelegging vil vi ha en lysere toppside, så hodet til Utvidelser> Farge> Mer lys. Igjen, kjør denne utvidelsen to ganger.

Trinn 7

Etter å ha snappet toppen av bladblokken på plass, vil vi få alle fire blokkene ferdig!


6. Bygg en verden

Trinn 1

Tid for den morsomme delen! Først må vi zoome ut slik at vi kan se lerretet vårt (det er mindre overveldende på denne måten også). Forsikre Snap til midtpunktet er mulig for å plassere blokker. Ganske mye på dette punktet kan du plassere blokker, men du vil. Du kopierer og limer bare blokkene vi har opprettet, og la dem stikke på plass.

Også siden vi jobber med falsk 3D på et 2D-plan, vil du raskt finne at dybden blir et problem. De Side opp, Side ned, Hjem, og Slutt Nøklene blir din venn i riktig posisjonering.

Alle nye limte blokker er satt foran alt som standard, så det kan være optimalt å arbeide fra baksiden til forsiden. Tydeligvis er dette vanskelig å gjøre, så hold bare hånden din på de hurtigtaster.

Steg 2

Her er min ferdige smuss og gressblokkering plassering. Husk at gressblokkene går på toppen av smussblokkene!

Trinn 3

La oss bygge et tre! Bare plasser de treblokkene rundt tre eller fire høye, og legg deretter noen bladblokker rundt den. Huske, Side opp og Side ned for riktig dybdeplassering vil gjøre dette mye lettere.

Trinn 4

Her er min ferdige verden. Dette bør gi deg en ganske god ide om hvordan konstruksjonen fungerer.

Trinn 5

Nå er det på tide for litt ekstra detalj i skyggen. For dette kan vi bare bruke Penn verktøy for å tegne skygger (svart Fylle med 25% Opacity). For min har jeg skyggevinkelen helt til høyre. Se på bildet nedenfor for en referanse. De trenger ikke å være 100% nøyaktige, men bare nok til å legge litt mer dybde til hele scenen.

Trinn 6

Her er min fullførte skyggelegging. Du kan merke at jeg endte opp med å gjøre en lineær gradient for treskyggen.

Trinn 7

Nå kan du fullføre dette bare ved å sette en slags blå himmelbakgrunn på den. Ser bra ut, rett?

Trinn 8

Jeg fortsatte å leke med ting og fant ut at hvis jeg eksporterte scenen med en gjennomsiktig bakgrunn, kunne jeg importere noen av dem inn igjen og justere størrelsene, blurs og flippe dem horisontalt for å gjøre en pen, sløret bakgrunn.


Og vi er ferdige!

En ganske lang og litt kjedelig opplæring førte til en fantastisk isometrisk projeksjonsdesign i Inkscape. Ikke bare det, men det var også massevis av moro å komme opp med en tilfeldig verden ut av byggeklosser! Så fortsett å leke med dette og bygge en fin Minecraft type scene. Takk for at du leste!