1. Design & Illustration
  2. Drawing/Illustration
  3. Pixel Art

Hoe maak je Vlug een Minecraft Tekst Effect met Adobe Illustrator

Scroll to top

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Volg de volgende stappen om te leren hoe je een Minecraft text effect maakt met Adobe Illustrator. Eerst leer je hoe je een eenvoudig raster opzet en hoe je de hoofdvormen van de tekst maakt, die we vervolgens verder opmaken met het 3D Diepte en Schuine Kant effect en enkele basis vector vormen en technieken. Doorgaand leer je hoe je een eenvoudig kunst penseel maakt en hoe je die gebruikt om de barsten in je tekst aan te brengen. Als laatste leer je dan hoe je subtiele schaduwen en hooglichten maakt. Hierbij gebruik je verschillende effecten.

1. Maak een Nieuw Document en zet een Raster op

Toets Control-N om een nieuw document te maken. Selecteer Pixels in het Eenheden uitvalmenu. Kies 600 in het breedte vak en 400 in het vak hoogte. Klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en let erop dat Nieuwe Objecten Uitlijnen op Pixel Raster niet aangevinkt is. Klik dan op OK.

Maak het Raster zichtbaar (Weergave>Raster Zichtbaar) en schakel Raster Magnetisch (Weergave>Raster Magnetisch) in. Je hebt op Elke pixel een rasterlijn nodig dus ga naar Bewerken>Voorkeuren>Hulplijnen>Raster en zet 1 in het vak Rasterlijnen om de, en doe hetzelfde in het vak Onderverdelingen. Raak niet ontmoedigd door de hoeveelheid lijnen, je gaat er een hoop gemak van hebben. Bovendien, je kunt ze gemakkelijk uitschakelen en weer zichtbaar maken door Ctrl-" in te drukken.

Het is beter om ook het Info paneel te openen (Venster>Info) om een actueel beeld te zien met daarin de grootte en de posities van de vormen. Denk eraan de meet eenheid op pixels te zetten in Bewerken>Voorkeuren>Eenheden>Algemeen. Door al deze opties te gebruiken zul je een stuk sneller kunnen werken.

setup gridsetup gridsetup grid

2. Maak een Kunst Penseel

Stap 1

Pak het Gereedschap Ovaal (L) en richt je aandacht even op de Gereedschaps Balk. Haal de kleur van de lijn weg. Selecteer daarna Vulling en zet de kleur daarvan op zwart (R=0 G=0 B=0). Ga naar je tekenblad en maak een vorm van 2 x 10 px. Het raster en de Magnetisch Raster functie maken het je makkelijk om de vorm te maken.

Neem nu het Gereedschap Ankerpunt Omzetten (Shift-C) en klik op het bovenste ankerpunt van de ovaal. Daarna, met het Gereedschap Direct Selecteren (A), selecteer je het rechter en linker ankerpunt van je ovaal ( aangegeven in de tweede afbeelding) en sleep deze 2px omlaag. Ook hier zul je gemak hebben van de Magnetisch Raster functie. Uiteindelijk moet jouw zwarte vorm lijken op die in de derde afbeelding.

art brush shapeart brush shapeart brush shape

Stap 2

Zorg ervoor dat de vorm nog steeds geselecteerd is. Open het Penselen paneel (Venster>Penselen) en klik op de Nieuwe Penseel knop. Vink Kunst Penseel aan en klik dan op de OK knop. Bedenk een naam voor je penseel, en voer alle opties, zoals op de afbeelding hieronder aangegeven, in. Zorg ervoor dat je bij het Methodes menu Tinten selecteerd en klik OK. Nu zou je nieuwe penseel te zien moeten zijn in je Penselen paneel.

Nu dit gedaan is kun je de kleine zwarte vorm verwijderen van je tekenblad.

save art brushsave art brushsave art brush

3. Maak de Hoofd Vormen voor je 3D tekst

Stap1

Maak het Raster onzichtbaar (Ctrl-') en ook het Magnetisch Raster (Shift-Ctrl-').

Neem het Gereedschap Tekst (T) en open het paneel Teken (Venster>Tekst>Teken). Selecteer het Minercraftory Regular font, zet de grootte op 70 px en klik dan op het tekenblad. Typ de tekst "MINEBOY" en zet de kleur daarvan op R=209 G=211 B=212.

texttexttext

Stap 2

