Een Minecraft-personage maken in Affinity Designer door Andrei Stefan

Transcriptie

1 Een Minecraft-personage maken in Affinity Designer door Andrei Stefan Wat je gaat creëren In de tutorial van vandaag gaan we op een creatieve reis naar het land van Minecraft en leren we hoe we een schattig klein personage kunnen maken met behulp van het handige Isometric Grid van Affinity Designer. Dus ga ervan uit dat je een fan bent van het spel, krijg snel een koffievulling en laten we er meteen in springen! Vergeet ook niet dat je het project altijd kunt uitbreiden door naar GraphicRiver te gaan, waar je een grote selectie van vectorpixelkunst vindt. 1. Hoe een nieuw projectbestand in te stellen

2 Ervan uitgaande dat Affiniteit al actief is, laten we een nieuw document opzetten door naar Bestand> Nieuw te gaan (of door de sneltoets Control-N te gebruiken) die we als volgt zullen aanpassen: Type: Web Documenteenheden: Pixels Maak tekengebied: aangevinkt Paginabreedte: 800 px Paginahoogte: 600 px DPI: Hoe een isometrisch raster in te stellen

3 Zodra we ons document hebben gemaakt, willen we een aangepast isometrisch raster opzetten, dat visuele begeleiding zal bieden als het gaat om het tekenen van de vormen van ons karakter. Stap 1 Ga hiervoor naar Beeld> Grids en Axis Manager, waar we eerst de optie Raster tonen inschakelen en schakel het selectievakje Automatisch raster een uitzetten uit, zodat we als volgt een aangepaste kunnen instellen: Roostertype: isometrisch Afstand: 16 px Divisies: 4 px

4 Stap 2 Zodra het raster helemaal is ingesteld, moeten we ervoor zorgen dat onze vormen er daadwerkelijk op klikken, dus ga naar Beeld> Snapping Manager (of gebruik het kleine magneetpictogram ), waar we zeker weten dat het is ingeschakeld en schakel alle vinkjes uit opties behalve de Snap to grid one. Normaal gesproken zou de optie Force pixel alignment ingeschakeld zijn, maar vanwege de hoeken van de rasterlijnen krijgen onze vormen uiteindelijk kommagescheiden waarden, die zoals u weet niet kunnen klikken op het Pixel-raster. Stap 3 Zoals je kunt zien, is het resulterende raster gemaakt van meerdere 16 px hoge rhombi, die 4 onderverdelingen langs elk van hun zijden hebben ( 16 in totaal), die duidelijk zichtbaar

5 worden zodra je erop inzoomt. We gaan erop vertrouwen in het proces van het definiëren van de grootte van elke vorm, waarbij we de buitenranden van de ruit gebruiken als een breedte- meeteenheid en de verticale binnenhoogte als een hoogte meten. Om het simpel te houden, gebruik ik een eenvoudige annotatie waarbij R = één rand / hoogte van de grotere ruit en een kleine r = één rand / hoogte van de kleinere divisie.

6 3. Hoe het onderste deel van het personage te maken Zodra we ons aangepaste isometrische raster hebben gemaakt, kunnen we gaan werken aan het eigenlijke personage, en we zullen dit doen door een blanco versie van het hele lichaam één sectie per keer te maken. Stap 1 Teken met behulp van het pengereedschap (P) het voorste gedeelte van de poten met een 6 x 4 R- vorm, die we zullen kleuren met gebruik #596C7B en dan positioneren zoals te zien in de referentie afbeelding. Stap 2 Voeg het zijgedeelte van de poten toe met een 2 x 6 R- vorm, die we zullen kleuren met gebruik #384C57 en dan op de rechterkant van de vorige plaatsen.

7 4. Hoe het bovenlichaam van het personage te maken Nu we de hoofdvormen van de benen hebben, kunnen we naar boven gaan en aan het bovenlichaam gaan werken, waarbij we één vorm tegelijk zullen maken. Stap 1 Begin met het maken van de romp met een kopie ( Control-C > Control-V ) van het voorste gedeelte van de benen, die we hierboven plaatsen en waarvan de kleur verandert in #E47145.

8 Stap 2 Met de romp op zijn plaats kunnen we nu aan de armen en schouders van het personage werken. Maak de hoofdvorm voor de linkerarm met behulp van een rechthoek van 2 x 6 R, die we zullen kleuren met gebruik #96693B en vervolgens naast de torso plaatsen zoals te zien in de referentieafbeelding.

9 Stap 3 Voeg het voorste gedeelte van de rechterhand toe met een kopie ( Control-C> Control-V ) van degene waaraan we zojuist hebben gewerkt, die we aan de andere kant van de romp zullen plaatsen.

