Vectorafbeeldingen maken en ermee werken in Adobe Photoshop

Adobe Illustrator is de industriestandaard applicatie voor grafisch ontwerp. Het is de beste tool om met vectorbestanden te werken.

Helaas heeft niet iedereen Illustrator, maar veel mensen hebben Photoshop. En Photoshop heeft basisondersteuning voor vectorafbeeldingen. In deze handleiding bekijken we hoe u vectorkunst in Photoshop kunt maken als vervanging voor Illustrator.

Wat is een vectorafbeelding?

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

vectorafbeeldingen zijn lijnen en krommen gegenereerd door wiskundige formules. Dit betekent dat je ze oneindig kunt verkleinen, en de bestandsgroottes zijn vaak erg klein. Vectoren zijn geweldig voor grafisch ontwerpwerk, inclusief het ontwerpen van logo's en pictogrammen. Je kan zelfs afbeeldingen converteren naar vectorafbeeldingen in Adobe Illustrator .

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

U kunt op elk object twee soorten kleuren toepassen:

TOT Hartinfarct is een lijn die het pad volgt.
TOT Vullen voegt een effen kleur of patroon toe aan de ruimte die door het pad wordt omgeven.

Beide stel je in in de optiebalk bovenaan het scherm. U kunt ook instellen op: Geen kleur als u wilt dat ze leeg blijven. Voor de streek kunt u ook de dikte in pixels en de stijl instellen. Een ononderbroken lijn is de standaardinstelling.

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

Vectorvormen en lijnen tekenen

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

Rechthoekgereedschap
Tool Afgeronde rechthoek
Ellips-tool
Veelhoekgereedschap
Lijngereedschap
Hulpmiddel voor aangepaste vormen

U kunt het gemarkeerde gereedschap altijd selecteren door op . te drukken U op je toetsenbord. U kunt ook op drukken Shift + U om door de tools te bladeren totdat u degene vindt die u zoekt.

Om sneller te werken, is het een goed idee om meer te leren Sneltoetsen voor Photoshop .

Basisvectorvormen tekenen

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

Klik en sleep nu in je canvas. De vorm wordt vanuit de hoek getekend in welke richting u ook sleept. Om een symmetrische vorm te maken, zoals een cirkel of vierkant, houdt u de Verschuiving toets.

Om een driehoek te tekenen, selecteer de Veelhoekgereedschap . Klik eenmaal op je canvas om de . te openen Polygoon maken instellingen vak. Set Aantal zijden tot 3 .

Vectorvormen wijzigen en bewerken

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

beste apps voor Android TV Box 2018

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

Kies de Directe selectietool vanuit de werkbalk (klik en houd ingedrukt op de Hulpmiddel voor padselectie pictogram om het te vinden, of druk op Shift + A ). Klik nu op een van de ankerpunten en sleep deze in een willekeurige richting om de vorm te vervormen.

Voor meer geavanceerde bewerkingen verplaatst u twee of meer ankerpunten tegelijk.

Klik op een om het te markeren, dan Shift + klik een ander. Gebruik nu de cursortoetsen op uw toetsenbord om beide punten tegelijkertijd te verplaatsen.

Vectorvormen samenvoegen en combineren

Voor nog complexere vormen kunt u gebruik maken van Padbewerkingen . Hierdoor kunt u meerdere vormen combineren tot enkele nieuwe.

Begin met het tekenen van een vorm op je canvas. Klik vervolgens op de Padbewerkingen knop in de optiebalk boven aan het scherm. Normaal gesproken gaat elk nieuw pad of nieuwe vorm naar zijn eigen laag. Verander dat door te klikken op Vormen combineren .

Teken nu een andere vorm. Dit gaat op dezelfde laag als je eerste vorm.

Als u de objecten afzonderlijk moet verplaatsen, gebruikt u de Hulpmiddel voor padselectie .

