Creëren en werken met vectorafbeeldingen in Photoshop

Creëren en werken met vectorafbeeldingen in Photoshop / Creatief

Adobe Illustrator is de industriestandaard toepassing voor grafisch ontwerp. Het is de beste tool voor het werken met vector-gebaseerde bestanden.

Helaas heeft niet iedereen Illustrator, maar veel mensen hebben wel Photoshop. En Photoshop biedt basisondersteuning voor vectorafbeeldingen. In deze handleiding bekijken we hoe u met vectorafbeeldingen werkt in Photoshop als Illustrator-vervanging.

Wat is een vectorafbeelding?

Photoshop is voornamelijk ontworpen voor rasterafbeeldingen. Dit zijn veelhoekige afbeeldingen die pixel voor pixel worden getekend. Ze ondersteunen enorme hoeveelheden details, dus worden gebruikt voor foto's. De bestandsgroottes kunnen echter groot zijn en u kunt niet vergroten zonder kwaliteitsverlies.

Vectorafbeeldingen zijn lijnen en curven gegenereerd door wiskundige formules. Dit betekent dat je ze oneindig kunt verkleinen en dat de bestandsgrootte vaak erg klein is. Vectoren zijn ideaal voor grafisch ontwerp, inclusief het ontwerpen van logo's en pictogrammen.

Een stuk vectorkunst bestaat uit meerdere objecten. Elk object is een lijn of vorm waarvan de rand wordt bepaald door een pad. In Photoshop wordt het pad weergegeven als een dunne blauwe lijn (hoewel het technisch onzichtbaar is).

U kunt twee soorten kleuren toepassen op elk object.

  • EEN Beroerte is een lijn die het pad volgt.
  • EEN Vullen voegt een effen kleur of patroon toe aan de ruimte omringd door het pad.

U zet beide in de optiebalk bovenaan het scherm. U kunt ook een van beide instellen Geen kleur als je wilt dat ze blanco blijven. Voor de streek kunt u ook de dikte in pixels en de stijl instellen. Een ononderbroken lijn is de standaard.

In Photoshop teken je vectorafbeeldingen met vormen, lijnen en tekst.

Teken vectorvormen en lijnen

Photoshop wordt geleverd met hulpmiddelen voor het tekenen van verschillende veelvoorkomende vormen. Standaard is de Rechthoekgereedschap is gemarkeerd. Klik op dat pictogram en houd vast om de volledige set tools te tonen:

  • Rechthoekgereedschap
  • Afgeronde rechthoek-tool
  • Ellipse Tool
  • Polygoon gereedschap
  • Lijntool
  • Aangepast vormgereedschap

U kunt altijd het gemarkeerde gereedschap selecteren door op te drukken U op je toetsenbord. U kunt ook op drukken Shift + U om door de tools te fietsen totdat je degene vindt die je wilt. Sneltoetsen voor het toetsenbord Adobe Photoshop Sneltoetsen voor het toetsenbord 101: de meest bruikbare opdrachten Sneltoetsen voor Adobe Photoshop-toetsenbord 101: de handigste opdrachten Of u nu een beginner of een professional bent, met deze sneltoetsen in Photoshop hoeft u uren te besparen. Klik hier voor de volledige lijst! Meer lezen zijn een goede manier om snel door Photoshop te navigeren.

Teken basis vectorvormen

Selecteer het gereedschap voor de vorm die u wilt tekenen en voeg uw toe Vullen en Beroerte kleuren.

Klik nu en sleep in je canvas. De vorm wordt vanuit de hoek getekend in elke richting die u sleept. Als u een symmetrische vorm wilt maken, zoals een cirkel of vierkant, houdt u de Shift-toets ingedrukt.

Als u een driehoek wilt tekenen, selecteert u de Polygoon gereedschap. Klik eenmaal op je canvas om de te openen Maak veelhoek instellingen vakje. set Aantal zijden naar 3.

Wijzig en bewerk vectorvormen

U bent niet beperkt tot basisvormen bij het maken van vectorafbeeldingen in Photoshop. Ze kunnen zeer snel worden gewijzigd.