10 Stap 4 Maak de zijsectie met een kopie ( Control-C> Control-V ) van de vorm die we zojuist hebben gemaakt, die we horizontaal zullen weergeven ( klik met de rechtermuisknop> Transformeren> Horizontaal spiegelen ) en positioneer vervolgens aan de rechterkant.

11 Stap 5 Voeg de schouders en het bovenste gedeelte van de romp toe met een enkele vorm, die we zullen kleuren met gebruik #E58047 en dan positioneren zoals te zien in de referentie afbeelding. Als je klaar bent, zorg er dan voor dat je alle samenstellende vormen van het bovenlichaam selecteert en groepeert ( Control-G ) voordat je verdergaat naar het volgende gedeelte.

12 5. Hoe het hoofd van het personage te maken Omdat we op dit punt vrijwel alle delen van het lichaam van het personage hebben, kunnen we naar boven gaan en ons richten op het creëren van de hoofdvormen voor het hoofd. Stap 1 Begin met het tekenen van het voorste gedeelte met een 4 x 4 R- vorm, die we zullen kleuren met gebruik #96693B en dan op het lichaam plaatsen zoals te zien in de referentie afbeelding.

13 Stap 2 Voeg het zijgedeelte toe met een kopie ( Control-C> Control-V ) van de vorm die we zojuist hebben gemaakt, die we zullen gebruiken met kleuren #3E2815 en dan aan de rechterkant plaatsen, en zorg ervoor dat deze horizontaal wordt weergegeven ( klik met de rechtermuisknop> Transformeren > Horizontaal spiegelen ).

14 Stap 3 Werk het hoofd af door een 4 x 4 R- vorm te tekenen, die we zullen kleuren met #6D4A2D en vervolgens op de twee rechthoeken plaatsen, zoals te zien is in de referentie-afbeelding. Zodra u klaar bent, selecteert en groepeert u alle drie de vormen samen met de Control-G- sneltoets.

15 Snelle tip: op dit moment is het een goed idee om ons project te organiseren door het deelvenster Lagen te openen en de verschillende secties die we hebben gegroepeerd, een naam te geven, zodat we gemakkelijker de lichaamsdelen van ons personage kunnen targeten en navigeren..

16 6. Details aan het hoofd van het personage toevoegen Nu we de lege versie van ons personage hebben, kunnen we er details aan toevoegen, en dat doen we vanaf het hoofd. Stap 1 Teken de mond met behulp van een 4 x 2 r- vorm, die we zullen gebruiken in kleur #BD9169 en dan naar de lagere rand van het voorste gedeelte van de kop plaatsen, zoals te zien in de referentie afbeelding.

