In de vorige zelfstudie leerden we de basisprincipes van het werken met vormen en vormlagen in Photoshop. In die tutorial hebben we geleerd hoe we eenvoudige rechthoeken en ellipsen, evenals sterren, starbursts en richtingpijlen, aan een document kunnen toevoegen met behulp van de vijf geometrische vormgereedschappen van Photoshop - het gereedschap Rechthoek, het gereedschap Afgeronde rechthoek, het gereedschap Ellips, het gereedschap Veelhoek en het lijngereedschap.

Het is geweldig om tools te hebben waarmee we gemakkelijk cirkels en vierkanten kunnen tekenen, maar hoe zit het met interessantere vormen? Wat als u bijvoorbeeld een hartvorm wilt toevoegen aan een trouw- of verlovingsfoto of de vorm van een hond of een kat aan het logo van een dierenwinkel? Hoe zit het met de vormen van bloemen en bladeren, sneeuwvlokken, muzieknoten of een copyright-symbool om aan uw afbeeldingen toe te voegen? Photoshop wordt eigenlijk geleverd met al deze vormen en meer, en laat ons ze net zo gemakkelijk aan onze ontwerpen toevoegen als cirkels en vierkanten toevoegen. Adobe noemt deze meer complexe vormen aangepaste vormen, en we tekenen ze met behulp van de tool die we in deze tutorial zullen bekijken - de Custom Shape Tool .

Deze zelfstudie is voor Photoshop CS5 en eerder . Gebruikers van Photoshop CS6 (en CC) willen onze volledig bijgewerkte tutorial over het gebruik van het hulpmiddel Aangepaste vormen in Photoshop bekijken.

Het gereedschap Aangepaste vorm

U vindt het gereedschap Aangepaste vorm genest in de andere vormgereedschappen van Photoshop op dezelfde plek in het deelvenster Gereedschappen. Standaard is het gereedschap Rechthoek het hulpmiddel dat wordt weergegeven, maar als u erop klikt en uw muisknop ingedrukt houdt, verschijnt er een uitklapmenu met de andere hulpmiddelen die op die plek beschikbaar zijn. Het gereedschap Aangepaste vorm staat onderaan de lijst:

Klik en houd het rechthoekgereedschap ingedrukt en selecteer vervolgens het gereedschap Aangepaste vorm in het vervolgmenu.

Als u al een van de andere vormgereedschappen hebt geselecteerd, kunt u snel het gereedschap Aangepaste vorm pakken via de optiebalk. U ziet een reeks van zes pictogrammen, die elk een ander vormgereedschap vertegenwoordigen. Het gereedschap Aangepaste vorm is het laatste pictogram aan de rechterkant (het is het pictogram dat op een blob lijkt):

Als er al een ander vormgereedschap actief is, kan het gereedschap Aangepaste vorm worden geselecteerd op de optiebalk.

Een aangepaste vorm kiezen

Nadat we het gereedschap Aangepaste vormen hebben geselecteerd, moeten we de vorm kiezen die we willen tekenen. Er verschijnt een vormvoorbeeldminiatuur op de optiebalk rechts van het pictogram Aangepast vormgereedschap. De miniatuur toont de aangepaste vorm die momenteel is geselecteerd:

De voorbeeldminiatuur toont de momenteel geselecteerde aangepaste vorm.

Klik op de voorbeeldminiatuur om een ​​andere vorm te kiezen. Hiermee wordt de vormkiezer geopend die alle vormen weergeeft waaruit we momenteel kunnen kiezen. Photoshop heeft eigenlijk veel meer vormen dan het beperkte aantal dat we in eerste instantie krijgen. We zullen zien hoe we de andere vormen in een moment kunnen laden:

Klik op de voorbeeldminiatuur om de vormkiezer te openen.

Om een ​​vorm te kiezen, klikt u op de miniatuur en drukt u op Enter (Win) / Return (Mac) om de vormkiezer te sluiten. Of dubbelklik op de miniatuur om de vorm te selecteren en de vormkiezer voor u te sluiten. Ik kies de hartvorm:

De hartvorm selecteren in de vormkiezer.

Een kleur kiezen voor de vorm

Nadat u uw vorm hebt gekozen, selecteert u een kleur ervoor door op het kleurstaal rechts van het woord Kleur in de optiebalk te klikken:

Klik op het kleurstaal om een ​​kleur voor de aangepaste vorm te kiezen.