Selecteer eerst de vorm. Hiermee wordt de vorm gemarkeerd en worden ankerpunten langs het pad weergegeven. Dit zijn punten waar de vorm hoeken of bochten heeft.

Kies de Direct selectie gereedschap via de werkbalk (klik op de knop en houd ingedrukt Pad selectie gereedschap pictogram om het te vinden). Klik op een van de ankerpunten en sleep deze in een willekeurige richting om de vorm te vervormen.

Voor meer geavanceerde bewerkingen, verplaatst u tegelijkertijd twee of meer ankerpunten. Klik op één om het te markeren en dan Shift + klik een ander. Gebruik nu de cursortoetsen op je toetsenbord om beide punten tegelijk te verplaatsen.

Voeg vectorvormen samen en combineer ze

Voor nog complexere vormen, kunt u gebruiken Path-operaties. Hiermee kunt u meerdere vormen combineren tot enkele nieuwe.

Begin met het tekenen van een vorm op je canvas. Klik vervolgens op de Path-operaties knop in de optiebalk aan de bovenkant van het scherm. Normaal gaat elk nieuw pad of elke nieuwe vorm op zijn eigen laag. Wijzig dit door op te klikken Vormen combineren.

Teken nu een andere vorm. Dit gaat op dezelfde laag als je eerste vorm. Wanneer u de objecten afzonderlijk moet verplaatsen, gebruikt u de Pad selectie gereedschap.

Sleep de tweede vorm zodat deze de eerste overlapt. De twee komen samen in een enkele vorm, hoewel ze als afzonderlijke objecten blijven. Klik Vormcomponenten samenvoegen in Path-operaties om ze te combineren in een enkel object.

Gebruik de Pad selectie gereedschap om de tweede vorm te selecteren die u tekende. Nu in Path-operaties Kiezen Trek de vorm van het voorpand af. De vorm wordt nu verwijderd, samen met het gebied waar het de eerste vorm overlapt.

Markeer beide vormen. In Path-operaties kiezen Snijd vormgebieden. Hiermee worden beide vormen verwijderd, behalve de gebieden waar ze overlappen. We gebruiken deze optie om een ​​halve cirkel te maken.

Markeer tenslotte beide vormen en selecteer Uitsluitende overlappende vormen uitsluiten. Hiermee wordt het gebied verwijderd waar de twee vormen elkaar overlappen en blijft alles achter elkaar.

Deze tools zijn een effectieve manier om nieuwe vormen te bouwen of om delen van bestaande te splitsen of te knippen. Ze werken ook met de Pen-tool en tekst.

Teken vectorlijnen

Er zijn nog twee andere vormgerelateerde hulpmiddelen waarover u meer te weten wilt komen. De eerste is de Lijntool.

Selecteer het gereedschap en stel de gewenste waarde in Hoogte in de optiebalk. Hiermee stelt u de dikte van de lijn in. Klik en sleep vervolgens in uw document om het te tekenen. Houd de Shift-toets ingedrukt om de lijn op nul of 90 graden te klikken.

Deze tool heeft een paar verborgen functies, maar voor het grootste deel gebruik je het om een ​​rechte lijn te tekenen.

Teken aangepaste vectorvormen

eindelijk, de Aangepast vormgereedschap. Stel de vul- en streekkleuren in en klik vervolgens op Vorm optie in de optiebalk. Hier kunt u een van de talloze vooraf ingestelde aangepaste vormen kiezen die Photoshop biedt.

Als u meer vormen dan de aanvankelijke selectie wilt toevoegen, klikt u op instellingen radertje en kies een categorie om toe te voegen. Er zijn vormen voor alle toepassingen: pictogrammen, tekstballonnen, pijlen, texturen en meer. U kunt ook vormen van derden laden.

Klik en sleep om de vorm aan je afbeelding toe te voegen. U kunt ook op het canvas klikken om een ​​exacte breedte en hoogte op te geven.

Vectoren tekenen met het gereedschap Pen

