9 tips en trucs om alles in Vector weer te geven

Heb je ooit naar iets gekeken en gedacht: "Dat ziet er geweldig uit in vector", maar wist niet waar te beginnen? 

De helft van de strijd is je vectorprogramma naar keuze kennen, en de rest is in staat om scènes, objecten en meer af te breken tot hanteerbare elementen. Het is weten welke gebieden u gemakkelijker kunt maken met vectorgereedschappen, waardoor uw workflow wordt verminderd en het algehele uiterlijk van uw weergave wordt verbeterd.

In dit artikel laat ik je enkele handige tips en trucs zien voor het leren om "in vector te zien" en om alles in vectoren te kunnen weergeven. 

1. Splits je compositie op in basisvormen

Als u een onderwerp wilt aanpakken, overweeg dan om het op te delen in basisvormen.

Basisvormen zijn vormen die kerngebieden van een ontwerp vertegenwoordigen. Ze zijn geweldig om te maken, omdat je een goede indruk krijgt van de algehele compositie die puur op deze platte vormen van kleur is gebaseerd. 

Wanneer u de afbeelding hebt onderverdeeld in basisvormen, kunt u vervolgens bekijken hoe elk gebied moet worden gerenderd. Door basisvormen te gebruiken, kun je voorkomen dat je jezelf overweldigt.

In de meeste van mijn handleidingen die werken vanuit een standaardafbeelding, zal mijn eerste stap altijd mijn basisvormen markeren en vervolgens vanaf daar werken. Hoewel veel onderdelen van mijn proces mogelijk zijn veranderd, is deze stap al meer dan tien jaar voorbij. 

Vectoring kort haar in een negatieve ruimte Illustratie in Adobe Illustrator

2. Verwerp geen basis geometrische vormen

Ik werk veel vanuit stock afbeeldingen, hoewel het natuurlijk niet de enige manier is om een ​​illustratie te benaderen. Er zijn genoeg illustratoren die geen stockafbeeldingen hoeven te bekijken. Ze werken vanuit schetsen en hun verbeeldingskracht. Wanneer je op deze manier werkt en je hebt geen precieze basisvormen om te volgen, negeer je basisvormen niet. Ik heb het over cirkels, rechthoeken, driehoeken. Maar niet alles in werkelijkheid is een perfecte vorm. 

Zoals ik aan het begin al zei, is het weten dat je vectorprogramma naar keuze de helft van de strijd is, en dit is waar je moet denken aan effecten die elementaire vormen gemakkelijk verdraaien in de vormen die je nodig hebt. U maakt niet alleen schone vormen, maar u bespaart ook tijd.

De tutorials van Nataliya Dolotko zijn uitstekende voorbeelden van deze techniek. Het merendeel van haar tutorials gebruikt geometrische basisvormen en Warp-effecten om anderszins complexe vormen te creëren. Mijn favoriet is haar huiskamerscène waar de meerderheid van de illustratie één basisvorm gebruikt. Kan je raden?

Spoiler alert: de Rectangle Tool (M)

3. Zoek naar herhalende elementen

Veel objecten en scènes hebben herhalende elementen. Als u ze kunt herkennen, bespaart u tijd in de workflow. Als u op zoek bent naar een realistische look, leer dan hoe u elementen dupliceert en deze vervolgens wijzigt (of het nu gaat om kleur, textuur, grootte of rotatie) om ze er uniek uit te laten zien. Er is niets erger dan een realistische weergave en elementen die op carbonkopieën lijken. Als je echter met iets veel eenvoudiger werkt, is kopiëren en plakken (of het gebruik van slimme Transform-effecten) geen schande..

In Hoe een 3D Lego-teksteffect in Adobe Illustrator te maken, is het duidelijk om te zien dat de stenen zijn gemaakt van herhalende elementen. De finesse komt er echter in om ervoor te zorgen dat alle hoeken en formaten van de stenen eerst afzonderlijk worden weergegeven en vervolgens worden samengevoegd als duplicaten.

Een 3D Lego-teksteffect maken in Adobe Illustrator

Een ander geweldig voorbeeld van herhalende elementen is deze geweldige tutorial over het maken van een Cartoon Bear Scene met behulp van het herhalen van vormen in Illustrator. Let op hoe groepen vormen worden gedupliceerd, maar vervolgens op schaal en kleur worden aangepast om variatie toe te voegen.

Maak een Cartoon Bear-scène met behulp van het herhalen van vormen in Illustrator

4. Leer hoe penselen tijd kunnen besparen

