1. Wat is de pen tool?
De pentool hoort eigenlijk niet in photoshop thuis. Deze werkt namelijk met vectoren ipv pixels. Het voordeel van deze vectoren is dat je ze zogroot kunt maken als je maar wilt terwijl de kwaliteit altijd super blijft!
De pentool is afgeleid van de gelijknamige tool uit Illustrator. In de 2 programma's werkt de pentool ook bijna het zelfde.
top 2. Verschillende mode's.
De pentool heeft 3 verschillende mode's
-
Dit is de “Shape Layers” mode. Hier mee maakt photoshop een “Shape” aan.
Een shape is een object dat bestaat uit een aantal “anchor points”.
Deze anchor points zijn gepositioneerd op een soort van rooster. Hier door kun je een vector zo groot maken als je wilt.
De shape wordt automatisch gekleurd dmv de foreground color. De shape wordt ook vanzelf in een nieuwe layer gezet.
-
Dit is de “Paths” mode. Hier mee maak je een “Path” aan.
Ook dit path bestaat uit anchor points. Maar het verschil is dat dit path niet gevuld is en ook niet op een nieuwe laag geplaatst wordt.
- Dan heb je ook nog de “Fill pixels” mode maar die heb ik zelf ook nog nooit gebruikt en weet ook niet waar hij voor dient.
top 3. “Shape area styles”
Je hebt een aantal “shape area styles”
- Create new shape layer.
- Add to shape area
- Subtract from shape area
- Intersect shape areas
- Exclude overlapping shape areas
Je kunt de shape area styles vinden in de zelfde balk waar de modes staan.
Dit is de Create new shape layer. Deze shape area style is alleen maar beschikbaar als je de mode Shape Layers aan hebt staan. Hier mee maak je een nieuwe shape.
Dit is de Add to shape area. Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat dan alles gekleurd wordt.
Dit is de Subtract from shape area. Deze shape Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat alleen het niet overlappende deel van de eerste layer gekleurd wordt.
Dit is de Intersect shape areas. Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat dan alleen het overlappende deel gekleurd wordt.
Dit is de Exclude overlapping shape areas. Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat dan alles van de shape gekleurd wordt behalve het overlappende gedeelte.
top 4. Omgaan met de pentool.
Om in het begin met de pentool om te gaan is nogal moeilijk daarom eerst wat uitleg!
File>New.. (Ctrl+N).
Width: 500
Heigth: 500
Witte achtergrond.
Pentool mode: Shape layers
Area Shape style: Create new layer.
Klik op een willekeurige plek in je canvas.
Doe dit nog een keer.
Je krijgt nu dit:
Je hebt nu enkel een lijn zonder fill.
Klik nu ongeveer in het midden van je Path
Je ziet nu 5 puntjes. De 3 grote zijn “anchor points” de 2 kleinere zijn de uiteinde van de bezierhandelers.
Ctrl + klik op de middelste anchor en plaats hem ergens beneden zoals dit:
Je ziet hierna dat de shape meteen gevuld wordt!
Alt + klik op het rechter bezierhandler uiteinde en schuif deze ook naar onder je hebt nu dit:
Klik nu op het middelste anchor point en je ziet dat het verdwijnt.
Dit is de basis waarmee je in deze tutorial verder gaat werken.
top5. Aan de slag!
Eigenlijk werkt het allemaal vanzelf sprekend en dat zul je merken als we dadelijk bezig zijn.
We gaan van dit logo de basis maken, dus niet de mooie kleurtjes alleen de vorm.
Je kan duidelijk de verschillende vormen zien!
- Sla het logo op en open het in photoshop.
- Layer>Dyplicate layer.. (Ctrl + J)
- Selecteer nu de onderste layer in je layer pallet.
- Zet je mode op shape layers en je style op create new layer shape
- Klik links boven in in de hoek van het gele gedeelte. Je ziet dat de shape layer tussen de 2 layers in komt. Dit is een groot voordeel want dan heb je geen last van de shape wanneer je bezig bent met het namaken.
- Ga verticaal naar beneden en klik op het punt waar het logo ook nog net niet aan de bocht begonnen is.
- je hebt nu dit
Klik nu aan het einde van de bocht waar het logo dus weer recht gaat. Hou de muis ingedrukt en sleep de bezier zo dat je path precies op het logo komt te liggen. Zo dus:
Ga nu langs heel het logo. Zodat je dit hebt op het laatst:
Verberg nu de bovenste layer en aanschouw je omtrek van je logo.
Maak de bovenste layer weer zichtbaar. En selecteer je shape layer.
Pentool mode: Paths
Shape Area style: Subtract from shape area
Ga nu langs de binnen kant van je logo tot dat je dit hebt:
Maak nu de bovenste layer weer onzicht baar en je ziet dat je de basis van het UPS logo al hebt!
Aangezien we het lettertype niet hebben gaan we ook dit met de pentool doen.
Selecteer je path, Ctrl + klik op je path, dus niet allen in je layer pallet.
Pentool mode: Shape layers
Shape Are Style: Exclude overlapping shape areas
Ga nu net als eerst om de buiten kant van de letters heen tot dat je dit hebt:
Met wat kleurtjes ziet het er dan zo uit:
top6. Eindwoord.
Als iets niet lukt of als je nog vragen hebt stuur maar een PM!
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
(4.5) 
Dit is de “Shape Layers” mode. Hier mee maakt photoshop een “Shape” aan. 
Dit is de “Paths” mode. Hier mee maak je een “Path” aan.
Dit is de Create new shape layer. Deze shape area style is alleen maar beschikbaar als je de mode Shape Layers aan hebt staan. Hier mee maak je een nieuwe shape.
Dit is de Add to shape area. Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat dan alles gekleurd wordt.
Dit is de Subtract from shape area. Deze shape Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat alleen het niet overlappende deel van de eerste layer gekleurd wordt.
Dit is de Intersect shape areas. Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat dan alleen het overlappende deel gekleurd wordt.
Dit is de Exclude overlapping shape areas. Deze shape area style is bij alle modes beschikbaar. Deze style zorgt er voor dat wanneer 2 shapes elkaar, in 1 layer, overlappen dat dan alles van de shape gekleurd wordt behalve het overlappende gedeelte.
Je ziet hierna dat de shape meteen gevuld wordt!
Klik nu op het middelste anchor point en je ziet dat het verdwijnt. 