Zorg ervoor dat de tekst nog geselecteerd is en ga naar Effect>3D>Diepte & Schuine Kant. Klik op de Meer Opties knop en voer alle opties door zoals aangegeven in de afbeelding. Klik OK.

3d extrude bevel3d extrude bevel3d extrude bevel

Stap 3

Selecteer je tekst opnieuw en gan naar Object>Vormgeving Uitbreiden. Zorg ervoor dat de onstane groep van vormen geselecteerd is en toets drie keer Shift-Control-G om al de groepen en subgroepen te Degroeperen.

Selecteer nu de zeven vormen die de voorzijde van je tekst maken (zie de eerste afbeelding) en toets Control-8 om er een samengesteld pad van te maken. Houd dit samengestelde pad geselecteerd, ga naar het Vormgeving paneel (Venster>Vormgeving) en vervang de bestaande vulling kleur door R=173 G=163 B=161.

first compound pathfirst compound pathfirst compound path

Stap 4

Selecteer de vormen die samen de bodemzijde van je tekst maken (zie de eerste afbeelding) en open het Pathfinder paneel (Venster>Pathfinder). Klik op de Verenigen knop en zet de vormen om in een samengesteld pad door weer Control-8 te toetsen. Zorg ervoor dat de selectie in stand blijft, ga terug naar het Vormgeving paneel en vervang de huidige vulling kleur door R=40 G=39 B=42.

second compound pathsecond compound pathsecond compound path

Stap 5

Selecteer de zijkanten van de resterende vormen (zie de eerste afbeelding) klik weer op de Verenigen knop in het Pathfinder paneel en zet de vormen om in een nieuw samengesteld pad (Control-8). Zorg er opnieuw voor dat het samengestelde pad geselecteerd blijft, verplaats het naar de achtergrond door Shift-Control-[ te toetsen en ga dan weer naar het Vormgeving paneel en vervang de vulling kleur door zwart ( R=0 G=0 B=0)

third compound paththird compound paththird compound path

4. Voeg een Golvende Lijn en Zacht Hooglicht toe

Stap 1

Selecteer alle vormen die je tot nu toe gemaakt hebt en dupliceer ze door Control-C > Control-V te toetsen. Selecteer nu de kopiën, klik op de Verenigen knop van het Pathfinder paneel, en zet de vormen om naar een nieuw samengesteld pad (Control-8).

Zorg ervoor dat dit samengestelde pad geselecteerd blijft en richt je aandacht op het Vormgeving paneel. Verwijder de kleur van de vulling en selecteer de lijn. Maak deze zwart en klik dan op het woordje "Lijn" om het Lijn uitval-paneel te openen. Verhoog de Dikte naar 2 px en klik op de Lijn Uitlijnen naar Buiten knop.

black strokeblack strokeblack stroke

Stap 2

Selecteer het samengestelde pad met de zwarte lijn opnieuw en keer dan terug naar het Vormgeving paneel. Met de bestaande lijn geselecteerd dupliceer je die door op de Dupliceer Geselecteerd Item knop te drukken. Selecteer de nieuw toegevoegde lijn en ga naar Effect > Vervormen & Transformeren > Ruw. Voer alle opties door zoals getoond in de volgende afbeelding en klik OK.

black stroke roughenblack stroke roughenblack stroke roughen

Stap 3

Ga naar Bewerken > Voorkeuren > Algemeen en kijk of Toetsenbord Stap op 1 px ingesteld is.

Selecteer het samengestelde pad dat de voorkant van je tekst vormt en maak twee kopiën voor het bestaande pad (Control-C > Control-V > Control-V). Selecteer dan bovenste kopie en toets het omhoog pijltje op je toestenbord twee keer. Hierdoor verplaats je de vorm 2 px omhoog. Selecteer beide kopiën die je gemaakt heb in deze stap en klik op de Min Voorste knop in het Pathfinder paneel. Zorg ervoor de de hierdoor onstane groep van vormen geselecteerd is en zet het om in een samengesteld pad door weer Control-8 te toetsen.

Zorg ervoor dat het nieuwe samengestelde pad geselecteerd blijft en richt je aandacht op het Vormgeving paneel. Vervang de huidige vulling kleur door R=223 G=219 B=215 en ga dan naar Effect > Vervormen & Transformeren > Ruw. Voer de opties door zoals in de onderstaande afbeelding en klik OK.

highlighthighlighthighlight

5. Voeg de Barsten in je Tekst toe

Stap 1

Neem het Gereedschap Penseel (B), selecteer jouw kunst penseel uit het Penselen paneel en teken enkele willekeurige paden zoals afgebeeld in onderstaande afbeelding. Selecteer nu alle paden, zet de kleur op zwart en Groepeer de paden door Control-G te toetsen.

black cracksblack cracksblack cracks

Stap 2

Selecteer opnieuw het samengestelde pad met de twee zwarte lijnen. Maak een kopie voor deze paden (Control-C > Control-V) en breng deze naar voren door Shift-Control-] te toetsen. Zorg ervoor dat deze kopie geselecteerd blijft en toets de D op je toetsenbord om de huidige Vormgeving opties te vervangen door de standaard (witte vulling en zwarte lijn). Haal in het Vormgeving paneel de zwarte lijn weg.