Net als herhalende elementen kunnen penselen op een vergelijkbare manier werken. Als u een eenvoudig object kunt identificeren dat steeds opnieuw wordt gebruikt, is het misschien gemakkelijker om er een penseel van te maken. Ik ben dol op borstels en ik zie graag creatieve manieren om ze te gebruiken om illustraties te ondersteunen en ze soms de kern van de illustratie te maken.

Een goed voorbeeld is mijn nachtelijke kat-tutorial. Als je in de lucht kijkt, hebben we sterren. Het zou tijdrovend zijn om elke ster afzonderlijk te maken, maar met het gebruik van een spreidborstel kunt u in een mum van tijd sterren van verschillende grootte en afstand creëren. De afrastering hierin is ook een goed voorbeeld van het gebruik van basisvormen en herhalende elementen met Blends!

Speel met Blends en Image Trace om een ​​eenvoudige kattenscène te maken in Adobe Illustrator

Penselen kunnen ook helpen met andere kleine details in een compositie. Hoewel deze tutorial van Andrei Marius (in feite veel van zijn tutorials veel manieren laten zien om op een creatieve manier met penselen te werken) zich richt op het creëren van een touwteksteffect, illustreert het perfect hoe iets zo klein als een touw, misschien een klein detail in een ontwerp, kan worden genomen , kan snel en effectief worden gedaan met een penseel.

Gebruik een patroonpenseel om een ​​touwteksteffect te maken in Illustrator

Als je echter je creativiteit echt met penselen wilt pushen, kun je deze tutorial bekijken over het maken van een slangenpenseel. Hoewel er veel werk is verzet om een ​​enkele slang te maken, stel je dan voor dat je als klant een enorme illustratie van verschillende slangen wilde hebben en dat elke slang er net zo strak uitzag als de vorige? Ah, patroonborstels ... zo'n prachtige functie. 

Maak een gedetailleerd slangpenseelpenseel in Adobe Illustrator

Ik zou echt over borstels kunnen blijven praten, maar laten we eens naar iets anders kijken dat je misschien niet in overweging neemt als je herhaalde patronen ziet.

5. Zijn er enige texturen? 

In een ideale wereld zou alles plat zijn. Er zouden geen texturen zijn. Het zou dingen zo veel gemakkelijker maken. Maar we leven niet in een dergelijke wereld. Oppervlakken hebben texturen. Gelukkig zijn er verschillende manieren waarop u texturen in vector kunt renderen. Laten we een paar van hen eens bekijken.

Maak textuur van patronen

Textuur kan worden gemaakt door vectorpatronen te gebruiken. Hout is een van die gebieden waarin u tijd kunt besparen door een patroon te gebruiken. Bekijk deze tutorial over het maken van een rieten patroon, wat een goed voorbeeld is van een textuur die in een patroon kan worden gemaakt. 

Snelle tip: een naadloos rieten naadloos patroon maken in Adobe Illustrator

Maak textuur van effecten

Binnen Adobe Illustrator zijn er verschillende Photoshop-effecten die kunnen worden gebruikt om iets van een vies oppervlak aan een korreleffect toe te voegen aan uw werk. In deze zelfstudie kijken we naar het toevoegen van effecten van graan en spons om een ​​steenstructuur te creëren.

Hoe maak je een Dark Gravestone-illustratie in Adobe Illustrator

Textuur van penselen maken

Ik maakte geen grapje, ik ben dol op penselen! Hier is een tutorial die ik een tijdje geleden heb gemaakt over het gebruik van penselen om een ​​grunge-effectpatroon en vervolgens grafische stijl te maken. 

Niet alle texturen zijn symmetrisch, dus overweeg het gebruik van penselen wanneer de textuur in bepaalde gebieden anders moet zijn.

Snelle tip: hoe maak ik een grafische stijl voor een grungedocument textuur in Illustrator

6. Praten over symmetrische effecten ...

Als u een of meer vormen hebt die lijken op dezelfde stijl langs een lijn of binnen een vorm, overweeg dan het maken van grafische stijlen om de vorm weer te geven. Dit zal helpen om deze elementen schoon en gelijkmatig te maken en bespaart u tijd. 

Ik heb een paar voorbeelden van wanneer grafische stijlen en het paneel Uiterlijk zijn gebruikt om willekeurige objecten te renderen. Laten we een eenvoudige kiwifruit proberen, gemaakt van één vorm.

Zoals u kunt zien, neemt de kiwifruit binnen een dichte, gelijkmatige vorm dezelfde lagen van buiten naar binnen over. Je weet dat je een grafische stijl voor een object kunt maken wanneer je een gedeelte uit de vorm kunt knippen en het kan elk deel van de algemene vorm zijn.

Maak een gesneden Kiwi-fruit met slechts één vorm in Adobe Illustrator

De vorm hoeft echter niet noodzakelijk een perfecte ellips te zijn. Hoe zit het met het maken van een avocado uit een enkele vorm? Avocado's hebben geen vaste vorm. Dit is opnieuw wanneer je weet dat je vectorprogramma een troef is ... de steen van het fruit is gemaakt met behulp van Convert to Shape en Warp Effects.

Maak een Avocado met slechts één vorm in Adobe Illustrator

Neem grafische stijlen verder. Sommige afbeeldingen kunnen gemaakt worden met voornamelijk het uiterlijk paneel ... Ik zou moeten weten dat ik deze keukenscène heb gemaakt met voornamelijk grafische stijlen en het uiterlijk paneel.!

Het uiterlijk paneel gebruiken om een ​​keukenillustratie te maken

7. Creatieve snelkoppelingen zijn niet vals spelen

Wanneer we denken aan "cheaten" in termen van vector, denken we misschien aan het gebruik van hulpmiddelen zoals Image Trace. Het is "vals spelen" om een ​​afbeelding te maken van Image Tracing van een voorraadbeeld en deze te verkopen aan de klant, toch? Natuurlijk is het - het is onethisch van ons om zoiets te doen.

Er zijn echter enkele "direct uit voorraad" -instanties die subtiele details in uw werk creëren, die niet "vals spelen" is. 

Maak een achtergrond met beeldspoor

De eerste is Image Trace gebruiken om een ​​achtergronddetail te maken. Het is niet de belangrijkste focus van de afbeelding, dat is de kat, maar de boom op de achtergrond wordt gebruikt om sfeer aan de illustratie toe te voegen.

Maak een pluizige Halloween-kat met het gereedschap Penseel en verloop

Maak een achtergrond met behulp van Verloopnet

Als de achtergrond een klein detail is, waarom zou u dan geen onscherpe achtergrond maken met behulp van Verloopnet? Deze zelfstudie laat zien hoe je een foto kunt maken van een foto met een lage resolutie. 

Snelle tip: creëerde een eenvoudige, niet-gerichte achtergrond met verloopnet

8. Maak de taak niet te ingewikkeld

Zelfs met gedetailleerde renderings hoeft u niet elk afzonderlijk element te illustreren om een ​​compleet beeld te creëren. Een extreem voorbeeld hiervan is toen ik negatieve ruimte gebruikte om de rest van een afbeelding in te vullen die ik van mijn hond, Shelley, had gemaakt toen ze een puppy was. 

Ik hoefde niet al haar vacht weer te geven, want de achtergrond vulde dit voor mij in. Ik heb eenvoudig hoogtepunten en schaduwen in het rood toegevoegd om haar vorm te geven. 

Maak een schattige puppy met een negatieve ruimte en de Paintbrush Tool

Als je een opdracht hebt die een specifiek object of scène met specifieke details rendert, houd je dan aan die instructies. Maak het niet te gecompliceerd en bombardeer de kijker. 

Moet je echt al die vliegende haren toevoegen? Moet je echt de textuur van een heel klein gebied laten zien? Moet je echt de barst in het glas op het schap laten zien als je een grotere compositie wilt illustreren? Ja, we zouden alles moeten hebben over de kleine details, maar niet over de onnodige details die uiteindelijk leiden tot rommel en zware bestanden. 

9. Houd het consistent

Het hele punt van dit artikel was om dingen op te splitsen in meer beheersbare brokken om mee om te gaan. Er is echter een laatste ding om op te wijzen, en het is waarschijnlijk het belangrijkste. Dat wil zeggen, houd uw compositie stijl consistent. 

Terwijl je elk object misschien anders behandelt, moet je onthouden dat ze tot hetzelfde ontwerp behoren en ze moeten samen samenhangend werken, zodat het er niet uitziet als een mengeling van onafhankelijke objecten.

Er zijn een paar dingen om in gedachten te houden met deze:

• Gebruik lijnkunst in alle gebieden of geen gebieden. Houd kernstijlen zoals lijntekeningen in de gaten voor het definiëren van gebieden. Als je het gaat gebruiken, gebruik het dan gedurende je hele creatie.
• Gebruik overal hetzelfde palet. Alleen al het introduceren van nieuwe kleuren in één gebied kan dat element doen uitkomen als een pijnlijke duim.
• Onthoud hoe licht met je illustratie in wisselwerking staat. Een van de verklikkers van een samengevoegde compositie is de opname van objecten die verschillende lichtbronnen lijken te hebben. 

Test uw kennis door te kijken naar stockfoto's of uw omgeving

Ik maak geen grapje als ik zeg dat ik in vector zie. Ik ga wandelen en ik zal objecten die ik normaal niet tegenkom, afbreken en bedenken hoe ik ze zou renderen. Laten we eens kijken naar enkele stockfoto's en al deze theorieën in de praktijk brengen. Ik begin met een makkelijke ... kijk naar de afbeelding en kijk hoe je hem zou maken.