Sleep de tweede vorm zodat deze de eerste overlapt. De twee versmelten tot een enkele vorm, hoewel ze als afzonderlijke objecten blijven. Klik Vormcomponenten samenvoegen in Padbewerkingen om ze te combineren tot een enkel object.

aluminium vs roestvrij staal Apple Watch 2 "

Gebruik de Hulpmiddel voor padselectie om de tweede vorm die u hebt getekend te selecteren. Nu in Padbewerkingen Kiezen Voorvorm aftrekken . De vorm wordt verwijderd, samen met het gebied waar deze overlapt met de eerste vorm.

Markeer beide vormen. In Padbewerkingen selecteer Vormgebieden kruisen . Hiermee worden beide vormen verwijderd, behalve de gebieden waar ze elkaar overlappen. We gebruiken deze optie om een halve cirkel te maken.

Markeer ten slotte beide vormen en selecteer Overlappende vormen uitsluiten . Dit verwijdert het gebied waar de twee vormen elkaar overlappen en laat al het andere intact.

Deze gereedschappen zijn een effectieve manier om nieuwe vormen te bouwen, of om stukken uit bestaande te splitsen of te snijden. Ze werken met de Pen-tool en Tekst ook.

Vectorlijnen tekenen

Er zijn nog twee andere vormgerelateerde hulpmiddelen om te weten. De eerste is de Lijngereedschap .

Selecteer het gereedschap en stel de Hoogte in de optiebalk. Dit stelt de dikte van de lijn in. Klik en sleep vervolgens in uw document om het te tekenen. Houd de ingedrukt Verschuiving toets om de lijn naar nul of 90 graden te snappen.

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

Aangepaste vectorvormen tekenen

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

Als u meer vormen wilt toevoegen dan de eerste selectie, klikt u op de Instellingen tandwiel en kies een categorie om toe te voegen. Er zijn vormen voor elk gebruik: pictogrammen, tekstballonnen, pijlen, texturen en meer. U kunt ook shapes van derden laden.

Klik en sleep om de vorm aan uw 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 je enige ervaring hebt met Illustrator, weet je dat je de Paintbrush Tool gebruikt om uit de vrije hand te tekenen. Photoshop heeft een Penseel die een soortgelijk werk doet. Maar in Photoshop is de tool niet vectorgebaseerd, dus je moet hem niet gebruiken om te tekenen. Je zou de moeten gebruiken Pen-tool in plaats daarvan.

De Pen-tool is een van de krachtigste functies in Photoshop. Je zult het veel gebruiken bij het bewerken van foto's in Photoshop, omdat je er heel precieze selecties mee kunt maken. Het is ook geweldig voor tekenen en vectorkunst.

Aan de slag met het gereedschap Pen

Het gereedschap Pen werkt door een pad te tekenen tussen ankerpunten die u maakt wanneer u op het canvas klikt. Voeg een lijn toe aan het pad en je kunt een omtrek tekenen; voeg een vulling toe en u kunt een solide object tekenen.

Hier is een snelle inleiding om u op weg te helpen:

hoe u de geschiedenis van uw huis kunt achterhalen

Selecteer de Pengereedschap (P) . Klik op het afbeeldingsvenster om een ankerpunt neer te zetten.
Verplaats de cursor enkele centimeters en klik nogmaals om nog een ankerpunt neer te zetten. Er wordt een pad gecreëerd om de twee te verbinden. Stel de streek in op 5px, zwart, zodat u het beter kunt zien.
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. Sleep deze om de hoek en diepte van de curve te bepalen.
Klik Binnenkomen 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 u op elk moment terug kunt gaan en uw vorm kunt bewerken:

