Hoe Shiny, Vector Dice in Illustrator te maken door Joshua Bader In deze zelfstudie laat ik je zien hoe je een set vectordobbelstenen maakt met Adobe Illustrator en de Gradient Mesh Tool. De Gradient Mesh Tool kan lastig zijn om onder de knie te krijgen, maar hopelijk zal deze tutorial enig licht werpen op dit geweldige kleine hulpmiddel. Laten we staren! Stap 1 Begin eerst met het openen van een nieuw document in Illustrator (Command + N) en maak een vierkant van 300 px bij 300 px met behulp van het gereedschap Rechthoek (M).
Stap 2 Ga met het geselecteerde vierkant naar Effect> 3D> Extrude & Bevel. De cijfers die ik in mijn voorbeeld gebruikte, zijn slechts een richtlijn. Voel je vrij om te experimenteren met nieuwe vormen en hoeken zodra je het onder de knie hebt. Stap 3 Nadat u het 3D-effect op het vierkant hebt toegepast, gaat u naar Object> Uiterlijk uitvouwen. U zou nu drie vormen moeten hebben die uw 3D-kubus vormen.
Stap 4 Terwijl alle drie de vormen zijn geselecteerd, open je het padvenster en selecteer je Verenigen. Hiermee worden de drie vormen samengevoegd. Stap 5 Ga nu naar Effect> Stileren> Ronde hoeken. Geef het een straal van 30 px.
Stap 6 Nadat u het effect Round Corner hebt toegepast, gaat u opnieuw naar Object> Uiterlijk uitbreiden. Nu zou je een soortgelijke vorm moeten hebben. Stap 7
Gebruik het gereedschap Verloopgaas (U) om een punt op je nieuwe vorm te maken. Zorg ervoor dat het punt gecentreerd is in het object en in de buurt van de bovenkant, zodat de nieuw gemaakte lijnen elkaar zo dicht mogelijk bij de hoeken snijden. De Gradient Mesh Tool vergt wat wennen en als je het verkeerd hebt gedaan, kan het interessante, ongewenste resultaten opleveren. Stap 8 Sleep nu het punt dat we zojuist hebben gemaakt met behulp van het gereedschap Direct selecteren (A) naar het punt dat volgens u de meest hoekige hoek van de dobbelsteen is.
Stap 9 Pas de bezier-curve aan met het gereedschap Direct selecteren (A) om de lijn recht te trekken. Deze curven kunnen kieskeurig zijn, dus neem de tijd en wees geduldig. Inzoomen kan helpen bij het afstemmen. Stap 10 Voeg nu de volgende punten toe door op de reeds bestaande lijn te klikken met het gereedschap Verloopgaas (U) geselecteerd. U zult zien dat er nieuwe lijnen verschijnen
telkens wanneer een nieuw punt wordt toegevoegd. Je kunt de locaties en rondingen van de punten aanpassen wanneer je ze maakt. Dit kan even wennen zijn. Stap 11 Zodra je vorm dezelfde punten heeft als hierboven, selecteer je Alles (Command + A) en kleur je de hele vorm met 10% zwart.
Stap 12 Selecteer met het gereedschap Direct selecteren (A) de volgende punten hieronder (in effen blauw). Als u meerdere punten wilt selecteren, houdt u tijdens het selecteren de Shift-toets ingedrukt. Nadat de punten zijn geselecteerd, geeft u ze een kleur van 0% zwart (of wit).
Stap 13 Selecteer vervolgens de volgende punten hieronder getoond in effen blauw (houd Shift vast tijdens het selecteren) en geef ze een kleur van 20% zwart.
Stap 14 Herhaal dit proces nog een keer voor de rechterkant van de kubus en selecteer alleen de onderstaande punten (in effen blauw) en geef ze een kleur van 15% zwart. Stap 15 Om nu de voorste hoek van de kubus te verzachten. Selecteer het punt hieronder (in effen blauw) en geef het een kleur van 15% zwart.
Stap 16 Selecteer opnieuw de onderstaande puntenweergave (gemarkeerd in effen blauw). Geef ze deze keer een kleur van 12% zwart.
Stap 17 Nu het kubusgedeelte van onze dobbelsteen is gemaakt. Het is tijd om de zwarte stippen te maken die de cijfers vertegenwoordigen. Begin met het maken van een zwart ovaal met behulp van de Ellipse Tool (L) met een breedte van 50 px en een hoogte van 30 px. Zorg ervoor dat je het visueel centreert op de bovenkant van de dobbelsteen. Stap 18 Dupliceer het ovaal door Kopiëren (Command + C) en Plakken vooraan (Command + F). Dit zorgt ervoor dat het duplicaat van het ovaal exact dezelfde grootte, vorm en in dezelfde positie als het origineel heeft.het zorgt er ook voor dat de nieuw gedupliceerde vorm vooraan staat, zodat we er nu aan kunnen werken.
Stap 19 Met het voorovaal geselecteerd, gaan we het nu een kwart ovaal maken. Er zijn een paar manieren om dit te doen, maar mijn favoriet is als volgt. Gebruik het gereedschap Ankerpunt verwijderen (-) en verwijder het onderste punt. Neem vervolgens het meest linkse punt en sleep het naar het midden van het ovaal met behulp van het gereedschap Direct selecteren (A). Kies nu met het gereedschap Ankerpunt omzetten (Shift + C) het middelpunt. Hierdoor worden de bezierhandvatten in de middelpunten verwijderd en krijgt deze een scherp hoekpunt. Gebruik tot slot nog steeds het gereedschap Ankerpunt verplaatsen (Shift + C) en sleep de linker bezierhendel van het bovenste punt en de onderste beziergreep van het rechterpunt naar binnen totdat de punten niet zichtbaar zijn. De linker en onderste lijnen moeten nu recht zijn.
Stap 20 Gebruik het gereedschap Verloopgaas (U) om een punt direct in het midden van het gevierendeerde ovaal te maken. Geef het een kleur van 0% zwart (of wit). Stap 21
Selecteer nu de twee vormen waaruit de zwarte punt bestaat en groepeer ze (Command + G). Stap 22 Nu zijn we klaar om de nummers aan de andere kant van de dobbelsteen te maken. Kopieer eerst (gegroepeerd + C) en plak (Command + V) het gegroepeerde ovaal. Nu, herpositioneer en Transformeer (E) het ovaal naar de gewenste plaats. Als deze stap u een aantal problemen oplevert, kunt u teruggaan en stap 17 tot 21 herhalen voor elke zwarte stip.
Stap 23 Hier kunt u zien hoe het eruit ziet wanneer elke zwarte stip in positie is. Vergeet niet dat de dobbelsteen er een beetje perspectief op heeft, dus de punten linksonderaan en onderaan links zouden verder weg zijn dan de stippen dichter bij het midden. Daarom, als je de puntjes maakt, moet je ervoor zorgen dat ze kleiner worden om ze de illusie te geven dat ze verder weg zijn. Hoe verder de punt van het midden, hoe kleiner.
Stap 24 Nu we de dobbelsteen compleet hebben, kunnen we het laten uitzien als een paar dobbelstenen. Selecteer eerst Alles (Command + A) en Groep (Command + G). Nu kunt u het gereedschap Transformeren (E) gebruiken en de matrijs in de gewenste positie draaien. Vervolgens, met de gegroepeerde matrijs geselecteerd, kopieer (Command + C) en plak (Command + V) de dobbelsteen om een duplicaat te maken.nu kunt u Transform (E) de tweede dobbelsteen in positie brengen. Stap 25 Zodra de twee dobbelstenen in de gewenste positie zijn, kunnen we een kleine schaduw op de achterste dobbelsteen toevoegen. Teken met de Pen Tool (P) een driehoekige vorm die overeenkomt met de buitenste rand van de achterste dobbelsteen. Plaats het vervolgens tussen de twee dobbelstenen met behulp van Object> Schikken> Naar achteren. Stel ten slotte de dekking in op 30%.
Advertentie Stap 26 Nu kunnen we voor de laatste hand een schaduw toevoegen onder het paar dobbelstenen. Teken met de Ellipse Tool (L) een grote ovaal onder de dobbelsteen. Ga met het ovaal geselecteerd naar Object> Schikken> Naar achtergrond verzenden. Zet de dekking van het ovaal op 10%. En ten slotte, ga naar Effect> Vervagen> Gaussiaans vervagen. Stel de straal in op 10 px.
Conclusie Daar heb je het. Een prachtig paar 3D-vector dobbelstenen gemaakt met behulp van de Gradient Mesh Tool in Adobe Illustrator.
Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.