Share
Inkscape heeft een erg nette rasterfunctie om isometrische ontwerpen heel gemakkelijk te maken. Het wordt een axonometrisch raster genoemd en we gaan het gebruiken om een door Minecraft geïnspireerd isometrisch ontwerp te maken. Deze zelfstudie richt zich op het maken van vier verschillende isometrische blokken die vervolgens kunnen worden geplaatst om een scène te maken.
Laten we gaan naar Bestand> Documenteigenschappen om ons paginaformaat in te stellen 970 x 1000 pixels.
Klik nu op de grids tab en maak een Axonometrisch raster. Raadpleeg de onderstaande afbeelding voor de instellingen - zorg ervoor dat alles wat hier op staat dezelfde is als die van u of dat we enkele problemen tegenkomen. Ik heb ook de kleuren van de rasterkabel naar mijn smaak gewijzigd, wat het u ook gemakkelijker kan maken.
Stel tot slot de snapping-opties in hoe ik deze hieronder laat zien. Dit maakt het werken met roosters veel gemakkelijker. Op dit punt kunt u het axonometrische raster zien (het is vrij netjes). Ik heb de belangrijkste rasterlijnen hieronder geschetst in de vorm van een 3D-kubus, die de basis zal vormen voor deze hele tutorial. Laten we beginnen!
Grijp dat Pen tool, omdat dat vrijwel de enige tool is die je gaat gebruiken. Omdat knooppunten tijdens het tekenen snappen, maakt u een 3D-kubushoek (of hexagon) op de belangrijkste rasterlijnen. Weg met de Beroerte en geef het een bruin Vullen.
Opmerking: u vraagt zich misschien af waarom ik een vaste vorm voor een 3D-kubus gebruik in plaats van de drie afzonderlijke zijden samen te voegen. Welnu, wanneer ik het axonometrische raster gebruik, lijkt niets ooit perfect te passen (misschien op rekening van 30 graden engelen en het onvermogen om cijfers zonder decimalen te krijgen). Hiermee is het resultaat altijd witte lijnen waar alle kanten samenkomen. Door een vaste vorm als basis voor de kubus te nemen, verwijdert dit op zijn minst de witte lijnen.
We gaan beginnen met het toevoegen van wat details aan onze onverharde weg. Wanneer u inzoomt, ziet u de kleinere rasterlijnen verschijnen - dit is de grootte van elk van onze detailkleuren, dus ga je gang en teken er vier zoals hieronder weergegeven. Behalve dat, geef ze ook vier verschillende tinten bruin.
Dit is het saaie deel. Begin gewoon met het kopiëren en plakken van elk van de kleine vierkanten afzonderlijk om die Minecraft-achtige structuur te krijgen. Door te snappen naar de hoeken van de selectiekader, worden deze dingen op hun plaats geklikt zolang u ze verplaatst door de linker- of rechterbenedenhoek te grijpen. U kunt zelfs enkele van de daadwerkelijke Minecraft-blokken doorzoeken en ze als referentie gebruiken. Natuurlijk kun je ze altijd precies plaatsen zoals ik ze hieronder heb. Sneltoetsen voor kopiëren en plakken zijn je beste vriend voor deze.
Hoewel dit vervelend is, is het supereenvoudig en duurt het maar een paar minuten.
Met de Selectie tool, selecteer gewoon het hele blok dat je zojuist hebt geplaatst. Kopieer, plak en klik opnieuw om het te openen scheeftrekken afhandelt. Houd de controle vast en sleep deze hendel twee inkepingen omhoog, waardoor dit perfect recht is.
Laat de scheefstaanhendel los, maar grijp hem dan opnieuw. Doe dan precies hetzelfde: houd de controle vast en sleep hem nog twee keer omhoog. Dit geeft je de textuur in de juiste hoek. Als je het slechts één keer scheef trekt, zal de hoek niet goed zijn, dus zorg ervoor dat je het twee verschillende keren doet.
Zoals u kunt zien, is de hoek inderdaad correct en kunt u hem nu op zijn plaats positioneren. Nogmaals, bounding box corner snapping zou de slag moeten slaan, zorg er gewoon voor dat je de selectie bij een hoek pakt.
Voor wat snelle schaduw, pak de Pen gereedschap en teken een vierkant over de hele rechterkant. Verwijder de Beroerte en geef het een Vullen van zwart. Stel vervolgens de ondoorzichtigheid van deze vorm aan 25%. Dat zou de slag moeten slaan!
Het is nu tijd voor de belangrijkste details. Kopieer en plak die gegevensgroep opnieuw en gebruik de roterende handgrepen terwijl u de knop ingedrukt houdt om aan de bovenkant van de kubus te passen.
Om deze te plaatsen, wilt u waarschijnlijk instellen Snap van en naar middelpunten van het snapping-menu. Begrensde vakhoeken zouden hier behoorlijk nutteloos zijn.
Laten we een vierkant tekenen voor de bovenkant van de kubus om het grijze uiterlijk gaande te houden. Geef deze een lichtbruine kleur Vullen en nee Beroerte nog een keer.
Stel vervolgens de ondoorzichtigheid naar 25%. Op dit punt wil je waarschijnlijk het hele blok selecteren en groeperen.
Ziet er best goed uit, toch??
Oké, deze zal gemakkelijk zijn. Kopieer en plak gewoon je vuilblok, want dit gebruiken we voor het grootste deel van het grasblok. Dan, met behulp van de Pen gereedschap zoals gebruikelijk, teken een volledige vorm om op de met gras begroeide top te lijken. Nogmaals, we doen het als één vorm (in plaats van drie afzonderlijke) om te voorkomen dat bruine lijnen doorkomen.
Verwijder de streek en vul deze met grassig groen!
We zullen hier twee tinten groen gebruiken voor de zijkanten. Ga je gang en teken die op.
Ga nu door en begin met kopiëren en plakken! Je hebt hier niet al te veel details nodig, maar je kunt ook een paar onder de graslijn plaatsen om het een meer "grasachtige" textuur te geven.
Herhaal voor de andere kant zoals eerder. Kopieer en plak je gegevens en voer die dubbele skewmanoeuvre uit om in de juiste hoek te passen. Ga dan door en laat dat op zijn plaats klikken.
Nadat je gegevens zijn ingevoerd, tekenen we opnieuw die zwarte vorm aan de rechterkant van het blok voor een snelle schaduwwerking. Dat was gewoon een zwarte Vullen, geen beroerte, Dekking 25%.
Het is tijd voor de bovenkant van ons grasblok. Teken een vorm over de bovenzijde en geef deze een helderdere groene vulling.
Voor de bovenkant gebruiken we nog vier verschillende tinten groen. Ga je gang en teken deze op.
Tijd voor het kopiëren en plakken van spree! Voor deze specifieke hoek aan de bovenkant, zorg ervoor dat Klik op middelpunten is ingeschakeld in het menu Snappen. Nogmaals, u kunt verwijzen naar een echt Minecraft-grasblok, of deze willekeurige vierkanten willekeurig plaatsen.
Twee blokken verderop, twee te gaan!
Laten we voor de tree-block helemaal opnieuw beginnen. Teken de kubusomtrek (net zoals we deden met het vuilblok) en geef het een donkerbruin tintje Vullen, geen beroerte.
Laten we een paar kleuren tekenen voor onze boomtextuur.
Voor de boomblok kan het eenvoudiger zijn om alleen de Pen hulpmiddel om de textuur met de hand te tekenen (in plaats van de kleine vierkanten te plaatsen) zoals we willen dat de boom op en neer schiet. Gebruik dan die twee bruine kleuren om deze in te vullen.
Nadat we allemaal gekleurd zijn, is het tijd om onze textuur te kopiëren en scheef naar de andere kant. Onthoud, houd de controle vast en sleep de scheef hendel twee keer omhoog en laat hem vervolgens los. Herhaal dan. Dit levert de juiste hoek op.
Na het plaatsen van die textuur, is het tijd voor de gebruikelijke schaduw. Teken met een zwarte vorm over de rechterkant van de kubus en stel de ondoorzichtigheid naar 25%.
Trek voor de bovenkant een lichtbruine vorm om de bovenkant van onze kubus te bedekken.
Gebruik de vorm van de boom om een isometrisch blok kleiner naar binnen te tekenen. Een mooie lichtbruine moet het lukken.
Ga verder met dit patroon met een iets donkerder bruin.
Blijf hiermee doorgaan tot je iets vergelijkbaars hebt als hieronder.
Dat maakt de houtblokken af. Dit zijn onze drie tot nu toe!
Deze is vrij eenvoudig. Omdat dit een transparant blok is, hoeven we niet te beginnen met een basis. Maak gewoon de drie groene kleuren op, zoals hieronder wordt weergegeven.
En plaats weg! Zorg voor voldoende open ruimte om het er mooi en groen uit te laten zien.
Als u klaar bent met één kant, kunt u doorgaan met kopiëren, plakken en dubbel schuintrekken voor de rechterkant van het vleugelblok. Laat dat dan op zijn plaats klikken. Houd die kant geselecteerd voor de volgende stap!
Voor schaduwen kunnen we er niet gewoon een transparante zwarte vorm overheen klappen - het zou er vreselijk uitzien met de witte ruimte. Met de rechterkant geselecteerd, ga je naar Extensies> Kleur> Minder licht. Voer deze extensie tweemaal uit voor de juiste hoeveelheid arcering.
Wat deze extensie doet, is dat alle geselecteerde kleuren gelijkmatig donkerder worden, wat in dit scenario prima werkt.
Nu is het tijd voor de top van ons blad. Kopieer en plak nog een schijfje bladtextuur en hold-Control tijdens het gebruik van de roterende handgrepen om deze juist te hellen. Houd deze opnieuw geselecteerd!
Deze keer voor schaduw, willen we een helderdere bovenkant, dus ga naar Extensies> Kleur> Meer licht. Nogmaals, voer deze extensie twee keer uit.
Nadat we de bovenkant van het bladblok op zijn plaats hebben geklikt, hebben we alle vier onze blokken klaar!
Tijd voor het leuke gedeelte! Laten we eerst uitzoomen zodat we ons canvas kunnen zien (het is op deze manier ook minder overweldigend). Zorg ervoor dat Klik op middelpunt is in staat om blokken te plaatsen. Vrij veel op dit punt, je kunt blokken plaatsen zoals je zou willen. U kopieert en plakt gewoon de blokken die we hebben gemaakt en laat ze op hun plaats klikken.
Omdat we met nep-3D op een 2D-vlak werken, zult u ook snel merken dat die diepte een probleem wordt. De Pagina omhoog, Page Down, Huis, en Einde sleutels zullen je vriend zijn in de juiste positionering.
Alle nieuwe geplakte blokken worden standaard voor alles geplaatst, dus werken van achteren naar voren is optimaal. Uiteraard is dit lastig om te doen, dus hou gewoon je hand op die sneltoetsen.
Dit is mijn afgewerkte plaatsing van vuil en grasblokken. Vergeet niet dat de grasblokken op de vuilblokken komen!
Laten we een boom bouwen! Plaats die boomblokken ongeveer drie of vier hoog en plaats er wat bladblokken omheen. Onthouden, Pagina omhoog en Page Down voor een juiste plaatsing van de diepte zal dit veel gemakkelijker maken.
Dit is mijn voltooide wereld. Dit zou je een aardig idee moeten geven over hoe de constructie werkt.
Nu is het tijd voor een beetje extra detail in de schaduw. Hiervoor kunnen we gewoon de Pen hulpmiddel om schaduwen te tekenen (zwart Vullen met 25% dekking). Voor de mijne heb ik de schaduwhoek helemaal rechts. Kijk naar de afbeelding hieronder voor een referentie. Ze hoeven niet 100% nauwkeurig te zijn, maar net genoeg om een beetje meer diepte toe te voegen aan de hele scène.
Dit is mijn voltooide schaduw. Je zou kunnen opmerken dat ik uiteindelijk een lineair verloop heb gemaakt voor de schaduw van de bomen.
Nu kun je dit afmaken door er een soort blauwe hemelachtergrond op te plaatsen. Ziet er goed uit, toch??
Ik bleef maar spelen met dingen en ontdekte dat als ik de scène met een transparante achtergrond zou exporteren, ik er een paar van kon importeren en de afmetingen, vervaging en horizontaal aanpassen aanpassen om een nette onscherpe achtergrond te maken.
Een vrij lang en enigszins saai tutorial leidde tot een geweldig isometrisch projectieontwerp in Inkscape. Niet alleen dat, maar het was ook een hoop plezier om met een willekeurige wereld uit bouwstenen te komen! Dus ga je gang en speel hiermee en bouw een nette Minecraft-achtige scène. Bedankt voor het lezen!
Accentsconagua