Photoshop opent de Kleurkiezer zodat we de gewenste kleur kunnen kiezen. Omdat ik een hartvorm heb gekozen, kies ik rood voor mijn kleur. Klik op OK als u klaar bent om de kleurkiezer te sluiten:

Kies een kleur voor de vorm in de Kleurkiezer.

Selecteer de optie "Vormlagen"

Zoals ik in de vorige zelfstudie al zei, laat Photoshop ons drie zeer verschillende soorten vormen tekenen met de Vormgereedschappen. We kunnen vectorvormen tekenen, die resolutie-onafhankelijk zijn en volledig schaalbaar zijn zonder verlies van beeldkwaliteit (hetzelfde type vormen dat we zouden tekenen in een programma als Illustrator). We kunnen ook paden tekenen, die gewoon contouren van vormen zijn, of we kunnen pixelgebaseerde vormen tekenen waarbij Photoshop de vorm met gekleurde pixels vult. In de meeste gevallen willen we vectorvormen tekenen, en daarvoor moeten de optie Vormlagen zijn geselecteerd in de optiebalk. Het is het linkerpictogram in een groep van drie pictogrammen uiterst links op de optiebalk:

Selecteer de optie Vormlagen in de optiebalk om vectorvormen te tekenen.

Om de vorm te tekenen, klikt u in het document om een ​​startpunt in te stellen, houdt u vervolgens uw muisknop ingedrukt en sleept u weg van het startpunt. Terwijl u sleept, geeft Photoshop een overzicht van hoe de vorm eruit zal zien:

Klik om een ​​startpunt in te stellen en sleep de rest van de vorm.

Laat uw muisknop los om de vorm te voltooien, waarna Photoshop deze vult met de kleur die u in de optiebalk hebt gekozen:

Photoshop vult de vorm met kleur wanneer u uw muisknop loslaat.

Een vorm tekenen met de juiste verhoudingen

Merk echter op dat mijn hartvorm een ​​beetje vervormd lijkt. Het is breder en korter dan ik had verwacht. Dat komt omdat Photoshop standaard geen poging doet om de juiste verhoudingen of beeldverhouding van de vorm te behouden tijdens het tekenen. Ik druk op Ctrl + Z (Win) / Command + Z (Mac) op mijn toetsenbord om de vorm ongedaan te maken, zodat ik het opnieuw kan proberen.

Als u een aangepaste vorm met de juiste verhoudingen wilt tekenen, klikt u in het document, houdt u de muisknop ingedrukt en sleept u de vorm zoals u normaal zou doen. Zodra u begint te slepen, houdt u uw Shift- toets op uw toetsenbord ingedrukt en blijft u slepen. Zodra u op de Shift-toets drukt (en deze ingedrukt houdt), ziet u de omtrek van de vorm in de juiste beeldverhouding:

Houd Shift ingedrukt terwijl u de vorm sleept om deze met de juiste verhoudingen te tekenen.

Als je tevreden bent met de grootte van de vorm, laat je je muisknop los en laat je je Shift-toets los (zorg ervoor dat je de Shift-knop loslaat nadat je je muisknop hebt losgelaten). Photoshop vult het opnieuw met kleur:

Laat de Shift-toets pas los nadat u uw muisknop hebt losgelaten.

Ik druk opnieuw op Ctrl + Z (Win) / Command + Z (Mac) op mijn toetsenbord om de vorm ongedaan te maken. Vervolgens kies ik een andere vorm door op de voorbeeldminiatuur in de optiebalk te klikken om de vormkiezer te openen. Deze keer selecteer ik de muzieknoten:

Klik op de miniatuur van de muzieknotities om de vorm te selecteren.

Om de muzieknoten te tekenen, klik ik in het document om een ​​startpunt in te stellen en met mijn muisknop ingedrukt, begin ik weg te slepen van het startpunt. Zodra ik ben begonnen met slepen, houd ik mijn Shift- toets ingedrukt om de vorm in de juiste verhoudingen te forceren terwijl ik blijf slepen:

Houd Shift ingedrukt terwijl ik sleep om de verhoudingen van de noten correct te houden.

Ik laat mijn muisknop los om de vorm te voltooien en Photoshop vult deze met dezelfde kleur die ik voor de vorige vorm heb gekozen:

De nieuwe vorm is gevuld met dezelfde kleur als de vorige.

Vervolgens leren we hoe u de kleur van een bestaande vorm kunt wijzigen en hoe u alle extra aangepaste vormen kunt laden die Adobe bij Photoshop bevat!

Plug-in shortcodes, acties en filters: fout in shortcode (ads-basics-middle)

