Riproduzione con proiezione isometrica in Inkscape per creare una scena Minecraft

Inkscape ha una funzione di griglia davvero pulita per rendere i progetti isometrici molto facili da realizzare. Si chiama griglia assonometrica e la useremo per creare un disegno isometrico ispirato a Minecraft. Questo tutorial si concentrerà sulla creazione di quattro diversi blocchi isometrici che possono essere posizionati per creare una scena.


1. Impostare il documento

Passo 1

Andiamo a File> Proprietà del documento per impostare le dimensioni della pagina su 970 x 1000 pixel.

Passo 2

Ora fai clic sul griglie scheda e creare un Griglia assonometrica. Fai riferimento all'immagine sotto per le impostazioni - assicurati che tutto sia uguale al tuo o potremmo incorrere in alcuni problemi. Ho anche modificato i colori della linea della griglia a mio piacimento, il che potrebbe rendere le cose più facili anche per te.

Passaggio 3

Infine, imposta le opzioni di snap come l'ho mostrato di seguito. Questo renderà il lavoro con le griglie molto più semplice. A questo punto, puoi vedere la griglia assonometrica (è abbastanza ordinata). Ho delineato le linee principali della griglia sotto nella forma di un cubo 3D, che sarà la base di questo intero tutorial. Cominciamo!


2. Creare un blocco Dirt

Passo 1

Afferralo Penna strumento, perché sarà praticamente l'unico strumento che utilizzerai. Mentre i nodi scatteranno mentre disegni, crea un contorno cubo 3D (o esagono) sulle linee della griglia principale. Sbarazzati di Ictus e dagli un marrone Riempire.

Nota: ci si potrebbe chiedere perché sto usando una forma solida per un cubo 3D invece di mettere insieme i tre lati separati. Bene, ogni volta che utilizzo la griglia assonometrica, niente sembra mai perfetto per i pixel perfetti (forse per gli angeli di 30 gradi e l'impossibilità di ottenere numeri senza decimali). Con questo, il risultato sono sempre linee bianche in cui tutti i lati si incontrano. Facendo una forma solida come base per il cubo, questo almeno rimuove le linee bianche.

Passo 2

Inizieremo ad aggiungere alcuni dettagli al nostro blocco sporco. Quando ingrandisci, vedrai apparire le linee della griglia più piccole - questa sarà la dimensione di ciascuno dei nostri colori di dettaglio, quindi vai avanti e disegnane quattro come mostrato di seguito. Insieme a questo, dai loro anche quattro diverse sfumature di marrone.

Passaggio 3

Questa è la parte noiosa. Basta iniziare a copiare e incollare ciascuno dei quadratini per ottenere quella trama di tipo Minecraft. Agganciare agli angoli del riquadro di delimitazione scatterà queste cose fino a quando le sposti afferrando gli angoli in alto a sinistra o in basso a destra. Puoi anche cercare alcuni dei blocchi di Minecraft e usarli come riferimento. Certo, puoi sempre posizionarli esattamente come li ho qui sotto. I tasti di scelta rapida per copia e incolla saranno i tuoi migliori amici per questo.

Mentre questo è noioso, è super facile e richiede solo un paio di minuti.

Passaggio 4

Con il Selezione strumento, basta selezionare tutto il blocco che hai appena inserito. Copia, incolla e fai di nuovo clic per visualizzare il file inclinazione maniglie. Tieni premuto il controllo e trascina questa maniglia su due tacche, che lo rendono perfettamente dritto.

Passaggio 5

Lascia andare la maniglia di inclinazione, ma poi riprendila. Poi fai la stessa identica cosa: tenendo il controllo, trascina altre due tacche. Questo ti darà la texture all'angolo corretto. Se lo inclini solo una volta, l'angolo non sarà corretto, quindi assicurati di farlo due volte.

Passaggio 6

Come puoi vedere, l'angolo è effettivamente corretto e ora puoi posizionarlo in posizione. Ancora una volta, lo snap ad angolo del riquadro di delimitazione dovrebbe fare il trucco, ma assicurati di afferrare la selezione da un angolo.

Passaggio 6

Per un po 'di ombreggiatura veloce, prendi il Penna strumento e disegnare un quadrato su tutto il lato destro. Rimuovi il Ictus e dargli un Riempire di nero. Quindi, imposta il Opacità di questa forma a 25%. Questo dovrebbe fare il trucco!

Passaggio 7

Adesso è il momento per i dettagli più importanti. Basta copiare e incollare nuovamente quel gruppo di dettagli e utilizzare le maniglie rotanti mantenendo il controllo per adattarsi al lato superiore del cubo.

Passaggio 8

Per posizionare questo, probabilmente vorrai impostare Scatta da e verso i punti medi dal menu di snapping. Gli angoli della scatola delimitanti sarebbero piuttosto inutili qui.

Passaggio 9

Per mantenere l'aspetto ombreggiato, disegniamo un quadrato per il lato superiore del cubo. Dai questo a un marrone chiaro Riempire e no Ictus ancora.

Passaggio 10

Quindi imposta il Opacità a 25%. A questo punto, probabilmente vorrai selezionare l'intero blocco e raggrupparlo.

Sembra abbastanza buono, giusto?


3. Creare un Grass Block

Passo 1

Ok, questo sarà facile. Basta copiare e incollare il blocco di sporcizia mentre lo useremo per la maggior parte del blocco di erba. Quindi, usando il Penna strumento come al solito, disegna una forma intera in cui assomigliare al top erboso. Ancora una volta, lo facciamo come una forma (invece di tre separati) per evitare che le linee marroni possano arrivare.

Passo 2

Rimuovi il tratto e riempilo di verde erboso!

Passaggio 3

Qui useremo due tonalità di verde per i lati. Vai avanti e disegnali.

Passaggio 4

Ora vai avanti e inizia a copiare e incollare! Non hai bisogno di troppi dettagli qui, ma puoi anche posizionarne alcuni sotto la linea di erba per dare una texture più "erbosa".

Passaggio 5

Proprio come prima, ripeti per l'altro lato. Copia e incolla i tuoi dettagli e fai quella doppia manovra di inclinazione per adattarla all'angolo giusto. Quindi vai avanti e lascia che lo scatto avvenga.

Passaggio 6

Dopo aver sistemato i tuoi dettagli, disegneremo quella forma nera sul lato destro del blocco di nuovo per alcune ombreggiature veloci. Quello era solo un nero Riempire, nessun colpo, Opacità 25%.

Passaggio 7

È tempo per il lato superiore del nostro blocco di erba. Disegna una forma sul lato superiore e assegnale un riempimento verde più luminoso.

Passaggio 8

Per il lato superiore, utilizzeremo quattro diverse tonalità di verde. Vai avanti e disegnali.

Passaggio 9

Tempo per la copia e incollare baldoria! Per questo particolare angolo laterale superiore, assicurarsi che Aggancia ai punti medi è abilitato nel menu di snapping. Di nuovo, puoi fare riferimento a un vero e proprio blocco di erba di Minecraft, o semplicemente piazzare questi quadrati casualmente.

Due isolati più in basso, due a disposizione!


4. Creare un blocco ad albero

Passo 1

Per il blocco dell'albero, iniziamo da zero. Disegna il contorno del cubo (proprio come abbiamo fatto con il blocco sporco) e dargli un marrone scuro Riempire, nessun colpo.

Passo 2

Disegniamo un paio di colori per la nostra trama dell'albero.

Passaggio 3

Per il blocco ad albero, potrebbe essere più semplice usare semplicemente il Penna strumento per disegnare la trama a mano (invece di posizionare i quadratini) come vogliamo che l'albero stria su e giù. Quindi, ovviamente, usa questi due colori marroni per riempirli.

Passaggio 4

Dopo che siamo tutti colorati, è il momento di copiare la nostra texture e inclinarci per l'altro lato. Ricorda, tieni premuto il controllo e trascina la maniglia obliqua verso l'alto di due tacche, poi rilascia. Quindi, ripetere. Questo produrrà l'angolo corretto.

Passaggio 5

Dopo aver posizionato quella texture, è il momento delle solite ombreggiature. Disegna sul lato destro del cubo con una forma nera e imposta il Opacità a 25%.

Passaggio 6

Per il lato superiore, disegna una forma marrone chiaro per coprire la parte superiore del nostro cubo.

Passaggio 7

Ora per la trama dell'albero, continua a disegnare forme un blocco isometrico più piccolo all'interno. Un bel marrone chiaro dovrebbe fare il trucco.

Passaggio 8

Continua questo motivo con un marrone leggermente più scuro.

Continua così fino a quando non avrai qualcosa di simile al di sotto.

Finisce il blocco di legno. Ecco i nostri tre finora!


5. Creare un blocco foglia

Passo 1

Questo è abbastanza semplice. Poiché questo sarà un blocco trasparente, non è necessario iniziare con una base. Basta disegnare i tre colori verdi come mostrato di seguito.

Passo 2

E metti via! Assicurati di lasciare una quantità sufficiente di spazio aperto per renderlo bello e frondoso.

Passaggio 3

Una volta terminato un lato, andare avanti e copiare, incollare e raddoppiare per il lato destro del blocco foglia. Quindi lascia che lo scatto avvenga. Mantieni selezionato quel lato per il prossimo passo!

Passaggio 4

Per l'ombreggiatura, non possiamo semplicemente schiaffarci sopra una sagoma nera trasparente: sembrerebbe terribile con tutto lo spazio bianco. Con il lato destro ancora selezionato, vai su Estensioni> Colore> Meno luce. Esegui questa estensione due volte per la giusta quantità di ombreggiatura.

Ciò che fa questa estensione è oscurare tutti i colori selezionati in modo uniforme, il che funziona benissimo in questo scenario.

Passaggio 5

Ora è il momento per la parte superiore del nostro blocco foglia. Copia e incolla un'altra fetta di texture foglia e hold-Control mentre usi le maniglie rotanti per angolare correttamente questo. Mantieni questa selezionata nuovamente!

Passaggio 6

Questa volta per l'ombreggiatura, vogliamo un lato superiore più luminoso, quindi dirigetevi verso Estensioni> Colore> Più luce. Ancora una volta, esegui questa estensione due volte.

Passaggio 7

Dopo aver fatto scattare la parte superiore del blocco di foglie, avremo tutti e quattro i nostri blocchi finiti!


6. Costruisci un mondo

Passo 1

Tempo per la parte divertente! Per prima cosa, rimpiccioliamo in modo da poter vedere la nostra tela (anche in questo modo è meno opprimente). Assicurarsi Aggancia al punto medio è abilitato per posizionare i blocchi. Praticamente, a questo punto, puoi posizionare i blocchi come preferisci. Basta copiare e incollare i blocchi che abbiamo creato e farli scattare in posizione.

Inoltre, dal momento che stiamo lavorando con 3D finto su un piano 2D, scoprirai rapidamente che la profondità diventa un problema. Il Pagina su, Pagina giù, Casa, e Fine le chiavi saranno il tuo amico nel giusto posizionamento.

Tutti i nuovi blocchi incollati sono posizionati di fronte a tutto per impostazione predefinita, quindi il lavoro da back-to-front sarebbe ottimale. Ovviamente, questo è difficile da fare, quindi basta tenere la mano su quei tasti di scelta rapida.

Passo 2

Ecco il mio piazzamento di sterrato ed erba finito. Ricorda che i blocchi di erba vanno sopra i blocchi di sporcizia!

Passaggio 3

Costruiamo un albero! Metti solo quei blocchi di alberi alti circa tre o quattro, quindi posiziona alcuni blocchi fogliari attorno ad esso. Ricorda, Pagina su e Pagina giù per un corretto posizionamento della profondità, renderà questo molto più semplice.

Passaggio 4

Ecco il mio mondo finito. Questo dovrebbe darti un'idea abbastanza chiara di come funziona la costruzione.

Passaggio 5

Ora è il momento per un piccolo dettaglio in più nell'ombreggiatura. Per questo, possiamo semplicemente usare il Penna strumento per disegnare ombre (nero Riempire con 25% di opacità). Per il mio, ho l'angolo d'ombra completamente a destra. Guarda l'immagine qui sotto per un riferimento. Non devono essere accurati al 100%, ma quanto basta per aggiungere un po 'più di profondità all'intera scena.

Passaggio 6

Ecco la mia sfumatura completata. Si potrebbe notare che ho finito per fare un gradiente lineare per l'ombra dell'albero.

Passaggio 7

Ora, puoi finirlo semplicemente mettendo una sorta di sfondo blu su di esso. Sembra fantastico, giusto?

Passaggio 8

Ho continuato a giocare con le cose e ho scoperto che se avessi esportato la scena con uno sfondo trasparente, avrei potuto importarne di nuove e regolare le dimensioni, le sfocature e ruotarle orizzontalmente per creare uno sfondo nitido.


E siamo fatti!

Un tutorial piuttosto lungo e leggermente noioso ha portato ad un fantastico design di proiezione isometrica in Inkscape. Non solo, ma è stato anche un sacco di divertimento venire fuori con un mondo a caso da blocchi di costruzione! Quindi vai avanti e gioca con questo e costruisci una scena di tipo Minecraft. Grazie per aver letto!