Bedenk dat er meer dan één manier is om dingen te benaderen, en wat ik zou doen, is misschien niet wat de volgende persoon doet. Dat gezegd hebbende, zou ik dit als volgt aanpakken:

• Basisvormen en niet te gecompliceerd: Ik zou het beeld in basisvormen breken voor alleen het groene gras en de lucht. Ik kan een lichte hobbel laten zien waar de horizon de lucht raakt, maar ik hoef niet elke knobbel en bult te illustreren, alleen genoeg om te laten zien dat het een organisch oppervlak is.
• Herhalende elementen: De bomen kunnen worden beschouwd als herhalende elementen ... ze zijn zo klein in de context van de afbeelding dat ze niet afzonderlijk vanuit het niets hoeven te worden gerenderd. Ik zou in de verleiding komen om misschien twee of drie soorten gebladerte weer te geven en vervolgens subtiele penseelstreken toevoegen aan duplicaten om ze er uniek uit te laten zien.
• textures: Het gras is een voor de hand liggende structuur en het doet me altijd denken aan deze geweldige tutorial over het maken van gras. Ik zou echter in de verleiding komen om een ​​patroonvulling met een scheringseffect te gebruiken om perspectief te creëren en individuele grassprieten op de voorgrond te tekenen om het er minder patroonachtig uit te laten zien.
• Grafische stijlen: De bal kan worden gemaakt met behulp van grafische stijlen, met behulp van verlopen om diepte te creëren en een patroon te gebruiken om het dimpel-effect te creëren.
• Ahh, maar hoe zit het met de wolken? Wel, ik zou een combinatie van de tip gebruiken voor het gebruik van een onscherpe achtergrond en het gebruik van zachte penseelstreken van borstelpenseel om een ​​zachte textuur te creëren.

Laten we dus een andere afbeelding proberen, een moeilijkere. Natuurlijk zou ik hier altijd kunnen zijn om te beschrijven hoe ik het zou aanpakken, maar de oefening is om de belangrijkste objecten en oppervlakken in het beeld te selecteren. Hoe zou je het onderstaande beeld van een groep mensen vanuit vogelperspectief aanpakken??

Tijd om dit te doorbreken:

• Basisvormen en decluttering: Basisvormen voor de meeste dingen worden gemaakt, maar misschien slechts één koffiekopje. Hebben we acht mensen nodig aan de tafel, of werkt de illustratie met slechts zes? Niet helemaal zeker wat de witte driehoek is, misschien een servet of zoiets? Ik weet niet wat het is, dus zou ik het uitsluiten van de basisvormen. Veel van deze vormen zijn geometrische vormen ... de laptop, tafel, glazen, bekers, en overwegen zelfs de plantpot onder de basilicum.
• Texturen en patronen: Het voor de hand liggende patroon / textuur hier is het tafelblad. Ik zou niet de hele textuur moeten weergeven, net genoeg om te laten zien dat het panelen van hout zijn die de tafeloppervlakte maken. Misschien kunnen sommige korreleffecten in de kleding worden gebruikt om de indruk van textuur te geven. Ik zou het geruite hemd absoluut niet middenonder of de detaillering op de spijkerbroek in het midden boven maken, omdat ik vind dat die de illustratie te ingewikkeld kunnen maken.
• Herhalende elementen: Er zit hier een herhalend element, en dat zijn de koffiekopjes. Ze kunnen worden gerenderd met een grafische stijl en vervolgens met een paar vormen erboven om ze er uniek uit te laten zien. Hetzelfde geldt voor de glazen water.
• Borstels: Er lijkt een basilicumplant in het midden van de tafel te staan. Misschien zou ik een kunstpenseel van een basilicumblad kunnen maken en er alleen de bladeren van kunnen tekenen, wat betekent dat ik slechts één blad moet maken en dan het penseel moet maken.
• Creatieve snelkoppelingen: Dingen zoals het toetsenbord en de krant kunnen met Image Trace worden gedaan, waardoor het niet nodig is deze vormen afzonderlijk te maken, maar toch de indruk wekken van de objecten waarvoor ze bedoeld zijn. 

Ik hoop dat dit artikel je inzicht heeft gegeven in hoe je alles kunt vectoren. Als je mij of iemand anders in de reacties wilt testen, waarom upload je dan geen afbeelding en kijk je of mensen kunnen aangeven hoe ze het moeten maken? Of vraag je in de opmerkingen of de community kan helpen als je moeite hebt om iets weer te geven. Veel plezier met vectoren!