17 Stap 2 Creëer het linkeroog met behulp van twee 2 x 4 r- vormen (één gekleurd #FFFFFF en één gebruikt #3E2815 ), die we zullen groeperen ( Control-G ) en dan positie op de linkerbovenhoek van de mond, op een afstand van slechts 1 r van zijn bovenrand.

18 Stap 3 Voeg het juiste oog toe met een kopie van degene die we zojuist hebben gegroepeerd, die we aan de andere kant van de mond plaatsen, en zorg ervoor dat ze hun kleuren omdraaien.

19 Stap 4 Met beide ogen op hun plaats kunnen we snel het haarsegment ( #4C341E ) tekenen met behulp van het referentiebeeld als onze hoofdgids. Neem de tijd en ga als je klaar bent naar de volgende stap.

20 Stap 5 Maak een gedetailleerde weergave van de huidige sectie door de kleine gouden oorbel toe te voegen met een 1 x 2 r vorm, die we zullen kleuren met #E19B4F en vervolgens op het zijgedeelte van de kop plaatsen, in lijn met de onderste ooglijn. Als u klaar bent, selecteert en groepeert u alle gegevens van de kop samen ( Control-G ) voordat u doorgaat naar de volgende sectie.

21 7. Details toevoegen aan het bovenlichaam van het personage Nu we klaar zijn met werken aan het hoofd, kunnen we onze focus verleggen naar het lichaam van het personage, waar we geleidelijk aan details gaan toevoegen. Stap 1 Maak het voorste gedeelte van de linkermouw met behulp van een kopie ( Control-C> Control-V ) van de hoofdvorm van de arm, die we vervolgens aanpassen door eerst de kleur ervan te wijzigen in #E47145 en vervolgens de hoogte in twee te snijden.

22 Stap 2 Voeg het voorste gedeelte van de rechtermouw toe met een kopie ( Control-C> Control-V ) van degene waar we net aan hebben gewerkt, die we aan de andere kant van de torso zullen plaatsen.

23 Stap 3 Teken het onderste deel van de hoes met behulp van het referentiebeeld als uw hoofdgids en zorg ervoor dat u de twee vormen samen selecteert en groepeert ( Control-G ) als u klaar bent.

24 Stap 4 Maak het onderste deel van de rechtermouw met hetzelfde proces als het linkergedeelte en zorg ervoor dat u de resulterende vorm en het voorste gedeelte samen selecteert en groepeert met de sneltoetscontrol-g.

25 Stap 5 Zorgen voor de juiste huls zijgedeelte gebruik van een kopie ( control-c> Controle-V ) van de arm, die we aanpassen door eerst de kleur #C0512A en verkorten de hoogte van 6R tot 4R.

26 Stap 6 Voeg de nekuitsnede toe met behulp van het referentiebeeld als uw hoofdgids, zorg ervoor dat u de resulterende vorm gebruikt met #96693B.

27 Stap 7 Scheid het voorste gedeelte van het hoofd van de nek met behulp van een blok van 8 x 2 r, die we zullen kleuren met gebruik van #784A27 en positioneren op de uitsparing.

28 Stap 8 Terwijl de vulkleur is ingesteld op #4C341E, tekent u de segmenten van het voorhoofd met behulp van het referentiebeeld als uw hoofdgids. Neem de tijd en ga als je klaar bent naar de volgende stap.

29 Stap 9 Voeg de schouderhaarsegmenten toe met behulp #4C341E van het voorste gedeelte en #3E2815 voor de bovenste sectie, zorg ervoor dat u de twee achter elkaar selecteert en groepeert met de sneltoets Control-G.

30 Stap 10 Teken de riem met een 16 x 2 r- vorm, die we inkleuren #343E4C en vervolgens op een afstand van 2 r van de onderkant van het voorste gedeelte van het shirt plaatsen.

31 Stap 11 Voeg de onderste voorkant van het shirt toe met een kopie ( Control-C> Control-V ) van de degene die we zojuist hebben gemaakt voor de sleeves, die we plaatsen zoals te zien is in de referentieafbeelding.

32 Stap 12 Werk het detailleringsproces van het huidige deel van de illustratie af door het zijgedeelte van de onderkant van het shirt toe te voegen, dat we zullen kleuren met gebruik van #C0512A. Maak als u klaar bent afzonderlijke groepen ( Control-G ) van de verschillende secties en positioneer ze in de hoofdvormen met behulp van het deelvenster Lagen.

33 8. Details toevoegen aan het onderlichaam van het personage Nu we klaar zijn met het toevoegen van de verschillende details aan het bovenlichaam, kunnen we onze focus op de benen verschuiven en daar geleidelijk ook details aan toevoegen. Stap 1 Begin met het maken van het zijgedeelte van de boot, met behulp van een kopie ( Control-C> Control-V ) van de onderliggende poot, die we zullen aanpassen door eerst de kleur in te stellen # en vervolgens de hoogte te verkorten tot slechts 14 r.

34 Stap 2 Met de kleur ingesteld op #343E4C, tekent u de hoofdvorm voor het voorste gedeelte van de schoen van de rechtervoet met behulp van het referentiebeeld als uw hoofdgids.

35 Stap 3 Maak de details van de benen, en daarmee de illustratie zelf, door de linkerlaars toe te voegen met een kopie ( Control-C> Control-V ) van degene waar we net aan hebben gewerkt, die we aan de linkerkant van de afbeelding zullen plaatsen de benen. Als u klaar bent, selecteert en groepeert u alle details samen met de Control-G- sneltoets, voordat u op die opslagknop drukt.

36 Advertentie 9. Een beetje bijblijven Op dit punt heb je misschien gemerkt dat sommige naburige vormen van ons personage uiteindelijk kleine witte gaten tussen hen hadden, wat te maken heeft met de manier waarop de software omgaat met aliasing, wat een probleem is waarvan de mensen bij Serif zich bewust zijn.

37 De officiële methode om dit vervelende probleem op te lossen, is door duplicaten van de vormen toe te voegen waar dit gebeurt, wat ik heb uitgetest en lijkt te werken. Het is geen perfecte methode, maar het is alles wat we hebben tot we een software-update krijgen.

38 Goed werk! Daar heb je het, mede Minecraft-minnaars, een schattig klein personage gemaakt met behulp van Affinity's krachtige isometrische raster. Zoals altijd hoop ik dat het je gelukt is om elke stap te volgen en bovenal heb je onderweg iets nieuws en nuttigs geleerd. Dat gezegd hebbende, als u vragen heeft, kunt u deze plaatsen in het opmerkingengedeelte en ik zal zo snel mogelijk contact met u opnemen!

39