Selecteer het overblijvende witte samengestelde pad samen met de paden die je in de voorgaande stap hebt gemaakt, open het Transparantie paneel (Venster > Transparantie) en klik op de Maak Masker knop. De groep met het masker zou er nu uit moeten zien zoals in de derde afbeelding.

black cracks maskedblack cracks maskedblack cracks masked

Stap 3

Selecteer weer het Gereedschap Penseel (B), kies jouw kunst penseel uit het Penselen paneel, en teken opnieuw een aantal paden in de buurt van de bestaande paden, ongeveer zoals aangegeven in onderstaande afbeelding. Selecteer alle nieuwe paden en zorg ervoor dat de penseel kleur is ingesteld op R=223 G=219 B=215 en Groepeer ze (Control-G).

black cracks highlightsblack cracks highlightsblack cracks highlights

Stap 4

Selecteer het samengestelde pad met de twee zwarte lijnen opnieuw, Maak een nieuwe kopie (Control-C > Control-V) en breng deze naar de voorgrond met de toetsencombinatie Shift-Control-]. Met de kopie geselecteerd verwijder je de zwarte lijnen. Voeg nu een witte vulling toe.

Selecteer nu het witte samengestelde pad samen met de groep paden die je in de voorgaande stap hebt gemaakt. Ga naar het Transparantie paneel en klik op de Maak Masker knop. Nu moet jouw groep met het masker er uitzien zoals in de derde afbeelding.

black cracks highlights maskedblack cracks highlights maskedblack cracks highlights masked

Stap 5

Pak nu het Gereedschap Penseel en selecteer je eigen kunst penseel uit het Penselen menu. Teken meerdere paden in de buurt van de onderste paden, ongeveer zoals aangegeven in de onderstaande afbeelding. Selecteer alle nieuwe paden en zorg ervoor dat de penseel kleur op R=100 G=99 B=102 en Groepeer ze (Control-G).

bottom crack highlightsbottom crack highlightsbottom crack highlights

Stap 6

Selecteer nogmaals het samengestelde pad met de twee zwarte lijnen, maak een nieuwe kopie (Control-C > Control-V) en breng deze naar de voorgrond met (Shift-Control-]). Met de kopie geselecteerd haal je de zwarte lijnen weg en voeg je een witte vulling toe.

Selecteer het witte samengestelde pad samen met de groep van paden die je hiervoor gemaakt hebt, ga naar het Transparantie paneel en klik op de Maak Masker knop. Nu zou deze groep eruit moeten zien zoals in de derde afbeelding.

bottom cracks highlights maskedbottom cracks highlights maskedbottom cracks highlights masked

6. Voeg een Eenvoudige Schaduw toe

Selecteer opnieuw het samengestelde pad met de twee zwarte lijnen. Maak weer een kopie (Control-C > Control-V) en zend deze naar de achtergrond met de toetsen combinatie Shift-Control-[.

Met deze kopie geselecteerd verwijder je de zwarte lijnen. Voeg nu een zwarte vulling toe en ga dan naar Effect > Stileren > Slagschaduw. Voer de opties door in het linker venster ( zie afbeelding hieronder), klik op OK en voeg de de twee daarna volgende Slagschaduw effecten toe zoals hieronder weergegeven.

drop shadowsdrop shadowsdrop shadows

Gefeliciteerd! Het is Klaar!

Hier zie je hoe het eruit zou moeten zien. Ik hoop dat je plezier hebt gehad van deze tutorial en dat je de geleerde technieken zult kunnen toepassen in je volgende projecten.

final productfinal productfinal product
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads