In deze zelfstudie over foto-effecten van Photoshop leren we hoe u interessante foto-randeffecten kunt maken met behulp van de penselen van Photoshop . Photoshop wordt geleverd met zoveel geweldige penselen dat de mogelijkheden voor verschillende randeffecten vrijwel eindeloos zijn, vooral omdat we meerdere penseelstreken en verschillende penseelhulpmiddelen, zoals het gum, kunnen combineren voor nog meer variatie!

In deze tutorial zullen we ons concentreren op de penselen die Photoshop voor ons installeert, maar als je weet hoe je ook je eigen aangepaste penselen kunt maken, dan is er echt geen limiet aan wat je kunt bedenken.

Hier is de foto die ik in deze zelfstudie ga gebruiken:

De originele afbeelding.

Hier is een voorbeeld van het soort foto-randeffect dat we gaan maken. Aangezien het doel van deze zelfstudie niet is om deze exacte rand te maken, maar om te leren hoe u uw eigen randontwerpen met penselen kunt maken, kunnen uw resultaten er heel anders uitzien:

Een van de vele mogelijke fotorandontwerpen.

Fotolanden met penselen maken in Photoshop

Stap 1: Dupliceer de achtergrondlaag

Het eerste wat we moeten doen is een kopie van onze originele foto maken. Met mijn afbeelding nieuw geopend in Photoshop, bevat mijn document momenteel slechts één laag, de achtergrondlaag, de laag die mijn afbeelding bevat:

Het deelvenster Lagen van Photoshop met de afbeelding op de achtergrondlaag.

Als u een kopie van deze laag wilt maken, gaat u naar het menu Laag boven aan het scherm, kiest u Nieuw en kiest u vervolgens Laag via kopie . Of, voor een snellere manier, gebruik de sneltoets Ctrl + J (Win) / Command + J (Mac):

Ga naar Laag> Nieuw> Laag via kopie of druk op Ctrl + J (Win) / Command + J (Mac).

Als we opnieuw in het deelvenster Lagen kijken, ziet u nu twee lagen - de oorspronkelijke achtergrondlaag onderaan en een kopie van de laag, die Photoshop automatisch "Laag 1" heeft genoemd, erboven:

Photoshop plaatst de kopie boven de achtergrondlaag en noemt deze "laag 1".

Stap 2: voeg extra canvasruimte rond de afbeelding toe

Voordat we ons foto-randeffect toevoegen, laten we wat extra canvasruimte rondom de randen van de foto toevoegen. Ga hiervoor naar het menu Afbeelding bovenaan het scherm en kies Canvasgrootte :

Ga naar Afbeelding> Canvasgrootte.

Dit opent het dialoogvenster Canvasgrootte van Photoshop. Ik ga een halve centimeter canvasruimte rond mijn foto toevoegen door een waarde van 0, 5 centimeter in te voeren voor zowel de opties Breedte als Hoogte . Zorg ervoor dat uw meettype is ingesteld op inches en niet op pixels of een ander type. Zorg er ook voor dat de optie Relatief onder de opties Breedte en Hoogte is aangevinkt.

Controleer in de onderste helft van het dialoogvenster of het middelste vierkant in het ankerraster is geselecteerd. Hiermee wordt de extra canvasruimte rond de hele afbeelding geplaatst. Kies ten slotte Zwart voor de kleur helemaal onderaan het dialoogvenster:

Voeg extra ruimte rond de foto toe met het dialoogvenster Canvasgrootte.

Klik op OK in de rechterbovenhoek van het dialoogvenster als u klaar bent om het te verlaten. Als we in het documentvenster kijken, zien we dat we nu extra canvas rond de afbeelding hebben en de extra ruimte is gevuld met zwart:

De extra canvasruimte is toegevoegd en gevuld met zwart.

Stap 3: Voeg een nieuwe lege laag toe boven "Laag 1"

Terug in het deelvenster Lagen ziet u "Laag 1" blauw gemarkeerd. Dit betekent dat de laag momenteel is geselecteerd. Als het niet blauw gemarkeerd is, klikt u erop om het te selecteren. We gaan onze fotorand op een eigen laag boven de afbeelding plaatsen, wat betekent dat we een nieuwe lege laag moeten toevoegen. Klik hiervoor op het pictogram Nieuwe laag onder aan het deelvenster Lagen. Je vindt het direct links van de prullenbak helemaal rechts van de rij met pictogrammen:

Voeg een nieuwe lege laag toe door op het pictogram Nieuwe laag in het deelvenster Lagen te klikken.

Er lijkt niets te zijn gebeurd in het documentvenster omdat de nieuwe laag leeg is, maar we kunnen in het deelvenster Lagen zien dat een nieuwe laag is toegevoegd boven "Laag 1", die Photoshop voorspelbaar "Laag 2" heeft genoemd:

Voeg een nieuwe lege laag toe door op het pictogram Nieuwe laag in het deelvenster Lagen te klikken.

Stap 4: Voeg een selectieoverzicht toe rond de originele afbeelding

Vervolgens moeten we een selectieomtrek rond onze originele afbeelding plaatsen (zoals in de afbeelding voordat we de extra canvasruimte hebben toegevoegd). Onze originele foto, zonder de extra canvasruimte, staat op "Laag 1". Om er snel een selectieoverzicht omheen te plaatsen, houdt u uw Ctrl (Win) / Command (Mac) -toets ingedrukt en klikt u op de voorbeeldminiatuur voor "Laag 1" in het deelvenster Lagen. Het is niet nodig om eerst de laag te selecteren. Houd Ctrl / Command ingedrukt en klik op de voorbeeldminiatuur:

Houd Ctrl (Win) / Command (Mac) ingedrukt en klik op de voorbeeldweergave van de laag voor "Laag 1".

Dit plaatst een selectieoverzicht, ook bekend als "marcherende mieren", rond de foto in het documentvenster:

Een selectieomtrek verschijnt rond de afbeelding.

Stap 5: Converteer de selectieomtrek naar een pad

We moeten de selectieomtrek omzetten in een pad . Zodra we ons pad hebben gevonden, maken we ons foto-randeffect door er enkele penseelstreken op toe te passen. Om de selectieomtrek om te zetten in een pad, schakelt u over naar uw deelvenster Paden . U vindt het gegroepeerd in het deelvenster Lagen. Klik op het tabblad Naam bovenaan om over te schakelen van het deelvenster Lagen naar het deelvenster Paden:

Schakel tussen panelen die gegroepeerd zijn, zoals de panelen Lagen, Kanalen en Paden, door op hun naamtabs te klikken.

Nu het deelvenster Paden is geopend, klikt u op het pictogram Werkpad maken van selectie onder aan het deelvenster Paden (derde pictogram van rechts):

Klik op het pictogram "Werkpad maken van selectie" om de selectie om te zetten in een pad.

U ziet een nieuw pad met de naam "Werkpad" verschijnen in het paneel Paden. De term "Werkpad" betekent eenvoudig dat het pad tijdelijk is. We kunnen het pad permanent maken als we dat willen door het naar beneden te slepen naar het pictogram Nieuw pad onderaan het paneel Paden (het pictogram direct links van de prullenbak), maar dat hoeft niet voor het effect we maken:

Paden in het deelvenster Paden lijken erg op lagen in het deelvenster Lagen.

Als we terugkijken op onze foto in het documentvenster, zien we dat onze selectieomtrek is vervangen door een dunne lijn. De lijn is ons pad, en we gaan deze zo gebruiken om onze fotoland te maken:

Er verschijnt nu een dunne lijn (het pad) rond de foto in plaats van de selectieomtrek.

Stap 6: Selecteer het penseel

Omdat we penseelstreken op ons nieuw gemaakte pad gaan toepassen, moeten we eerst het penseel selecteren. Klik op het penseel in het deelvenster Gereedschappen om het te selecteren of druk op de letter B op uw toetsenbord om het te selecteren met de snelkoppeling:

Selecteer het penseel.

Stap 7: Zet je voorgrondkleur op wit

Photoshop schildert met het penseel met de huidige voorgrondkleur, dus laten we, voordat we een penseel gaan kiezen, onze voorgrondkleur instellen op wit. We beginnen met het gebruik van wit als onze randkleur, maar we zullen zien hoe we de kleur gemakkelijk kunnen veranderen aan het einde van de tutorial.

De eenvoudigste manier om uw voorgrondkleur op wit in te stellen, is door eerst op de letter D op uw toetsenbord te drukken. Hiermee worden uw voorgrond- en achtergrondkleuren teruggezet naar hun standaardwaarden, met zwart als de voorgrondkleur en wit als de achtergrondkleur. Om ze vervolgens te verwisselen zodat wit de voorgrondkleur wordt, drukt u op de letter X op uw toetsenbord. U vindt de voorgrond- en achtergrondkleurstalen onder aan het deelvenster Gereedschappen. Het staal linksboven (voorgrondkleur) moet nu wit zijn:

Het penseel tekent met de huidige voorgrondkleur, die nu wit moet zijn.

Stap 8: Open het penselenpaneel

Nu het penseel nu is geselecteerd en wit is als uw voorgrondkleur, klikt u op het schakelpictogram van het deelvenster Penselen in de optiebalk boven aan het scherm. Zoals de naam al aangeeft, schakelt dit pictogram het deelvenster Penselen open en dicht:

Open en sluit het deelvenster Penselen met het schakelpictogram in de optiebalk.

Stap 9: Kies een penseelvoorinstelling

Hiermee wordt het deelvenster Penselen van Photoshop geopend, waar we kunnen kiezen uit alle vooraf ingestelde penselen die bij Photoshop zijn geïnstalleerd. Zorg ervoor dat de optie Voorinstellingen penseel bovenaan in de linkerkolom is geselecteerd, zodat we een voorbeeld kunnen zien aan de rechterkant van alle penselen die voor ons beschikbaar zijn. Klik op het voorbeeldpictogram om een ​​van de penselen te kiezen. Als u de optie Tooltips weergeven heeft ingeschakeld in de voorkeuren van Photoshop, ziet u de naam van het penseel verschijnen terwijl u uw muiscursor over elk pictogram beweegt.

Het is niet altijd eenvoudig om aan het kleine pictogram te zien hoe een penseel eruit zal zien, maar als je een penseel ziet dat eruitziet als mogelijk interessant, klik er dan op om het te selecteren en je ziet een voorbeeld onderaan het paneel dat u een veel beter idee geeft van hoe de penseelstreek eruit zal zien. Hier heb ik bijvoorbeeld op het penseel Dry Brush 39 px geklikt, en afgaand op het voorbeeld onderaan het paneel, zou dit een interessante fotorand kunnen maken:

Klik op een penseel om deze te selecteren. Een voorbeeld van de penseelstreek wordt onder aan het deelvenster Penselen weergegeven.

Stap 10: Stroke The Path With The Brush

Laten we eens kijken hoe dit penseel eruit ziet als een fotorand. Om het deelvenster Penselen te verbergen zodat u uw documentvenster gemakkelijker kunt zien, klikt u nogmaals op het schakelpictogram in de optiebalk. Of, om het deelvenster Penselen sneller te openen en te sluiten, drukt u op de toets F5 op uw toetsenbord.

Als u het pad met het penseel wilt omlijnen, moet u ervoor zorgen dat het werkpad is geselecteerd en blauw is gemarkeerd in het paneel Paden, omdat het pad actief moet zijn om dit te laten werken, anders worden de pictogrammen onderaan het paneel grijs weergegeven en niet beschikbaar. Klik vervolgens op het pictogram Lijn met penseel onderaan in het deelvenster Paden (tweede pictogram van links):

Klik op het pictogram "Lijn met penseelstreek" in het deelvenster Paden.

Zodra u op het pictogram klikt, past Photoshop de penseelstreek rondom de rand van de afbeelding langs het pad toe. Om een ​​beter idee te krijgen van hoe de rand eruit ziet, verbergt u het pad tijdelijk door in het paneel Paden op een leeg grijs gebied onder het werkpad te klikken. Dit is hoe mijn eerste poging tot het fotograferen van randen eruit ziet:

Het resultaat met de eerste borstel.

Niet slecht, maar laten we eens kijken wat we nog meer kunnen bedenken. Veel van het proces van het maken van fotoranden met penselen omvat experimenteren, dus als u niet tevreden bent met het resultaat en het opnieuw wilt proberen, drukt u gewoon op Ctrl + Z (Win) / Command + Z (Mac) om de penseelstreek ongedaan te maken, open vervolgens het deelvenster Penselen opnieuw door op het schakelpictogram in de optiebalk te klikken of door op F5 op uw toetsenbord te drukken. Deze keer probeer ik de borstel Rough Round Bristle 100 px door erop te klikken om deze te selecteren:

Probeer het opnieuw met een andere borstel.

Om het opnieuw met het nieuwe penseel te proberen, klikt u eerst op het werkpad in het paneel Paden om het te selecteren en actief te maken. Klik vervolgens opnieuw op het pictogram Slagpad met penseel . Klik ergens op een leeg grijs gebied onder het werkpad in het deelvenster Paden om het pad tijdelijk te verbergen en bekijk vervolgens de resultaten in het documentvenster. Deze keer krijg ik een heel ander uitziende fotorand:

Een andere borstel geeft ons een heel ander resultaat.

Als u vindt dat de penseelstreek te dik of te smal is, maakt u de penseelstreek ongedaan met Ctrl + Z (Win) / Command + Z (Mac) en wijzigt u de grootte van de borstel met de linker- en rechterhaaktoetsen op uw toetsenbord. Druk herhaaldelijk op de linker bracket-toets (() om het penseel kleiner te maken of op de rechter bracket-toets ()) om het penseel groter te maken en klik vervolgens op het pictogram Lijn met penseel om het opnieuw te proberen. Vergeet niet dat u eerst op het werkpad in het paneel Paden moet klikken om het pad actief te maken voordat u op het pictogram kunt klikken.

Stap 11: Laad extra borstelsets voor meer variatie

Photoshop wordt geleverd met veel penselen die we kunnen gebruiken, maar standaard is slechts een klein aantal hiervan geladen en beschikbaar. Klik op het menupictogram in de rechterbovenhoek van het deelvenster Penselen om extra penselsets te laden. Afhankelijk van de versie van Photoshop die u gebruikt, kan uw menupictogram worden weergegeven zoals in de onderstaande schermafbeelding (Photoshop CS4) of kan het worden weergegeven als een kleine pijl:

Klik op het menupictogram in de rechterbovenhoek van het deelvenster Penselen.

Dit opent een menu met verschillende opties voor het deelvenster Penselen, evenals een lijst met andere penselsets die gereed zijn om te worden geladen. Om een ​​andere penselset te laden, klikt u eenvoudig op de naam van de set in de lijst. Ik ga de Dry Media Brushes- set laden:

Kies een andere penselset uit de lijst.

Photoshop opent een dialoogvenster waarin u wordt gevraagd of u de huidige set penselen wilt vervangen door de nieuwe set of dat u de nieuwe set wilt toevoegen aan het einde van de set die momenteel is geladen. Klik op de knop Toevoegen :

Kies de optie Toevoegen om de nieuwe penselen toe te voegen aan de bestaande.

De nieuwe penselen verschijnen onder de originele in het deelvenster Penselen. U zult waarschijnlijk door de lijst moeten bladeren om ze te bekijken. Kies een van de nieuw toegevoegde penselen door op hun pictogrammen te klikken. Een voorbeeld van de penseelstreek verschijnt onder aan het paneel, net als bij de originele penselen. Ik ga op het Heavy Smear Wax Crayon 20 px-penseel uit de Dry Media Brushes-set klikken om het te selecteren:

De Heavy Smear Wax Crayon-borstel ziet eruit alsof hij een goede fotorand zou vormen.

Nogmaals, ik klik op het pictogram Lijn penseel met penseel onder in het paneel Paden, en hier is mijn fotolandresultaat:

Een derde fotorand eenvoudig gemaakt door een ander penseel te kiezen.

Er zijn veel geweldige borstels te vinden in de extra borstelsets, dus zorg ervoor dat je ze allemaal laadt en ze uitprobeert!

Stap 12: Selecteer het gummetje

Een van de meest interessante aspecten van de penselen van Photoshop is dat ze werken met elk penseel, niet alleen met het officiële penseel. U denkt bijvoorbeeld misschien niet aan het gummetje als een penseel, maar dat is het wel, en alle penselen die we met het penseel hebben gebruikt, kunnen met het gum worden gebruikt. Het enige verschil is dat in plaats van het schilderen van een nieuwe penseelstreek, het Gummetje kan worden gebruikt om een ​​deel van een bestaande streek te wissen, waardoor nog meer creatieve mogelijkheden aan uw fotolanden worden toegevoegd!

