In deze Photoshop-zelfstudie leren we hoe u een foto een versleten, gescheurd randeneffect kunt geven . Het effect maken is eenvoudig en vereist niet meer dan een paar lagen, het gummetje, een van de ingebouwde penselen van Photoshop en enkele laagstijlen om dingen af te maken.
Deze versie van onze tutorial Worn, Torn Photo Edges is voor Photoshop CS5 en eerder. Als u Photoshop CS6 of Photoshop CC (Creative Cloud) gebruikt, bekijk dan onze volledig bijgewerkte versie.
Hier is het gescheurde randeneffect dat we gaan maken:
Het uiteindelijke effect "versleten, gescheurde fotoranden".
Hoe een versleten, gescheurde foto randen effect
Stap 1: Dupliceer de achtergrondlaag
Laten we beginnen met het dupliceren van de achtergrondlaag met onze afbeelding die onlangs in Photoshop is geopend. Ga naar het menu Laag in de menubalk boven aan het scherm, kies Nieuw en kies vervolgens Laag via kopiëren . Of, voor een snellere manier om een laag te dupliceren, druk op 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 in het deelvenster Lagen kijken, zien we dat ons document nu twee lagen bevat. De originele achtergrondlaag bevindt zich onderaan, terwijl ons nieuw toegevoegde exemplaar van de achtergrondlaag, die Photoshop automatisch "laag 1" heeft genoemd, erboven zit:
Een kopie van de achtergrondlaag verschijnt boven het origineel in het deelvenster Lagen.
Stap 2: voeg extra canvasruimte toe
Laten we onszelf wat meer ruimte geven om te werken door wat extra canvasruimte rond de afbeelding toe te voegen. Ga naar het menu Afbeelding boven aan het scherm en kies Canvasgrootte :
Ga naar Afbeelding> Canvasgrootte.
Dit opent het dialoogvenster Canvasgrootte van Photoshop. Ik ga een extra 100 pixels rond de afbeelding toevoegen door 100 in te voeren voor zowel de breedte- als de hoogte- opties in het midden van het dialoogvenster en ervoor te zorgen dat het meettype voor beide pixels is ingesteld. Zorg er ook voor dat de optie Relatief is aangevinkt, zodat de extra ruimte wordt toegevoegd aan het bestaande canvas, anders zullen we de canvasgrootte wijzigen in 100 x 100 pixels, wat niet is wat we willen. Klik op het middelste vierkant in het ankerraster zodat de extra ruimte gelijkmatig rond alle randen van het canvas wordt toegevoegd:
Voeg extra ruimte rond de afbeelding toe met het dialoogvenster Canvasgrootte.
Klik op OK als u klaar bent om het dialoogvenster Canvasgrootte te verlaten. Als we naar de afbeelding in het documentvenster kijken, kunnen we zien dat we nu extra ruimte rond de afbeelding hebben. We zullen de extra ruimte wegsnijden als we klaar zijn met het creëren van het gescheurde randeneffect. Dit is gewoon om ons wat extra ruimte te geven om te werken met de Eraser Tool, die we zo meteen zullen gebruiken:
De extra canvasruimte is toegevoegd.
Stap 3: Voeg een nieuwe lege laag toe tussen de twee bestaande lagen
Selecteer "Laag 1" in het deelvenster Lagen (dit moet blauw worden gemarkeerd), houd uw Ctrl- toets (Win) / Command (Mac) ingedrukt en klik op het pictogram Nieuwe laag onder in het deelvenster Lagen:
Houd Ctrl (Win) / Command (Mac) ingedrukt en klik op het pictogram Nieuwe laag.
Normaal voegt Photoshop nieuwe lagen toe direct boven de huidig geselecteerde laag, maar door de Ctrl / Command-toets ingedrukt te houden terwijl we op het pictogram Nieuwe laag klikken, vertellen we Photoshop om de nieuwe laag onder de geselecteerde laag toe te voegen. We hebben nu een nieuwe lege laag met de naam "Laag 2" tussen de achtergrondlaag en "Laag 1".
De nieuwe lege laag verschijnt tussen de achtergrondlaag en "laag 1".
Stap 4: Vul de nieuwe laag met wit
Ga naar het menu Bewerken boven aan het scherm en kies Opvullen :
Ga naar Bewerken> Vullen.
Dit opent het dialoogvenster Vullen van Photoshop, dat we kunnen gebruiken om een laag of een selectie met kleur te vullen. Kies Wit voor de optie Gebruik in het gedeelte Inhoud boven aan het dialoogvenster:
Stel de optie Gebruik in op Wit.
Klik op OK als u klaar bent om het dialoogvenster te verlaten. Photoshop vult de nieuwe laag met wit, hoewel we deze niet echt in het documentvenster kunnen zien, omdat de afbeelding op "Laag 1" erboven de nieuwe laag uit het zicht blokkeert. Als we echter kijken naar de voorbeeldweergave van de laag voor "Laag 2" in het deelvenster Lagen, kunnen we zien dat de miniatuur nu is gevuld met wit, wat aangeeft dat de laag zelf is gevuld met wit:
De voorbeeldminiaturen in het deelvenster Lagen geven ons een voorbeeld van de inhoud van elke laag.
Stap 5: Selecteer "Laag 1"
We zijn klaar om het gescheurde randeneffect te maken, maar eerst moeten we ervoor zorgen dat we aan de juiste laag werken. Op dit moment hebben we "Laag 2" geselecteerd, wat we weten omdat "Laag 2" blauw is gemarkeerd in het deelvenster Lagen. We moeten werken aan de afbeelding op "Laag 1", dus klik op "Laag 1" om er de actieve laag van te maken:
Klik op "Laag 1" om deze te selecteren.
Stap 6: Selecteer het gummetje
Selecteer het gumgereedschap van Photoshop in het deelvenster Gereedschappen. U kunt ook snel het gummetje selecteren door op de letter E op uw toetsenbord te drukken:
Selecteer het gummetje.
Stap 7: Selecteer de 100 ruwe ronde borstel
We kunnen alle penselen van Photoshop gebruiken met het gummetje, net zoals we zouden kunnen als we het eigenlijke penseel zouden gebruiken. Klik op het schakelpictogram van het deelvenster Penselen in de optiebalk boven aan het scherm:
Het schakelpictogram van het deelvenster Penselen opent en sluit het deelvenster Penselen.
Dit opent het deelvenster Penselen. Klik op het menupictogram in de rechterbovenhoek van het deelvenster Penselen om een lijst met menuopties voor het deelvenster weer te geven. Ik gebruik hier Photoshop CS4. In eerdere versies van Photoshop ziet het menupictogram eruit als een kleine pijl. Wanneer het menu verschijnt, selecteert u Grote lijst :
Elk paneel in Photoshop heeft een menu met verschillende opties om uit te kiezen.
Dit verandert hoe de penselen worden weergegeven in het deelvenster Penselen, waardoor het gemakkelijker wordt om precies te zien welk penseel we selecteren. Terwijl de penselen nu in de indeling Grote lijst worden weergegeven, bladert u omlaag naar de onderkant van de lijst en klikt u op de 100 Ruwe ronde borstel om deze te selecteren:
Klik op het penseel "100 Rough Round Bristle" in het deelvenster Penselen om het te selecteren.
Als u wilt teruggaan naar de manier waarop de penselen oorspronkelijk werden weergegeven, klikt u op het menupictogram van het deelvenster Penselen en selecteert u Kleine miniatuur in de lijst.
Klik nogmaals op het schakelpictogram van het deelvenster Penselen op de optiebalk zodra u het penseel hebt gekozen om het deelvenster Penselen te sluiten.
Stap 8: Wissen rond de randen van de afbeelding
Laten we beginnen met het maken van ons eerste gescheurde randeneffect aan de linkerkant van de afbeelding. Ik zeg "initieel", want als we eenmaal een weg hebben gevonden in het hele beeld, gaan we een tweede keer terug, maar daar komen we later op terug. Plaats het gummetje zo dat het zich in de linkerbovenhoek van het document bevindt met slechts ongeveer 25-30% van het penseel tot in de afbeelding. De rest van het penseel moet zich buiten de afbeelding bevinden in de witte ruimte die we in het begin van de zelfstudie hebben toegevoegd. Klik eenmaal en sleep vervolgens met uw muisknop nog steeds ingedrukt een korte penseelstreek naar beneden langs de linkerbovenrand van de afbeelding. Je zult zien dat delen van de rand worden gewist terwijl je sleept, waardoor het begin van ons gescheurde randeneffect ontstaat:
Klik en sleep een kleine penseelstreek langs de linkerbovenrand van de afbeelding.
Zoals we in de bovenstaande schermafbeelding kunnen zien, heeft de initiële penseelstreek de eerste rechte rand niet volledig verwijderd. Er is nog steeds een vaag deel ervan zichtbaar, en dat komt door de vorm van de borstel die we gebruiken. Je zult waarschijnlijk twee of drie keer over hetzelfde gebied moeten gaan voordat de rechte rand volledig is verdwenen.
Blijf doorwerken aan de linkerkant van de afbeelding door te klikken en korte penseelstreken uit te slepen, waarbij je altijd 70-75% van de penseelvorm buiten de afbeelding in het witte gebied houdt, zodat we niet te veel van de rand wissen. Als u een fout maakt en uw laatste penseelstreek ongedaan moet maken, drukt u op Ctrl + Z (Win) / Command + Z (Mac) om deze ongedaan te maken of drukt u op Ctrl + Alt + Z (Win) / Command + Option + Z (Mac ) om meerdere penseelstreken ongedaan te maken:
Blijf met een korte penseelstreek langs de linkerkant van de afbeelding werken.
Als u vindt dat de standaardpenseelgrootte te groot is voor uw afbeelding, kunt u de grootte van de borstel ter plekke wijzigen met de linker- en rechterhaaktoetsen. Druk op de linker bracket-toets ( ( ) om het penseel kleiner te maken of druk op de rechter bracket-toets ( ) ) om deze groter te maken.
Zodra u de linkerbenedenhoek van de foto bereikt, blijft u rond de rest van de afbeelding bewegen totdat u weer in de linkerbovenhoek bent waar u begon. Als je klaar bent, moeten je randen er ongeveer zo uitzien:
Het eerste gescheurde randeneffect.
Stap 9: Dupliceer de laag
Nu we ons eerste gescheurde randeneffect hebben, moeten we een kopie van de laag maken. Selecteer "Laag 1" in het deelvenster Lagen en druk op Ctrl + J (Win) / Command + J (Mac) om het snel te dupliceren. We hebben nu een kopie van de laag, die Photoshop toepasselijk "Laag 1 kopie" heeft genoemd, boven aan het deelvenster Lagen. Normaal gesproken zouden we lagen moeten hernoemen om te voorkomen dat we namen als "Laag 1 kopie" zien, maar omdat dit effect vrij eenvoudig is en we alle lagen hebben die we op dit moment nodig hebben, laten we ze hun standaardnamen om tijd te besparen:
Een kopie van "Laag 1" verschijnt boven het origineel.
Stap 10: Schakel de bovenlaag uit
Klik op het zichtbaarheidspictogram van de bovenste laag (ook bekend als de "oogbol") om de laag tijdelijk uit te schakelen en te verbergen in het documentvenster zodat we de originele "Laag 1" eronder kunnen zien:
Als u op het pictogram "oogbol" klikt, worden lagen in het document in- en uitgeschakeld.
Stap 11: Selecteer "Laag 1"
Nu de bovenste laag tijdelijk uit het zicht is verborgen, klikt u nogmaals op "Laag 1" in het deelvenster Lagen om deze te selecteren:
Klik op "Laag 1" om deze te selecteren.
Stap 12: Voeg een stijl voor een kleuroverlaylaag toe
Selecteer "Laag 1", klik op het pictogram Laagstijlen onderaan het deelvenster Lagen en kies Kleuroverlay in de lijst die verschijnt:
Kies Kleuroverlay in de lijst met laagstijlen.
Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Kleuroverlay in de middelste kolom. Standaard stelt Photoshop de kleur van de overlay in op rood en wordt uw foto plotseling gevuld met rood in het documentvenster. Klik op het kleurstaal om de kleur te wijzigen:
Klik op het kleurstaal om een andere kleur voor de overlay te kiezen.
De kleurkiezer van Photoshop verschijnt. Kies een lichtgrijs uit de Kleurkiezer en klik vervolgens op OK om het te verlaten. Uw foto moet nu worden gevuld met lichtgrijs in het documentvenster:
Kies een lichtgrijs uit de Kleurkiezer.
Stap 13: Voeg een binnenste gloedlaagstijl toe
Sluit het dialoogvenster Laagstijl nog niet helemaal af. We moeten nog een paar meer laagstijlen toevoegen. Klik direct op de woorden Inner Glow aan de linkerkant van het dialoogvenster. Klik niet gewoon in het selectievakje links van de woorden. We moeten direct op de woorden zelf klikken om toegang te krijgen tot de opties voor de stijl Inner Glow:
Klik direct op de woorden "Inner Glow" links in het dialoogvenster Layer Style.
De opties Binnengloed verschijnen nu in het midden van het dialoogvenster Laagstijl. Hoewel de naam van de stijl Inner Glow is, gaan we de gloed veranderen in een schaduw, zodat we het kunnen gebruiken om de randen rond de foto een beetje donkerder te maken.
Als u eerst de stijl wilt veranderen van een gloed in een schaduw, wijzigt u de optie Overvloeimodus boven in het dialoogvenster van Scherm naar Vermenigvuldigen . Klik vervolgens op het kleine kleurstaal direct onder het woord "Ruis" om de kleur van de stijl te wijzigen. Standaard is deze ingesteld op geel. Wanneer u op het kleurstaal klikt, verschijnt de Kleurkiezer van Photoshop, net zoals toen we de kleur van de stijl Kleuroverlay zojuist hebben gewijzigd. Selecteer zwart in de Kleurkiezer en klik vervolgens op OK om het te verlaten.
Verlaag de dekking tot ongeveer 10% zodat de schaduw erg subtiel is. Vergroot ten slotte de grootte van de schaduw tot ongeveer 24 px (pixels):
De gloed veranderen in een schaduw is net zo eenvoudig als het veranderen van de mengmodus in Vermenigvuldigen en zwart kiezen voor de kleur.
Uw afbeelding zou er nu ongeveer zo uit moeten zien:
De afbeelding tot nu toe na het toepassen van de laagstijlen Overlay en Binnengloed.
Stap 14: Voeg een slagschaduw toe
Klik direct op de woorden Slagschaduw bovenaan de lijst met laagstijlen links in het dialoogvenster. Nogmaals, we moeten direct op de woorden zelf klikken om toegang te krijgen tot de opties voor de slagschaduw:
Klik direct op de woorden "Slagschaduw" links in het dialoogvenster Laagstijl.
De slagschaduwopties verschijnen in de middelste kolom van het dialoogvenster Laagstijl. Verlaag de dekking van de schaduw tot ongeveer 30% zodat deze veel minder intens is dan met de standaard instelling van de dekking van 75%. Stel vervolgens de Hoek van de schaduw in op 120 ° als deze nog niet is ingesteld:
Zet de dekking van de slagschaduw op 30% en de hoek op 120 °.
Klik op OK als u klaar bent om het dialoogvenster Laagstijl te verlaten. Hier is mijn afbeelding na het toepassen van de slagschaduw:
De afbeelding na het toevoegen van alle drie de laagstijlen.
Stap 15: Selecteer de bovenste laag en schakel deze weer in
Klik op de bovenste laag in het deelvenster Lagen ("Layer 1 copy") om deze te selecteren en klik vervolgens op het pictogram voor de zichtbaarheid van de laag links van de laag om de laag weer in te schakelen zodat deze weer zichtbaar is in het documentvenster. De foto verschijnt opnieuw en blokkeert de grijs gevulde afbeelding waaraan we zojuist hebben gewerkt:
Klik nogmaals op het pictogram voor de zichtbaarheid van de laag om de bovenste laag weer in te schakelen.
Stap 16: Wis delen van de randen op de bovenste laag om de onderstaande laag te onthullen
Met de bovenste laag geselecteerd, ga je terug langs de randen van de afbeelding met het Gummetje met behulp van korte penseelstreken, net zoals we in eerste instantie deden op "Laag 1", om meer van de rand te verwijderen. Vergeet niet het grootste deel van de penseelvorm buiten de afbeelding te houden, zodat niet meer dan 25-30% ervan in de afbeelding uitsteekt. Terwijl delen van de rand worden gewist, wordt de lichtgrijze afbeelding eronder zichtbaar, waardoor de illusie ontstaat dat de foto zelf rond de randen is versleten en alleen de achterste laag van het papier overblijft:
Door de randen van de afbeelding op de bovenste laag te wissen, wordt het lichtgrijze gebied op "Laag 1" eronder zichtbaar.
Nogmaals, u kunt de grootte van het penseel indien nodig wijzigen door op de linker bracket-toets ( ( )) te drukken of op de rechter bracket-toets ( ) ) om deze groter te maken. Als u een fout maakt, drukt u op Ctrl + Z (Win) / Command + Z (Mac) om het laatst gewiste gebied ongedaan te maken of drukt u op Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) om meerdere ongedaan te maken penseelstreken.
Hier is, nadat ik me weer langs de randen van de foto heb gewerkt, mijn laatste "versleten, gescheurde fotoranden" -effect:
Het uiteindelijke effect "versleten, gescheurde fotoranden".
Stap 17: Trim weg De extra canvasruimte (optioneel)
Als je de extra canvasruimte wilt verwijderen die we eerder hebben toegevoegd, ga je naar het menu Afbeelding boven aan het scherm en kies je Trim :
Ga naar Afbeelding> Bijsnijden.
Dit opent het Trim-dialoogvenster. Selecteer de optie Pixelkleur linksboven. Omdat de pixel in de linkerbovenhoek van het document wit is, snijdt Photoshop al het witte gebied rond de afbeelding weg. Zorg ervoor dat de opties Boven, Onder, Links en Rechts zijn geselecteerd in de onderste helft van het dialoogvenster en klik vervolgens op OK om het te verlaten, waarna Photoshop de extra canvasruimte wegsnijdt die we hebben toegevoegd:
Trim de extra canvasruimte weg met de opdracht Trimmen.