De kleur van een bestaande vorm wijzigen

Wat als ik wilde dat mijn nieuwe vorm een ​​andere kleur kreeg dan de vorige? Ik had gewoon een andere kleur kunnen kiezen uit de optiebalk voordat ik de nieuwe vorm tekende, maar het is net zo eenvoudig om de kleur van een vorm te wijzigen nadat we deze hebben getekend. Elke nieuwe aangepaste vorm die we tekenen, wordt op zijn eigen Shape-laag in het deelvenster Lagen geplaatst en elke Shape-laag heeft een eigen kleurstaalpictogram dat de huidige kleur van de vorm weergeeft. Dubbelklik op het kleurstaal om de kleur te wijzigen:

Dubbelklik op het kleurstaal van de vormlaag om de kleur te wijzigen.

Photoshop opent de Kleurkiezer opnieuw zodat we een nieuwe kleur kunnen kiezen. Ik zal paars kiezen:

Kies een nieuwe kleur voor de vorm in de Kleurkiezer.

Klik op OK wanneer u klaar bent om de Kleurkiezer te sluiten en zomaar verandert Photoshop de kleur van de vorm voor ons:

We kunnen de kleur van elke vectorvorm wijzigen wanneer we maar willen.

Extra vormsets laden

Zoals ik al zei, komt Photoshop met meer aangepaste vormen om uit te kiezen dan het handjevol dat we krijgen om mee te beginnen. We hoeven ze alleen in onszelf te laden en dat doen we door op de vormvoorbeeldminiatuur in de optiebalk te klikken om de vormkiezer te openen en vervolgens op de kleine pijl in de rechterbovenhoek van de vormkiezer te klikken:

Klik op de kleine pijl in de rechterbovenhoek van de Vormkiezer.

Hiermee wordt een menu met verschillende opties geopend en in het onderste deel van het menu staat een lijst met extra vormsets die zijn geïnstalleerd met Photoshop. Elk van deze sets is een verzameling vormen die een gemeenschappelijk thema delen, zoals dieren, muziek, natuur, enzovoort. Enkele van de hier genoemde sets zijn nieuw in Photoshop CS5 (de versie die ik gebruik), maar de meeste zijn beschikbaar in een recente versie van Photoshop:

Al deze extra vormsets worden meegeleverd met Photoshop, maar moeten handmatig worden geladen.

Als u toevallig weet welke set de gewenste vorm (en) bevat, kunt u deze selecteren door op de naam in de lijst te klikken. Het is echter eenvoudiger om ze allemaal in één keer te laden, wat we kunnen doen door Alles bovenaan de lijst te kiezen:

Kies "Alles" om alle extra aangepaste vormen in Photoshop te laden.

Photoshop vraagt ​​of u de huidige vormen wilt vervangen door de nieuwe vormen of dat u de nieuwe vormen wilt toevoegen met de originelen. Kies Toevoegen, waardoor de originele vormen behouden blijven en de nieuwe erna volgen:

Kies "Toevoegen" om de nieuwe vormen in Photoshop te laden terwijl de originelen behouden blijven.

En nu, als we de vormkiezer openen door op de vormvoorbeeldminiatuur in de optiebalk te klikken, zien we alle nieuwe vormen waaruit we kunnen kiezen! Ik heb de vormkiezer hier een beetje uitgebreid, zodat we meer van de vormminiaturen kunnen zien. Gebruik de schuifbalk aan de rechterkant van de Vormkiezer om door de volledige lijst te bladeren:

De vormkiezer is nu geladen met alle aangepaste vormen die Adobe bij Photoshop heeft geleverd.

Hier is een willekeurig voorbeeld van enkele van de vele vormen die we nu voor ons beschikbaar hebben:

De vormkiezer is nu geladen met alle aangepaste vormen die Adobe bij Photoshop heeft geleverd.

Hoe nuttig veel van deze kant-en-klare aangepaste vormen ook kunnen zijn, het is heel goed mogelijk dat zelfs nadat ze allemaal zijn geladen, we nog steeds niet de vorm vinden die we nodig hebben voor het specifieke ontwerp waaraan we werken, en dat is waar de echte de kracht van de aangepaste vormen van Photoshop komt binnen, omdat we met Photoshop elke vorm kunnen creëren die we maar willen! Bekijk onze tutorial Create Your Own Custom Shapes voor alles wat u moet weten over het maken, opslaan en gebruiken van uw eigen collecties met aangepaste vormen!