Ik laat mijn huidige fotorand op zijn plaats en selecteer het gummetje in het deelvenster Gereedschappen. U kunt het ook selecteren door op de letter E op uw toetsenbord te drukken:

Selecteer het gummetje.

Stap 13: Omlijn het pad met het gummetje om een ​​deel van de rand te wissen

Met het gummetje geselecteerd, kunt u nu kiezen uit elk van de penselen in het deelvenster Penselen, net zoals we met het penseel deden. Ik selecteer bijvoorbeeld hetzelfde penseel dat ik in eerste instantie heb gekozen, het penseel van de droge borstel 39 px. Deze keer gebruik ik het echter met het gummetje, niet met het penseel, wat betekent dat ik het gebruik om een ​​deel van mijn bestaande fotorand te wissen:

Alle penselen van Photoshop kunnen worden gebruikt met elk penseel, inclusief het gum.

Stap 14: Omlijn het pad met het gummetje om een ​​deel van de rand te wissen

Ik ga het penseel een beetje kleiner maken dan de standaardgrootte door een paar keer op de linker bracket-toets op mijn toetsenbord te drukken. Vervolgens streel ik het pad met het gummetje door op het pictogram Lijn penseel met penseel onder aan het deelvenster Paden te klikken. Deze keer heb ik, in plaats van een volledig nieuwe rand te schilderen, een deel van de bestaande rand langs het pad gewist, waardoor mijn fotorand een geheel nieuw uiterlijk krijgt:

Het pad aaien met het gummetje wist een deel van de bestaande rand langs het pad.

Je kunt veel tijd besteden aan spelen en experimenteren met de verschillende penselen, het penseel en het gum en ik moedig je van harte aan dit te doen, omdat er geen limiet is aan de fotolanden die je kunt maken. Laten we om te zien hoe we de kleur van onze fotoland kunnen veranderen. Dat zullen we daarna doen!

Stap 15: Voeg een kleuroverlay-laagstijl toe aan "Laag 2"

Als u de kleur van uw fotorand wilt wijzigen in iets anders dan wit, schakelt u eerst terug naar uw deelvenster Lagen. Zorg ervoor dat "Laag 2" is geselecteerd en blauw gemarkeerd is, klik vervolgens op het pictogram Laagstijlen onderaan het deelvenster Lagen en selecteer Kleuroverlay in de lijst die verschijnt:

Schakel terug naar het deelvenster Lagen, klik op het pictogram Laagstijlen en kies Kleuroverlay.

Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Kleuroverlay in de middelste kolom. Klik op het kleurstaal om de kleur te wijzigen:

Klik op het kleurstaal om de kleur van de fotorand te wijzigen.

Dit brengt de Kleurkiezer van Photoshop naar voren:

Dialoogvenster Kleurkiezer van Photoshop.

U kunt een kleur kiezen uit de Kleurkiezer, maar wat ik het liefst met fotolanden doe, is een voorbeeld van een kleur rechtstreeks uit de foto zelf nemen, waardoor de rand natuurlijker overvloeit. Als u een voorbeeld van een kleur uit de foto wilt nemen, laat u de Kleurkiezer open en beweegt u uw muiscursor over de afbeelding. U ziet de cursor veranderen in een pipetpictogram. Klik op de kleur die u wilt samplen en u zult zien dat de kleur van de fotorand direct in die kleur verandert. Ik ga een grijsachtig rode kleur van het hek proeven:

Klik op een kleur in de foto om deze te testen en gebruik deze als randkleur.

Nadat u uw kleur hebt gekozen, klikt u op OK om de kleurkiezer te verlaten en vervolgens op OK om het dialoogvenster Laagstijl te verlaten en klaar bent u! Dit is mijn fotorand nadat ik het pad aanvankelijk met het penseelstreek had getekend, een deel ervan met het gummetje wist en ten slotte de kleur van de rand veranderde met een laagstijl Kleuroverlay:

Het laatste foto-randeffect.