Als u enige ervaring hebt met Illustrator, weet u dat u de Paintbrush Tool voor tekenen uit de vrije hand gebruikt. Photoshop heeft een penseel waarmee een vergelijkbare taak wordt uitgevoerd. Maar in Photoshop is de tool niet vector-gebaseerd, dus je zou het niet moeten gebruiken voor tekenen. Gebruik de Pen gereedschap in plaats daarvan.

De Pen-tool is een van de krachtigste functies in Photoshop. Je zult het veel gebruiken in fotobewerking in Photoshop Leren Fotobewerking in Photoshop: de basis in 1 uur down krijgen Meer fotobewerking in Photoshop leren: de basis in 1 uur naar beneden halen Photoshop is een intimiderend programma, maar met slechts een uur je kunt alle basics leren. Maak een foto die u wilt bewerken en laten we aan de slag gaan! Meer lezen, omdat u hiermee zeer nauwkeurige selecties kunt maken. Het is ook geweldig voor tekenen en vectorkunst.

Aan de slag met de Pen-tool

Het gereedschap Pen werkt door een pad te tekenen tussen ankerpunten die u maakt wanneer u op het canvas klikt. Voeg een streek toe aan het pad en u kunt een omtrek tekenen; voeg een vulling toe en je kunt een vast object tekenen. Raadpleeg voor meer informatie onze volledige gids voor het gebruik van de Pen-tool Photoshop-pen gebruiken Photoshop-pen gebruiken Meer lezen .

Hier is een snelle inleiding om aan de slag te gaan:

  1. Selecteer de Pen gereedschap (P). Klik op het afbeeldingsdoek om een ​​ankerpunt neer te zetten.
  2. Verplaats de cursor enkele centimeters en klik nogmaals om een ​​ander ankerpunt te plaatsen. Er wordt een pad gemaakt om de twee met elkaar te verbinden. Stel de lijn in op 5px, zwart, om u te helpen het beter te zien.
  3. Klik nog een paar keer om het pad te ontwikkelen. Klik en sleep om een ​​gebogen pad te maken. Hiermee wordt ook het stuur aan het ankerpunt toegevoegd. Versleep deze om de hoek en diepte van de curve te bepalen.
  4. Klik invoeren om een ​​open pad (een lijn) te maken, of klik op het eerste ankerpunt om een ​​gesloten pad (een vorm) te maken.

Wat de Pen-tool zo handig maakt, is dat je op elk moment terug kunt gaan om je vorm te bewerken:

  • Pak de Direct selectie gereedschap (A). Selecteer een ankerpunt op het pad en sleep het naar een nieuwe positie. Gebruik deze tool met het stuur van een ankerpunt om ook een curve te bewerken.
  • Selecteer de Ankerpunttool toevoegen door op het gereedschap Pen te klikken en vast te houden. Klik ergens op het pad om handmatig een nieuw ankerpunt toe te voegen en sleep het vervolgens op zijn plaats. Hiermee kunt u uw vorm verfijnen.

Three Pen Tools

Photoshop biedt drie verschillende pennen om te tekenen.

De Pen gereedschap is de standaard en meest flexibele optie. Voor beginners raden we aan om dit in de eerste plaats te gebruiken voor het tekenen van rechte lijnen. Naarmate je geavanceerder wordt, kun je merken dat je het voor alles gebruikt.

De Freeform-pengereedschap laat je uit de vrije hand tekenen, vergelijkbaar met het penseel. Het maakt nog steeds een pad dat u later kunt aanpassen en bewerken. De ankerpunten worden automatisch gegenereerd terwijl u tekent. Dit is een geweldig hulpmiddel als u een grafisch tablet gebruikt De beste grafische tabletten en grafische programma's voor digitaal ontwerp De beste grafische tabletten en grafische programma's voor digitaal ontwerp We hebben de beste grafisch ontworpen tablets en software klaar om te gebruiken als u wilt breken in tekenfilms en andere vormen van digitale kunst. Lees verder .

De Curvature Pen Tool maakt het gemakkelijk om bochten te tekenen zonder met het stuur te hoeven spelen zoals bij het hoofdgereedschap.

Traceer een afbeelding als een vector in Photoshop

