In deze Photoshop-effectentutorial gaan we bekijken hoe je kleurrijke lichtstrepen aan een foto kunt toevoegen. Je hebt deze lichtstrepen waarschijnlijk wel eens gezien in advertenties voor van alles en nog wat, van shampoo tot mobiele telefoons, en onlangs werden ze nog gebruikt in een coole advertentie voor een nieuwe mobiele telefoon van Sprint en Samsung. Je maakt ze heel eenvoudig door een pad te tekenen met het Pen-gereedschap van Photoshop en dat pad vervolgens met een penseel te bewerken, waarbij je een paar eenvoudige laagstijlen gebruikt om de eigenlijke kleur en het lichteffect toe te voegen. Het is allemaal vrij eenvoudig, maar als je het Pen-gereedschap nog nooit hebt gebruikt of niet zeker weet hoe je paden moet tekenen, kun je het beste eerst onze tutorial Selecties maken met het Pen-gereedschap bekijken, waarin ik alles behandel wat je moet weten over het tekenen en bewerken van paden met de Pen.
Hier is de afbeelding waar ik in deze tutorial mee werk:
En zo ziet de afbeelding eruit nadat we onze lichtstrepen hebben toegevoegd:
Stap 1: Voeg een nieuwe lege laag toe
We gaan onze lichtstrepen op hun eigen aparte laag toevoegen, dus het eerste wat we moeten doen is een nieuwe lege laag aan ons document toevoegen. Klik daarvoor op het pictogram Nieuwe laag onder in het palet Lagen:
Dit voegt een nieuwe lege laag toe, die Photoshop “Laag 1” noemt, boven onze Achtergrondlaag:
Stap 2: Selecteer het gereedschap Pen
Zoals ik in het begin al zei, gaan we onze lichtstrepen maken door paden te tekenen en vervolgens met een penseel over de paden te strijken. Om paden te tekenen, hebben we het gereedschap Pen nodig, dus selecteer het in het palet Gereedschappen. U kunt ook op de letter P drukken om het met de sneltoets te selecteren:
Stap 3: Selecteer de optie “Paden” in de Optiebalk
Photoshop biedt ons drie verschillende dingen die we met het gereedschap Pen kunnen doen. We kunnen het gebruiken om vector-gebaseerde vormen te tekenen, we kunnen er paden mee tekenen (en dat is wat we willen doen), en we kunnen pixel-gebaseerde vormen tekenen. We kiezen tussen deze drie opties door te klikken op hun icoontjes in de Optiebalk bovenaan het scherm. Je ziet drie kleine vierkante icoontjes gegroepeerd aan de linkerkant van de Opties Balk. Klik op het middelste pictogram, dat is de optie Paden:
Stap 4: Teken een pad waar u de eerste lichtstreep wilt
Met het gereedschap Pen geselecteerd en de optie Paden gekozen in de Optiebalk, zijn we klaar om ons eerste pad te tekenen. Ik wil dat mijn lichtstrepen in de onderste helft van de foto verschijnen, ergens rond de schouders en nek van de vrouw, dus daar zal ik mijn eerste pad tekenen. Je zult een aantal curven aan je pad willen toevoegen om de lichtstreep interessanter te maken. Ik begin met te klikken in de linker benedenhoek van de afbeelding om mijn eerste ankerpunt toe te voegen, dan sleep ik de richtingshandvatten in de richting die ik wil dat mijn pad volgt. Nogmaals, bekijk eerst onze tutorial Selecties maken met het Pen-gereedschap als je niet begrijpt wat ik zojuist heb gezegd:
Ik ga verder met het tekenen van de rest van mijn eerste pad door nog een paar keer te klikken en te slepen met het Pen-gereedschap om de rest van mijn padsegmenten toe te voegen. Het eerste pad loopt nu van links naar rechts over de schouders en de nek van de vrouw:
Stap 5: Selecteer het penseelgereedschap
Nu we ons eerste pad hebben getekend, is de volgende stap om het met een penseel te bewerken. Daarvoor hebben we Photoshop’s Penseelgereedschap nodig, dus selecteer het in het palet Gereedschappen, of druk gewoon op de letter B op je toetsenbord:
Stap 6: Selecteer het “40 Sampled Tip” Penseel
Photoshop heeft verschillende penselen die goed zouden werken voor ons lichtstreepeffect, maar na er een paar te hebben uitgeprobeerd, heb ik er een gevonden die me het beste bevalt. Om het te selecteren, moeten we het penselenpalet oproepen. Er zijn een paar verschillende manieren om het penselenpalet te openen, en een daarvan is door te klikken op het pictogram Brushes palette toggle in de Optiebalk boven aan het scherm:
Als het penselenpalet verschijnt, klikt u op de woorden Brush Tip Shape in de linkerbovenhoek van het palet. Scroll vervolgens in het selectiegebied voor Brush Tip rechts naar beneden tot onderaan de lijst en selecteer het penseel 40 Sampled Tip. In het voorbeeldgebied staat alleen “40”, maar als je in de Voorkeuren van Photoshop de optie Tool Tips hebt ingeschakeld, zie je de woorden “Sampled Tip” verschijnen wanneer je met je muis over het penseel gaat:
Stap 7: Verlaag de “spatiëring” tot 1%
Onderaan in het penselenpalet, direct boven het penseelvoorbeeldgebied, zie je de optie spatiëring. Wanneer je in Photoshop met een penseel schildert, lijkt het meestal alsof je één ononderbroken streek maakt, maar in werkelijkheid “stempelt” Photoshop de afbeelding steeds opnieuw met de penseelpunt. Als de “stempels” dicht genoeg bij elkaar staan, lijken ze een ononderbroken lijn te vormen.
De optie Tussenruimte bepaalt hoe ver de stempels uit elkaar staan, en die optie is standaard ingesteld op 30% voor onze “40 Sampled Tip”-penseel. Dat is te veel ruimte voor ons effect. Gebruik de schuifbalk om de tussenruimte helemaal naar beneden te brengen tot 1%. Als u naar het voorbeeldgebied van de penseel kijkt nadat u de tussenruimte tot 1% hebt verlaagd, ziet u dat de penseelstreek nu als één doorlopende streep wordt weergegeven:
Stap 8: Stel de penseelgrootte in op “pendruk”
Als we nu met onze penseelstreek over het pad zouden strijken, zou het lichtstreepeffect er niet erg goed uitzien omdat de penseelstreek over het hele pad precies even groot zou zijn. De penseel moet aan beide uiteinden taps toelopen om de illusie te wekken dat de lichtstreep aan het ene uiteinde begint en aan het andere uiteinde eindigt. Daarvoor moeten we Photoshop vertellen dat het de pendruk voor ons moet simuleren, alsof we met een pentablet tekenen.
Klik direct op de woorden Shape Dynamics links van het penselenpalet, direct onder “Brush Tip Shape”. Zorg ervoor dat u direct op de woorden klikt en niet alleen in het selectievakje links van de woorden. Als u in het selectievakje klikt, worden de opties van Vormdynamica ingeschakeld, maar kunnen we er niets aan veranderen. We moeten op de woorden zelf klikken om toegang tot de opties te krijgen. Als je eenmaal op de woorden hebt geklikt, zie je de vormdynamica-opties rechts in het palet verschijnen. Helemaal bovenaan zie je de woorden “Size Jitter” met een schuifbalk, en direct onder de schuifbalk staat de optie Control. Hier kunnen we bepalen hoe we de grootte van ons penseel regelen. We willen dat Photoshop de druk van de pen simuleert, dus selecteer je Pen Pressure in het vervolgkeuzemenu Control:
Nu hebben we Photoshop alleen verteld dat we de grootte van ons penseel willen regelen op basis van de druk van de pen, maar wat als je eigenlijk geen pentablet hebt? Als je er geen hebt aangesloten op je computer, zie je een klein waarschuwingsicoontje links van het woord “Control” om je te vertellen dat je een pentablet nodig hebt, maar maak je daar geen zorgen over. Zo meteen gaan we Photoshop vertellen dat het de pendruk voor ons moet simuleren, dus voor dit effect maakt het niet uit of je een pentablet hebt of niet.
Stap 9: Stel je voorgrondkleur in op wit
We hebben ons penseel klaar staan. Nu hoeven we alleen nog maar de kleur te kiezen waarmee we gaan schilderen. We gaan met wit schilderen, wat betekent dat onze voorgrondkleur wit moet zijn. Druk op de letter D op je toetsenbord om ervoor te zorgen dat je Voorgrond- en Achtergrondkleuren worden teruggezet op hun standaardwaarden, met zwart als je Voorgrondkleur en wit als je Achtergrondkleur. Druk vervolgens op de letter X om ze om te wisselen, zodat wit uw voorgrondkleur wordt:
Stap 10: Sla je pad op
We hebben ons pad, we hebben ons penseel, en we hebben onze Voorgrondkleur ingesteld op wit. We zijn klaar om onze eerste lichtstreep te maken! Schakel over naar Photoshop’s Paden palet, dat je gegroepeerd vindt met de Lagen en Kanalen paletten. Je ziet je pad vermeld, dat momenteel “Werkpad” heet, samen met een voorbeeld van het pad aan de linkerkant, vergelijkbaar met hoe lagen worden weergegeven in het Lagen palet met hun naam aan de rechterkant en een voorbeeldgebied aan de linkerkant. Telkens wanneer je een nieuw pad maakt, geeft Photoshop het automatisch de naam “Werkpad”, wat betekent dat het tijdelijk is. Als je het pad niet opslaat voordat je een nieuw pad tekent, zal het nieuwe pad het vorige vervangen en ben je het kwijt. In veel gevallen is dit geen probleem, maar laten we ons pad opslaan voor het geval we er later naar terug willen gaan.
Om een pad op te slaan, hoeven we het alleen maar een andere naam te geven. Dubbel-klik op de naam “Werkpad” en Photoshop zal het Save Path dialoogvenster openen, met de voorgestelde naam van “Pad 1” al voor je ingevuld. Klik op OK om het dialoogvenster te verlaten en Photoshop zal het pad de naam “Pad 1” geven. Het pad is nu opgeslagen:
Stap 11: Strijk het pad met het penseel
Laten we onze eerste lichtstreep maken. Klik op het kleine, naar rechts wijzende pijltje in de rechterbovenhoek van het Paden-palet, dat het uitklapmenu van het Paden-palet oproept en selecteer vervolgens Pad strijken uit de lijst met opties:
Hiermee opent u het dialoogvenster Pad strijken. We willen over het pad strijken met ons penseel, dus zorg ervoor dat de optie Gereedschap is ingesteld op Penseel. Klik vervolgens in het selectievakje links van de tekst Druk simuleren om Photoshop de pendruk te laten simuleren:
Klik op OK om het dialoogvenster te sluiten en Photoshop zal het pad met de penseelstreek beroeren, waardoor onze eerste lichtstreep ontstaat. Merk op hoe de penseelstreek aan beide uiteinden taps toeloopt dankzij de optie “druk simuleren”:
Als je denkt dat je penseelstreek te dik of te smal is, druk je gewoon op Ctrl-Z (Win) / Command-Z (Mac) om de streek ongedaan te maken en maak je de penseelstreek vervolgens groter of kleiner door op de linker- of rechterbeugeltoets op je toetsenbord te drukken. De linkse haakjes-toets maakt het penseel kleiner, de rechtse haakjes-toets maakt het groter. Probeer het opnieuw als je de grootte van je penseel hebt aangepast.
We hebben onze eerste lichtstreep toegevoegd, maar het ziet er op dit moment niet echt uit als een lichtstreep. Het ziet eruit als een witte penseelstreek, en dat is het ook. Om het meer op een lichtstreep te laten lijken, moeten we wat kleur en wat gloedeffecten toevoegen, en daarvoor gebruiken we een paar eenvoudige laagstijlen.
Stap 12: Voeg een “Outer Glow” laagstijl toe
Schakel terug naar je Lagen palet. Je ziet je witte penseelstreek in het voorbeeldgebied van “Laag 1”. Klik op het pictogram Laagstijlen onder in het palet Lagen en selecteer Buitenste gloed in de lijst met laagstijlen die verschijnt:
Hiermee opent u het dialoogvenster Laagstijl van Photoshop, ingesteld op de opties voor Buitenste gloed in de middelste kolom. Verander de Overvloeimodus bovenaan in Lineair licht, wat ons een veel intensere gloed geeft dan wat we normaal zouden krijgen. Kies vervolgens een kleur voor je gloed door te klikken op de kleine kleurstaal direct onder het woord “Ruis”. Dit zal Photoshop’s Kleurkiezer oproepen. Je kunt je kleur kiezen uit de Kleurkiezer, of als je dat liever doet, kun je een kleur direct uit de afbeelding nemen. Om een kleurstaal te nemen, beweeg je gewoon je muiscursor over de afbeelding. U zult zien dat het icoontje van uw muis verandert in het icoontje van de pipet. Beweeg het pipet over de kleur die u wilt bemonsteren en klik erop om de kleur te bemonsteren. Ik ga een licht gedeelte van de huid van de vrouw gebruiken als mijn buitenste gloed:
Als u uw kleur heeft gekozen, klik dan OK om de Kleurenkiezer te verlaten. Als laatste, verhoog de grootte van de buitenste gloed tot ergens rond de 30 pixels. Afhankelijk van de grootte en resolutie van uw afbeelding kunt u de grootte aanpassen:
Verlaat het dialoogvenster Laagstijl nog niet, want we moeten nog één laagstijl toevoegen. Hier ziet u hoe mijn lichtstreep er tot nu toe uitziet na het toevoegen van mijn buitengloed:
Stap 13: Voeg een “Inner Glow” laagstijl toe
We hebben een buitengloed laagstijl toegevoegd aan onze lichtstreep. Laten we nu een binnengloed laagstijl toevoegen. Met het dialoogvenster Laagstijl nog steeds open, klikt u op de woorden Inner Glow aan de linkerkant van het dialoogvenster, direct onder “Outer Glow”:
U ziet de Inner Glow-opties verschijnen in de middelste kolom van het dialoogvenster. Verander opnieuw de optie Overvloeimodus bovenaan in Lineair licht. Klik dan op de kleurstaal onder het woord “Ruis” en kies een kleur uit de Kleurkiezer of, zoals ik deed met de buitenste gloed, neem een kleur rechtstreeks uit de afbeelding. Ik neem een donkerder gedeelte van de huid van de vrouw als kleur voor mijn innerlijke gloed:
Als u de kleur voor uw innerlijke gloed hebt gekozen, klikt u op OK om de Kleurkiezer af te sluiten. Verhoog tenslotte de grootte van uw binnengloed tot ongeveer 10 pixels. Net als bij de buitenste gloed moet u misschien een beetje spelen met deze waarde, afhankelijk van de grootte en resolutie van uw afbeelding:
Klik op OK als u klaar bent om het dialoogvenster Laagstijl af te sluiten. Je lichtstreep moet nu een intense gloed hebben:
Die dunne donkere lijn die we door het midden van onze lichtstreep zien, is het pad. Maak je geen zorgen, het zal er niet meer zijn als we klaar zijn.
Stap 14: Bewerk het pad om er een kleine variatie op te maken
Laten we onze lichtstreep een beetje interessanter maken door er nog een paar strepen aan toe te voegen. Dat kunnen we eenvoudig doen door ons pad te bewerken om er een paar kleine variaties van te maken en dan elke variatie met ons penseel te strelen. Schakel terug naar je Paden palet zodat we ons pad kunnen bewerken. Houd vervolgens je Ctrl (Win) / Command (Mac) toets ingedrukt en beweeg je muiscursor direct over een willekeurig deel van het pad. Zodra de cursor zich boven het pad bevindt, zie je de cursor veranderen in een witte aanwijzer, wat betekent dat je nu tijdelijk toegang hebt tot het gereedschap Directe selectie van Photoshop, het gereedschap dat we nodig hebben om ons pad te bewerken:
Klik op het pad met het Direct Selectie Gereedschap om het te selecteren en maak vervolgens enkele kleine aanpassingen aan het pad om een iets ander pad te maken. U kunt een ankerpunt naar een iets andere plaats slepen, of richtingsgrepen verplaatsen om de curven van het pad aan te passen, of zelfs een padsegment naar een iets andere positie slepen. Raak alleen de ankerpunten aan beide uiteinden van het pad niet aan, want we willen dat elke variatie die we maken op precies dezelfde plek begint en eindigt. Dus behalve deze twee ankerpunten, kan de rest van het pad worden bewerkt zoals je wilt. We zijn niet op zoek naar grote veranderingen in het pad.
Hier heb ik de twee hoofdkrommen van mijn pad lichtjes veranderd door de twee richtingshandvatten te verslepen die zich uitstrekken vanuit mijn middelste ankerpunt. Je kunt zien hoe de curven van het pad niet langer precies overeenkomen met de curve van de eerste lichtstreep:
We kunnen nu deze variatie van het pad met ons penseel strelen. Maar voordat we dat doen, willen we waarschijnlijk een iets kleinere penseel gebruiken deze keer, dus druk een paar keer op de linker bracket toets op je toetsenbord om de penseel een beetje kleiner te maken.
Om de variatie van ons pad te strijken, is het niet nodig om de moeite te nemen om “Stroke Path” te selecteren uit het Paths palette’s fly-out menu zoals we de vorige keer deden. Klik gewoon op het pictogram “Pad strijken” onder in het palet Paden:
Photoshop strijkt het nieuwe pad dat we met ons penseel hebben gemaakt. Omdat we nog steeds op dezelfde laag in het palet Lagen werken, worden de laagstijlen Buitenste gloed en Binnenste gloed automatisch toegepast op onze nieuwe lichtstreep:
Stap 15: Maak nog een paar padvariaties en strijk ze met de penseel
Herhaal de vorige stap nog een of twee keer om meer variaties op het pad te maken en strijk ze stuk voor stuk met de penseel. Probeer de grootte van de penseel telkens te veranderen met de linker en rechter haakjes-toets om de lichtstreep nog interessanter te maken. Als je de penseelstreek die je net hebt toegevoegd niet mooi vindt, druk je gewoon op Ctrl+Z (Win) / Command+Z (Mac) om het ongedaan te maken, vervolgens bewerk je het pad opnieuw en probeer je het opnieuw.
Als je wilt zien hoe je lichtstreep eruit ziet zonder dat het pad je zicht blokkeert, klik je gewoon ergens in het lege gebied onder het pad in het Paden palet. Hierdoor wordt de selectie van het pad ongedaan gemaakt en wordt het uit het zicht verborgen. Om het pad weer te zien, klik je erop in het Paden palet. Je moet je pad altijd zichtbaar hebben als je er met je penseel overheen wilt strijken. Als het pad niet zichtbaar is, worden de pictogrammen onderin het palet Paden grijs en niet beschikbaar.
Hier is mijn afbeelding nadat ik mijn pad nog een paar keer heb bewerkt en elke nieuwe padvariatie met de penseel heb gestreken. Nogmaals, omdat we nog steeds op dezelfde laag werken, “Laag 1”, in het Lagenpalet, worden de buitenste en binnenste laagstijlen automatisch toegepast op elke nieuwe penseelstreek. Ik heb mijn pad verborgen, zodat we beter kunnen zien hoe de lichtstreep er nu uitziet met al zijn verschillende variaties:
Stap 16: Kopieer de laagstijlen op “Laag 1”
En daarmee hebben we onze eerste lichtstreep gemaakt! Je zult er waarschijnlijk nog minstens één aan je foto willen toevoegen, en het is een goed idee om elke lichtstreep op een eigen laag te zetten, maar we kunnen wat werk besparen door de laagstijlen die we al op onze eerste lichtstreep hebben toegepast te kopiëren en ze eenvoudigweg op elke nieuwe laag te plakken die we maken. Ga terug naar je palet Lagen. Je moet nog steeds “Laag 1” geselecteerd hebben. Ga naar het menu Lagen boven aan het scherm, kies Laagstijl en vervolgens Laagstijl kopiëren:
Stap 17: Voeg een nieuwe lege laag toe
Klik op het pictogram Nieuwe laag onder aan het palet Lagen om nog een lege laag toe te voegen. Photoshop voegt de nieuwe laag toe boven “Laag 1” en geeft deze automatisch de naam “Laag 2”:
Stap 18: Plak de laagstijlen op de nieuwe laag
Met de nieuwe laag geselecteerd, gaat u terug naar het menu Lagen bovenaan het scherm, kiest u nogmaals Laagstijl, en deze keer kiest u Laagstijl plakken:
De buitenste gloed en binnenste gloed van “Laag 1” zijn nu toegevoegd aan “Laag 2” en worden automatisch toegepast op de volgende lichtstreep die we maken!
Stap 19: Nog een lichtstreep toevoegen
Met een nieuwe laag toegevoegd en de laagstijlen van “Laag 1” al toegepast op de nieuwe laag, kunnen we gemakkelijk een tweede lichtstreep maken. Teken een nieuw pad met het Pen-gereedschap, sla het pad op door het de naam “Pad 2” te geven (of hoe je het ook wilt noemen) en strijk vervolgens over het pad met het penseel. Als je de hoofd licht streep hebt gemaakt, houd dan Ctrl (Win) / Command (Mac) ingedrukt om het Direct Selectie gereedschap te openen en bewerk het pad, verplaats ankerpunten, richting handvatten en/of pad segmenten om een paar kleine variaties te maken, en strijk dan elke variatie met de penseel, met elke keer een andere penseel grootte.
Hier ziet u het resultaat nadat ik een tweede lichtstreep aan mijn foto heb toegevoegd:
Als u niet wilt dat beide lichtstrepen dezelfde kleur hebben, kunt u de kleuren eenvoudig veranderen door de laagstijlen te bewerken. Laten we zeggen dat ik mijn tweede lichtstreep een andere kleur wil geven. Om de laagstijlen te bewerken, hoef ik alleen maar te dubbelklikken op het pictogram Laagstijlen uiterst rechts van “Laag 2”:
Hiermee wordt het dialoogvenster Laagstijlen voor mij geopend. Alles wat ik moet doen is klikken op de woorden Outer Glow aan de linkerkant van het dialoogvenster, waardoor de Outer Glow opties in de middelste kolom verschijnen, klik dan op de kleurstaal en kies een nieuwe kleur, hetzij uit de Kleurkiezer of door een andere kleur uit de afbeelding te nemen. Klik op OK om de Kleurkiezer te verlaten, klik dan op de woorden Inner Glow aan de linkerkant om de Inner Glow opties te openen. Klik op de kleurstaal, kies een nieuwe kleur, klik op OK om de Kleurkiezer te sluiten, klik dan op OK om het dialoogvenster Laagstijl te sluiten. U kunt de kleuren van de lichtstrepen op elk gewenst moment wijzigen door eenvoudig de laagstijlen te bewerken.
Hier is mijn eindresultaat na het bewerken van de laagstijlen op “Laag 2” en het enigszins veranderen van de kleur van mijn tweede lichtstreep, met gebruikmaking van kleuren die ik heb gesampled van het haar van de vrouw:
En daar hebben we het! Zo voeg je kleurige lichtstrepen toe aan een afbeelding met Photoshop! Bezoek ons gedeelte Foto-effecten voor meer Photoshop effecten handleidingen!