In deze Photoshop Effcts-tutorial gaan we leren hoe we een interessant foto-effect kunnen creëren door een afbeelding te maken en er een reeks verweven strips van te maken. We zullen een paar lagen en laagmaskers in de tutorial gebruiken, evenals een paar knipmaskers en een laagstijl, en we zullen het raster van Photoshop inschakelen om ons te helpen.
De eerste keer dat ik dit Photoshop-effect zag, dacht ik: "Wow, daar is echt iets geavanceerd aan de hand!". Maar zoals bij de meeste dingen in het leven, realiseerde ik me er een paar minuten over hoe eenvoudig het echt is, zoals we zullen zien!
Hier is de foto die ik zal gebruiken voor deze zelfstudie. Het is dezelfde afbeelding die ik heb gebruikt in de tutorial Ghosting An Image, maar het werkt ook geweldig met dit effect:
De originele afbeelding.
En hier is hetzelfde beeld nadat het in verweven stroken is veranderd. Merk op hoe de verticale en horizontale stroken lijken te wisselen tussen boven en onder elkaar gaan (dat is waar het "verweven" deel vandaan komt):
Het eindresultaat.
Deze zelfstudie komt uit onze serie Foto-effecten. Laten we beginnen!
Stap 1: Snijd de afbeelding bij in een vierkant
Het eerste wat we voor dit effect moeten doen, is de afbeelding bijsnijden in een vierkant, hoewel je technisch gezien de afbeelding als een 4x6 kunt laten staan of in welke grootte dan ook, maar het effect ziet er meestal het beste uit als een vierkant, dus laten we bijsnijden het. We gebruiken hiervoor het gereedschap Uitsnijden van Photoshop, dus selecteer het in het palet Gereedschappen:
Selecteer het gereedschap Uitsnijden.
U kunt ook op de letter C drukken om deze snel te selecteren met de sneltoets. Houd vervolgens de tool Uitsnijden ingedrukt, houd uw Shift- toets ingedrukt en sleep een selectie rond het gezicht van de persoon. Holding Shift vertelt Photoshop om de selectie te beperken tot een perfect vierkant:
Houd "Shift" ingedrukt en sleep een vierkante selectie rond het gezicht van de persoon.
Druk op Enter (Win) / Return (Mac) wanneer u klaar bent met het slepen van de selectie en Photoshop gaat door en snijdt de afbeelding in een vierkant:
De afbeelding is nu bijgesneden in een vierkant.
Stap 2: Dupliceer de achtergrondlaag tweemaal
Het volgende dat we gaan doen, is een paar exemplaren van onze afbeelding maken. Als we in het palet Lagen kijken, zien we dat we momenteel één laag hebben met de naam Achtergrond en deze bevat onze originele afbeelding (of tenminste wat er over is van onze originele afbeelding nu we deze hebben bijgesneden). We moeten de achtergrondlaag een paar keer dupliceren, dus gebruik de sneltoets Ctrl + J (Win) / Command + J (Mac) om deze een keer te dupliceren en gebruik vervolgens dezelfde sneltoets opnieuw om een tweede kopie te maken. U zou nu drie lagen in uw palet Lagen moeten zien. Dubbelklik rechtstreeks op de naam van de laag bovenaan en hernoem deze "Verticale strips", dubbelklik vervolgens direct op de naam van de laag eronder en hernoem deze "Horizontale strips":
Druk op "Ctrl + J" (Win) / "Command + J" (Mac) om twee kopieën van de achtergrondlaag te maken en hernoem vervolgens de bovenste laag "Verticale stroken" en de onderste "Horizontale stroken".
Stap 3: Vul de achtergrondlaag met zwart
Druk op D op uw toetsenbord om de voorgrond- en achtergrondkleuren van Photoshop terug te zetten naar hun standaardwaarden zwart als de voorgrondkleur en wit als de achtergrondkleur (de uwe is mogelijk al ingesteld als de standaardkleuren). Klik vervolgens op de originele achtergrondlaag (de onderste laag) in het palet Lagen om deze te selecteren. We gaan het vullen met zwart, en nu met zwart als onze voorgrondkleur, we kunnen de sneltoets Alt + Backspace (Win) / Option + Delete (Mac) gebruiken die de huidig geselecteerde laag vult met de huidige voorgrondkleur ( zwart). Er lijkt niets met de afbeelding te zijn gebeurd, omdat de twee lagen boven de achtergrondlaag deze uit het zicht blokkeren, maar als we in het palet Lagen kijken, kunnen we zien dat de miniatuur van de achtergrondlaag nu is gevuld met zwart en ons vertelt dat de laag zelf is gevuld met zwart:
Selecteer de achtergrondlaag in het palet Lagen en druk op "Alt + Backspace" (Win) / "Option + Delete" (Mac) om deze met zwart te vullen.
Stap 4: Schakel de bovenste laag nu uit
We gaan eerst onze horizontale stroken maken, maar de laag "Verticale stroken" bovenaan zal ons zicht blokkeren, dus we moeten deze tijdelijk uitschakelen. Klik daarvoor op het pictogram voor de zichtbaarheid van de laag (het pictogram "oogbol") links van de laag "Verticale strips" in het palet Lagen. U zult niets zien gebeuren met de afbeelding zelf, omdat de lagen "Verticale strips" en "Horizontale strips" momenteel identiek zijn, maar wanneer u op het oogbolpictogram klikt, verdwijnt de oogbol, zodat u weet dat de laag nu is verborgen:
Klik op het pictogram "oogbol" links van de laag "Verticale strips" in het palet Lagen om de laag tijdelijk uit te schakelen.
Stap 5: Schakel Photoshop's Grid in
We gaan onze verticale en horizontale strips maken, en om ons te helpen, gebruiken we het raster van Photoshop. Ga naar het menu Beeld bovenaan het scherm, kies Tonen en kies vervolgens Raster. U kunt ook de sneltoets Ctrl + '(Win) / Command +' (Mac) gebruiken om het raster gemakkelijk in en uit te schakelen. Als uw raster verschijnt en u vindt dat u het niet goed kunt zien omdat de rasterkleur overgaat in de kleuren van uw afbeelding, drukt u op Ctrl + K (Win) / Command + K (Mac) om Photoshop's snel weer te geven voorkeuren. Kies vervolgens in het vervolgkeuzemenu bovenaan Hulplijnen, raster en segmenten. Vanaf hier kunnen we de kleur van het raster wijzigen. Klik in de rasteropties op het kleurstaal in de rechterbovenhoek om de kleurkiezer van Photoshop te openen. Selecteer een kleur voor uw raster die u voor uw afbeelding kunt zien en klik vervolgens op OK om de kleurkiezer te verlaten. U kunt in de onderstaande schermafbeelding van de rasteropties zien dat ik mijn rasterkleur naar geel heb gewijzigd:
Wijzig indien nodig de kleur van het raster in de voorkeuren van Photoshop.
Klik op OK om het dialoogvenster Voorkeuren te verlaten. U zou nu uw raster in uw nieuwe kleur (in mijn geval geel) boven op uw afbeelding moeten zien:
Het raster dat boven aan de afbeelding wordt weergegeven.
Stap 6: Sleep een reeks horizontale selecties uit
Laten we eerst onze horizontale strips maken. Pak uw rechthoekige selectiekader uit het palet Tools of druk op M op uw toetsenbord om het snel te selecteren:
Selecteer het gereedschap Rechthoekig selectiekader.
Laten we nu ons raster gebruiken om ons te helpen onze horizontale stroken te maken. Zorg er eerst voor dat de laag "Horizontale strips" is geselecteerd in het palet Lagen (de momenteel geselecteerde laag is blauw gemarkeerd). Ik ga horizontale stroken maken die twee rasterrijen hoog zijn, met een rasterrij die ze van elkaar scheidt. Nu wil ik ervoor zorgen dat de ogen van de vrouw worden opgenomen in het uiteindelijke effect, dus ik ga beginnen met het slepen van een selectie rond de twee rasterrijen voor haar ogen. Standaard wordt mijn selectie vastgezet in het raster terwijl ik sleep om dingen gemakkelijk te maken. Als u merkt dat uw selectie niet naar het raster snapt, gaat u naar het menu Beeld boven aan het scherm, kiest u Uitlijnen op en kiest u vervolgens Raster. U zou links van het woord "Grid" een vinkje moeten zien.
Hier is mijn selectie rond de twee rasterrijen voor haar ogen:
Sleep een horizontale selectie twee rasterrijen hoog uit.
Deze selectie wordt een van onze horizontale strips. Laten we nu de rest maken. Houd uw Shift- toets ingedrukt, waardoor Photoshop de volgende selecties aan onze oorspronkelijke selectie moet toevoegen en meer horizontale selecties naar buiten sleept, waarbij elk twee rasterrijen hoog blijft en er een rasterrij wordt gescheiden die elke selectie scheidt. Uw afbeelding zou er als volgt uit moeten zien:
Houd "Shift" ingedrukt en sleep de rest van de horizontale selecties, waardoor elk twee rasterrijen hoog wordt en er een rasterrij tussen blijft.
Stap 7: Voeg een laagmasker toe
Klik met onze horizontale selecties op het pictogram Laagmasker onderaan het palet Lagen om een laagmasker toe te voegen aan de laag "Horizontale strips":
Klik op het pictogram "Laagmasker" onderaan het palet Lagen.
Photoshop voegt een masker toe aan de laag en gebruikt de selecties die we hebben gemaakt om te bepalen welke delen van de laag zichtbaar blijven en welke delen uit het zicht worden verborgen. De gebieden die zich binnen onze horizontale selecties bevonden, blijven zichtbaar, terwijl de gebieden in de rasterkolommen die onze selecties scheidden verdwijnen, waardoor de zwart gevulde laag eronder zichtbaar wordt:
Na het toevoegen van het laagmasker verbergt Photoshop de gebieden tussen onze selecties, waardoor de zwart gevulde laag zichtbaar wordt.
Ik ga op Ctrl + '(Win) / Command +' (Mac) drukken om mijn raster tijdelijk te verbergen zodat we duidelijker kunnen zien wat er is gebeurd. We hebben nu onze horizontale strips gemaakt:
De horizontale stroken zijn nu gemaakt.
Stap 8: Schakel de laag "Verticale strips" weer in
We gaan nu hetzelfde doen om onze verticale strips te maken. Klik eerst op de bovenste laag "Verticale stroken" in het palet Lagen om deze te selecteren en klik vervolgens terug op het pictogram van de laagzichtbaarheid om de oogbol terug te brengen en de laag zelf weer in te schakelen:
Selecteer de laag "Verticale strips" in het palet Lagen en klik nogmaals op het pictogram van de laagzichtbaarheid om de laag weer in te schakelen.
Stap 9: Sleep een reeks verticale selecties
Laten we net als bij het maken van de horizontale stroken een reeks selecties slepen, deze keer verticale. We zullen de verticale selecties twee rasterkolommen breed maken, met één rasterkolom ertussen. Gebruik uw rechthoekige selectiekader om uw eerste selectie te slepen, houd vervolgens Shift ingedrukt en sleep de rest van uw selecties. Je afbeelding zou er nu zo uit moeten zien:
Sleep een reeks verticale selecties. Maak ze twee rasterkolommen breed en laat een rasterkolom tussen elke selectie om ze te scheiden.
Stap 10: Voeg een laagmasker toe
Klik met onze verticale selecties op het pictogram Laagmasker onderaan het palet Lagen:
Voeg een laagmasker toe aan de laag "Verticale strips".
Photoshop voegt een laagmasker toe aan de laag en net als voorheen gebruikt het onze selecties om te bepalen welke delen van de laag zichtbaar blijven en welke uit het zicht verdwijnen. De gebieden binnen onze selecties blijven zichtbaar en de gebieden binnen de rasterkolommen die onze selecties scheiden, verdwijnen en onthullen zowel de laag "Horizontale strips" als de zwart gevulde laag hieronder:
Alleen de gebieden binnen onze verticale selecties blijven zichtbaar.
Nogmaals zal ik mijn raster tijdelijk uitschakelen met Ctrl + ' (Win) / Command +' (Mac) zodat we de afbeelding zelf gemakkelijker kunnen zien. Uw afbeelding zou er nu ongeveer zo uit moeten zien:
De verticale en horizontale strips zijn nu gemaakt.
Stap 11: Selecteer alle strip-kruispunten
We hebben onze verticale en horizontale strips, maar het lijkt er op dit moment echt op dat we een aantal zwarte vierkanten hebben die ons beeld bedekken. We moeten de illusie creëren dat de strips boven en onder elkaar weven. Om dat te doen, moeten we de gebieden selecteren waar de verticale en horizontale stroken elkaar kruisen. Voordat we dat doen, drukt u op Ctrl + '(Win) / Command +' (Mac) om het raster uit te schakelen als u dat nog niet hebt gedaan, omdat we het niet langer nodig hebben. Houd vervolgens uw Ctrl (Win) / Command (Mac) -toets ingedrukt en klik rechtstreeks op de laagmaskerminiatuur van de laag "Horizontale strips":
Houd "Ctrl" (Win) / "Command" (Mac) ingedrukt en klik direct op de miniatuur van het laagmasker "Horizontale strips".
Hiermee worden de horizontale selecties weer in de afbeelding geladen:
De horizontale selecties worden nu opnieuw in de afbeelding geladen.
Houd vervolgens Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac) ingedrukt en klik direct op de miniatuur van het laagmasker "Verticale strips":
Houd "Shift + Ctrl + Alt" (Win) / "Shift + Command + Option" (Mac) ingedrukt en klik direct op het laagmasker "Verticale strips".
Dit doet twee dingen: één, het laadt de verticale selecties terug in de afbeelding, en twee, het vertelt Photoshop om de selectie alleen rond de gebieden te houden waar de horizontale en verticale selecties elkaar kruisen. Al het andere wordt gedeselecteerd:
Alleen de gebieden waar de horizontale en verticale selecties elkaar kruisen, blijven geselecteerd.
Stap 12: Sla de selectie op
Voordat we verder gaan, moeten we deze selectie opslaan. Ga hiervoor naar het menu Selecteren bovenaan het scherm en kies Selectie opslaan. Wanneer het dialoogvenster "Selectie opslaan" verschijnt, klikt u op OK in de rechterbovenhoek om het te verlaten:
Sla de selectie op.
Stap 13: Deselecteer elke andere vierkante selectie
Terwijl uw rechthoekige selectiekader nog actief is, houdt u uw Alt (Win) / Option (Mac) -toets ingedrukt en sleept u een selectie rond elke andere vierkante selectie. Dit zal de selectie van de selectie ongedaan maken. Blijf rond elke andere vierkante selectie slepen om de selectie ongedaan te maken totdat er nog maar de helft van de originele vierkante selecties over is. Je afbeelding zou er zo uit moeten zien:
Deselecteer elke andere vierkante selectie totdat er nog maar de helft over is.
Stap 14: Kopieer de selectie naar een nieuwe laag
Klik op de laagminiatuur "Horizontale strips" in het palet Lagen om deze te selecteren. Druk vervolgens op Ctrl + J (Win) / Command + J (Mac) om de geselecteerde gebieden naar een nieuwe laag te kopiëren. U zult niets zien gebeuren met de afbeelding zelf, maar als u in het palet Lagen kijkt, ziet u een nieuwe laag met de naam "Laag 1" toegevoegd tussen de lagen "Horizontale strips" en "Verticale strips" die ons vierkant bevat geselecteerde gebieden:
Druk op "Ctrl + J" (Win) / "Command + J" (Mac) om de geselecteerde gebieden naar een nieuwe laag te kopiëren.
Stap 15: Maak een knipmasker
Met de nieuwe laag geselecteerd, gaat u naar het menu Laag boven aan het scherm en kiest u Knipmasker maken . U kunt ook de sneltoets Ctrl + Alt + G (Win) / Command + Option + G (Mac) gebruiken. Hoe dan ook "knipt" de nieuwe laag naar de laag eronder. We kunnen geen verschil zien in de afbeelding zelf, maar in het palet Lagen zien we dat de nieuwe laag nu naar rechts is ingesprongen, wat aangeeft dat deze wordt afgekapt door de laag eronder:
Houd "Ctrl" (Win) / "Command" (Mac) vast en klik op de laagmaskerminiatuur van de laag "Horizontale strips".
Stap 16: Herlaad de opgeslagen selectie
Laten we de selectie terugbrengen die we zojuist hebben opgeslagen, en dat kunnen we gemakkelijk doen met behulp van de sneltoets Ctrl + Alt + 4 (Win) / Command + Option + 4 (Mac):
Herlaad de opgeslagen selectie.
Stap 17: Schakel de selecties van het tegenovergestelde vierkant uit
Terwijl het rechthoekige selectiekader nog steeds is geselecteerd, houdt u nogmaals uw Alt (Win) / Option (Mac) -toets ingedrukt en sleept u om de andere vierkante selectie om de selectie ongedaan te maken. Deze keer wil je echter de vierkante selecties behouden die je de eerste keer hebt verwijderd en de selectie ongedaan maken, zodat je afbeelding er als volgt uitziet als je klaar bent:
Houd "Alt" (Win) / "Option" (Mac) ingedrukt en sleep selecties rond de vierkante selecties om ze te deselecteren. Bewaar degenen die u eerder hebt gedeselecteerd en maak de selectie ongedaan.
Stap 18: Kopieer de selectie naar een nieuwe laag
Klik op de laag "Verticale strips" bovenaan het palet Lagen om het te selecteren en druk vervolgens op Ctrl + J (Win) / Command + J (Mac) om de geselecteerde gebieden naar een nieuwe laag te kopiëren. Nogmaals, we zullen niets zien gebeuren met de afbeelding zelf, maar het palet Lagen toont ons een nieuwe laag met de naam "Laag 2" boven de laag "Verticale strips" die onze geselecteerde vierkante gebieden bevat:
Het palet Lagen toont de nieuwe laag bovenaan met onze geselecteerde vierkante gebieden.
Stap 19: Maak een knipmasker
Net als een moment geleden, ga je naar het menu Laag en kies je Clipping Mask of druk je op Ctrl + Alt + G (Win) / Command + Option + G (Mac) om een knipmasker te maken. We kunnen nu de nieuwe naar rechts ingesprongen laag zien die ons vertelt dat deze wordt afgekapt door de laag "Verticale strips" eronder:
De nieuwe laag wordt nu geknipt door de laag "Verticale strips" eronder.
Stap 20: Voeg een buitenste gloedlaagstijl toe
Selecteer de bovenste laag nog steeds en klik op het pictogram Laagstijlen onderaan het palet Lagen:
Klik op het pictogram "Laagstijlen".
Selecteer Outer Glow in de lijst met laagstijlen die verschijnt:
Selecteer de laagstijl "Buitenste gloed".
Dit brengt het dialoogvenster "Laagstijl" naar de opties "Buitenste gloed" in het midden. We gaan onze "gloed" in een schaduw veranderen, en om dat te doen, moeten we de mengmodus bovenaan wijzigen van Multiply . We willen ook geen geel als onze schaduwkleur, dus klik op het kleurstaal net onder het woord "Ruis", dat de Kleurkiezer van Photoshop opent, en selecteer zwart als de kleur. Klik op OK zodra u zwart hebt geselecteerd om de kleurkiezer te verlaten. Verlaag de dekkingwaarde tot ongeveer 60% zodat de schaduw niet zo donker en intens is. Verhoog tenslotte in het gedeelte "Elementen" in het midden van het dialoogvenster de waarde Grootte tot ongeveer 40 pixels:
Wijzig de opties "Outer Glow" hierboven rood omcirkeld.
Mogelijk moet u de waarde "Grootte" aanpassen, afhankelijk van de grootte en resolutie van de afbeelding die u gebruikt. Klik op OK als u klaar bent om het dialoogvenster Laagstijl te verlaten. Je afbeelding zou er nu ongeveer zo uit moeten zien. We zijn bijna klaar:
De afbeelding na het toepassen van de laagstijl op "Laag 2".
Stap 21: Kopieer en plak de laagstijl op "Laag 1"
Het enige dat u nu nog hoeft te doen, is exact dezelfde laagstijl Buitenste gloed toepassen op "Laag 1". In plaats van nog een buitenste gloed toe te voegen en alle instellingen in de opties opnieuw te moeten wijzigen, kunnen we onze laagstijl eenvoudig kopiëren van "Laag 2" en op "Laag 1" plakken. Ga hiervoor naar het menu Laag boven aan het scherm, kies Laagstijl en kies Laagstijl kopiëren . Klik vervolgens op "Laag 1" in het palet Lagen om het te selecteren, ga terug naar het menu Laag, kies nogmaals Laagstijl en kies deze keer Plakstijl plakken .
Zodra je dat doet, wordt de buitenste gloed, samen met alle instellingen die we zojuist hebben gewijzigd, op "Laag 1" geplakt en is het effect "verweven fotostrips" voltooid:
Kopieer en plak de Outer Glow laagstijl van "Laag 2" op "Laag 1" om het effect te voltooien.
En daar hebben we het! Zo maak je een verweven fotostripeffect in Photoshop! Bezoek onze sectie Foto-effecten voor meer tutorials over Photoshop-effecten!