Zodra u hebt geleerd hoe u de verschillende penhulpmiddelen kunt gebruiken, kunt u deze gebruiken om afbeeldingen te traceren. Zo verandert u een schets die u hebt gescand of een object in een foto in een vectorafbeelding.

Open de afbeelding in Photoshop en zoom in. Selecteer nu de Pen gereedschap en plaats je eerste ankerpunt op de rand van het object dat je wilt traceren. Je nieuwe tekening gaat automatisch naar zijn eigen laag. Blijf rond de randen klikken om uw pad te maken.

Als het object dat u traceert tegen een eenvoudige achtergrond is, probeert u het Freeform-pengereedschap met de magnetisch optie geactiveerd in de optiebalk. Hiermee wordt uw pad naar de rand van het object geklikt.

Werk met vectortekst in Photoshop

Tekst gebruiken in Photoshop is redelijk vanzelfsprekend. Selecteer de Horizontaal tekstgereedschap (T), klik op het afbeeldingsdoek om een ​​tekstvak te maken en typ vervolgens. U kunt het lettertype, de grootte, het gewicht en al het andere aanpassen, net als in elke andere app.

Stel voor normale tekst een vulkleur in, maar geen lijn. Gebruik alleen een streek voor sterk gestileerde tekst.

Als u klaar bent, kunt u de tekst omzetten in een vectorobject. Selecteer de tekst en ga naar Typ> Converteren naar vorm. Dit geeft je toegang tot de ankerpunten van elk karakter, zodat je ze individueel kunt aanpassen. Het is goed om de kleur van een enkele letter te wijzigen of het uiterlijk van het lettertype aan te passen.

Na conversie is de tekst niet meer bewerkbaar. Het is een goed idee om de oorspronkelijke tekstlaag te dupliceren en te verbergen, voor het geval u een back-up wilt maken.

Beheer van vectorobjecten

Om je kunstwerk te maken, moet je al deze objecten op de juiste plaats en op de juiste maat hebben. Hier is hoe dat te doen.

  • Verplaats objecten door ze te selecteren met de Pad selectiegereedschap (A) en ze op hun plaats te slepen.
  • Formaat van objecten wijzigen door ze te selecteren met de Pad selectie gereedschap dan slaan Ctrl + T op Windows of Cmd + T op Mac. Dit toont een vak rond het object. Pak een stuur langs de rand en sleep naar binnen of naar buiten om het formaat te wijzigen. Houd de Verschuiving toets om de oorspronkelijke beeldverhouding te behouden.
  • Roteer een object door je muis net buiten een van de sturen te houden tot de cursor in een rotatie-icoontje verandert. Klik en sleep nu.
  • Objecten opnieuw rangschikken door op een laag te klikken en deze boven of onder een andere laag te slepen.
  • Objecten uitlijnen door ze allemaal te selecteren met de Verplaatsingsgereedschap (V) (of vasthouden Verschuiving en op meerdere lagen te klikken) en vervolgens de aligneringsknoppen in de optiebalk te gebruiken.

Vectorafbeeldingen in Photoshop: Alles samenvoegen

Nu weet je hoe je alle gereedschappen moet gebruiken, je kunt ze samenvoegen om je eigen stukjes vectorkunst te maken.

Photoshop is geen echt alternatief voor Illustrator De beste vectorsoftware voor Mac-ontwerpers op een budget De beste vectorsoftware voor Mac-ontwerpers op een budget Adobe Illustrator is misschien wel de gouden standaard als het gaat om vectorsoftware voor de Mac, maar u hoeft niet t moet altijd een fortuin uitgeven aan ontwerpsoftware. Lees meer voor iedereen die serieus bezig is met grafisch ontwerpen. Maar voor eenvoudige dingen zoals logo's, pictogrammen en kleine afbeeldingen die u in andere documenten wilt gebruiken, is het meer dan goed genoeg.

Gebruik je Photoshop voor vectorafbeeldingen? Welke andere tips heb je voor het maken van vectoren in Photoshop? Deel je gedachten hieronder!

Ontdek meer over: Adobe Photoshop, Photoshop Tutorial, Vector Graphics.