Pak de Direct selectiegereedschap (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 Hulpmiddel Ankerpunt 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. Dit stelt u in staat om uw vorm te verfijnen.

Hulpmiddelen voor drie pennen

Photoshop biedt drie verschillende pennen om te tekenen:

De Pen-tool is de standaard en meest flexibele optie. Voor beginners raden we aan dit voornamelijk te gebruiken voor het tekenen van rechte lijnen. Naarmate je meer gevorderd bent, zul je merken dat je het voor alles gebruikt.
De Vrije vorm Pen-tool laat je uit de vrije hand tekenen, vergelijkbaar met het penseel. Het creëert 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 .
De Gereedschap voor krommingspen maakt het gemakkelijk om bochten te tekenen zonder dat je met het stuur hoeft te spelen, zoals je doet met de hoofdpentool.

Een afbeelding traceren als een vector in Photoshop

Als je eenmaal hebt geleerd hoe je de verschillende pengereedschappen moet gebruiken, kun je ze gebruiken om afbeeldingen over te trekken. Zo maak je van een gescande schets of een object in een foto een vectorafbeelding.

Open de afbeelding in Photoshop en zoom in. Selecteer nu de Pen-tool en plaats uw eerste ankerpunt op de rand van het object dat u 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 overtrekt tegen een effen achtergrond is, probeer dan de Vrije vorm Pen-tool met de Magnetisch optie geactiveerd in de optiebalk. Dit legt uw pad vast naar de rand van het object.

Werken met vectortekst in Photoshop

Het gebruik van tekst in Photoshop spreekt voor zich. 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. Pas een lijn toe voor sterk gestileerde tekst.

Als u klaar bent, kunt u de tekst omzetten in een vectorobject. Selecteer de tekst en ga naar Type > Converteren naar vorm . Hierdoor heb je toegang tot de ankerpunten op elk personage, zodat je ze afzonderlijk kunt aanpassen. Het is goed voor het wijzigen van de kleur van een enkele letter of het aanpassen van het uiterlijk van het lettertype.

Eenmaal geconverteerd, kan de tekst niet meer worden bewerkt. Het is een goed idee om de originele tekstlaag te dupliceren en vervolgens te verbergen, voor het geval u een back-up nodig heeft.

Vectorobjecten beheren

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

Objecten verplaatsen door ze te selecteren met de Padselectiegereedschap (A) en ze op hun plaats te slepen.
Formaat van objecten wijzigen door ze te selecteren met de Hulpmiddel voor padselectie dan slaan Ctrl + T op Windows of Cmd + T op Mac. Dit toont een kader 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.
Een object roteren door uw muis net buiten een van de handgrepen te houden totdat de cursor verandert in een rotatiepictogram. Klik en sleep nu.
Objecten opnieuw ordenen 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 klikken op meerdere lagen) en vervolgens de uitlijnknoppen in de optiebalk gebruiken.

Vectorafbeeldingen in Photoshop: zet het allemaal bij elkaar

Nu je weet hoe je alle tools moet gebruiken, kun je ze samenvoegen om je eigen vectorkunstwerken te maken:

Hoewel Photoshop geen echt alternatief is voor Illustrator voor professioneel grafisch ontwerp, is het verrassend krachtig. Voor eenvoudige dingen zoals logo's, pictogrammen en kleine afbeeldingen die u in andere documenten wilt gebruiken, is het meer dan goed genoeg.

Deel Deel Tweeten E-mail Adobe Illustrator versus Photoshop: wat is het verschil?

We ruimen eventuele verwarring op over de verschillen tussen deze twee beeldbewerkingssuites.

Lees volgende Gerelateerde onderwerpen

Creatief
Adobe Photoshop
vectorafbeeldingen
Adobe Creative Cloud
Photoshop-zelfstudie

Over de auteur Andy Betts(221 artikelen gepubliceerd)

Andy is een voormalig printjournalist en tijdschriftredacteur die al 15 jaar over technologie schrijft. In die tijd heeft hij bijgedragen aan talloze publicaties en copywritingwerk voor grote techbedrijven. Hij heeft ook deskundig commentaar geleverd voor de media en heeft panels gehost op branche-evenementen.

Meer van Andy Betts

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren