In deze zelfstudie over Photoshop-effecten gaan we leren hoe we van een foto een collage van vierkanten kunnen maken. Het is een leuk effect en het is heel gemakkelijk om te doen, vooral omdat het meeste werk eenvoudige herhaling is, zoals we zullen zien.
Hier is de originele foto waarmee ik zal beginnen:
En hier is de afbeelding met het voltooide "Collage of Squares" -effect:
Zoals ik al zei, het grootste deel van het werk is alleen maar herhaling, dus als je eenmaal "in de groef" bent met wat je doet, hoef je er niet eens aan te denken. Je kunt gewoon plezier hebben bij het creëren van het effect.
Deze zelfstudie komt uit onze serie Foto-effecten. Laten we beginnen!
Stap 1: Dupliceer de achtergrondlaag
Met mijn afbeelding geopend in Photoshop, heb ik momenteel slechts één laag, de achtergrondlaag, die mijn originele afbeelding bevat:
Het palet Lagen van Photoshop met de originele afbeelding op de achtergrondlaag.
Ik moet de achtergrondlaag dupliceren, dus ik ga de sneltoets Ctrl + J (Win) / Command + J (Mac) gebruiken, die een kopie van de achtergrondlaag toevoegt aan het palet Lagen. Photoshop geeft automatisch de kopie "Laag 1":
Druk op "Ctrl + J" (Win) / "Command + J" (Mac) om de achtergrondlaag te dupliceren.
Stap 2: Voeg een nieuwe laag toe tussen de twee lagen en vul deze met wit
We moeten een nieuwe lege laag toevoegen tussen de twee lagen die we momenteel in het palet Lagen hebben. Om dit te doen, met "Laag 1" geselecteerd, houdt u de Ctrl (Win) / Command (Mac) -toets op uw toetsenbord ingedrukt en klikt u op het pictogram Nieuwe laag onderaan het palet Lagen. Normaal voegt Photoshop de nieuwe laag toe boven de huidig geselecteerde laag, maar door Ctrl / Command ingedrukt te houden, vertelt Photoshop in plaats daarvan de nieuwe laag eronder toe te voegen:
Houd "Ctrl" (Win) / "Command" (Mac) ingedrukt en klik op het pictogram "Nieuwe laag" om een nieuwe laag toe te voegen tussen de twee bestaande lagen in het palet Lagen.
Ik heb nu mijn nieuwe lege laag, "Laag 2", tussen de twee andere lagen:
De nieuwe lege laag bevindt zich nu tussen de achtergrondlaag en "laag 1".
Gewoon een korte opmerking voordat we verder gaan … We zullen eindigen met veel lagen tegen de tijd dat dit effect is voltooid, en normaal zou dat betekenen dat we zeker willen weten of we onze lagen een naam geven als we gaan. In dit geval zou je je waarschijnlijk echter gek maken als je probeert om beschrijvende namen voor elke laag te verzinnen, dus tenzij dat soort dingen je aanspreekt, zou ik me geen zorgen maken over het benoemen van je lagen bij het maken van dit effect. Over het algemeen is het echter een gewoonte om lagen te benoemen.
Dat gezegd hebbende, laten we doorgaan. We moeten deze nieuwe laag met wit vullen, omdat we wit als onze achtergrondkleur voor het effect gaan gebruiken, dus druk op de letter D op je toetsenbord om je voorgrond- en achtergrondkleuren te resetten, waardoor wit je achtergrondkleur wordt, en gebruik vervolgens de nieuwe lege laag geselecteerd in het palet Lagen en gebruik de sneltoets Ctrl + Backspace (Win) / Command + Delete (Mac) om de laag met wit te vullen.
U zult niets in uw documentvenster zien gebeuren, omdat de kopie van de achtergrondlaag "Laag 2" uit het zicht blokkeert, maar als u in het palet Lagen kijkt, ziet u dat het miniatuurvoorbeeld voor de laag nu is gevuld met wit:
Het miniatuurvoorbeeld voor "Laag 2" is nu gevuld met wit in het palet Lagen, hoewel "Laag 1" dit momenteel blokkeert voor weergave in het documentvenster.
Stap 3: Sleep een vierkante selectie rond een deel van de afbeelding
Ik ga terug klikken op de kopie van mijn achtergrondlaag "Laag 1" in het palet Lagen om deze te selecteren. Dan ga ik mijn rechthoekige selectiekader uit het palet Tools pakken:
Selecteer het gereedschap Rechthoekig selectiekader in het palet Gereedschappen.
Ik kon ook op M op mijn toetsenbord drukken om het snel te selecteren. Vervolgens, met het gereedschap Rechthoekig selectiekader in de hand en "Laag 1" geselecteerd in het palet Lagen, ga ik een vierkante selectie binnen de afbeelding slepen. Ik sleep een vierkant rond het gezicht van de jongen aan de rechterkant:
Gebruik het gereedschap Rechthoekig selectiekader om een vierkante selectie in de afbeelding te tekenen.
Houd Shift ingedrukt terwijl u sleept om de selectie tot een perfect vierkant te beperken.
Stap 4: Voeg een laagmasker toe
Nadat u uw vierkante selectie hebt geselecteerd en er opnieuw voor zorgt dat "Laag 1" is geselecteerd in het palet Lagen, klikt u op het pictogram Een laagmasker toevoegen onderaan het palet Lagen:
Klik op het pictogram "Een laagmasker toevoegen" onderaan het palet Lagen.
Dit voegt een laagmasker toe aan "Laag 1" en omdat ik een gebied van de afbeelding had geselecteerd toen ik op het pictogram "Een laagmasker toevoegen" klikte, zal Photoshop die selectie gebruiken om het masker te maken, wat betekent dat alleen het gebied van de afbeelding die zich in de selectie bevond - het gezicht van de jongen - blijft zichtbaar in het documentvenster. De rest van de afbeelding wordt verborgen voor weergave en toont de laag met wit eronder:
Het vierkante gebied rond het gezicht van de jongen is nu alles wat zichtbaar is van de afbeelding. De witte achtergrond is nu erachter zichtbaar.
Stap 5: Koppel het laagmasker los van de inhoud van de laag
Als we ons palet Lagen nogmaals bekijken, zien we het laagmasker dat is toegevoegd aan "Laag 1". Het masker is gevuld met zwart, behalve het kleine vierkante gebied dat wit is, het gebied rond het gezicht van de jongen dat wordt weergegeven in het documentvenster. Als u goed kijkt, ziet u ook een klein koppelingspictogram tussen de laagminiatuur en de maskerminiatuur:
Het pictogram "laagkoppeling" tussen de laagminiatuur en de laagmaskerminiatuur voor "Laag 1".
Wanneer dat koppelingspictogram zichtbaar is, betekent dit dat de inhoud van de laag (de afbeelding) en het laagmasker goed zijn gekoppeld. Als je er een verplaatst, verplaats je ze allebei. Dat is niet wat we willen. We willen het masker kunnen verplaatsen zonder het beeld te verplaatsen. Om dat te doen, hoeven we alleen maar op dat koppelingspictogram te klikken, waardoor het verdwijnt, waarna het laagmasker onafhankelijk van de inhoud van de laag kan worden verplaatst. Ik ga op het koppelingspictogram klikken om het te verwijderen:
Het koppelingspictogram tussen de laagminiatuur en het laagmasker is nu verdwenen. We kunnen het masker nu verplaatsen zonder de afbeelding te verplaatsen.
Stap 6: Voeg een witte "buitenste gloed" laagstijl toe aan het masker
Om de randen van de vierkanten te kunnen zien terwijl we het effect maken, ga ik een laagstijl "Buitenste gloed" aan het masker toevoegen. Eerst ga ik direct op de miniatuur van het laagmasker klikken om deze te selecteren. Ik kan zien dat het is geselecteerd wanneer er een vak met een markering omheen staat. Vervolgens, met het masker geselecteerd, ga ik klikken op het pictogram Nieuwe aanpassingslaag onder in het palet Lagen:
Selecteer het laagmasker en klik op het pictogram "Nieuwe aanpassingslaag".
Dan selecteer ik Outer Glow in de lijst die verschijnt:
Selecteer de laagstijl "Buitenste gloed".
Dit opent het dialoogvenster Laagstijl van Photoshop met de opties Outer Glow in de middelste kolom. Standaard gebruikt de laagstijl Buitenste gloed een gelige kleur. Ik wil het in wit veranderen, dus om dat te doen, ga ik direct op het kleurstaal van de Outer Glow klikken:
Klik op het kleurstaal in de opties Buitenste gloed om de kleur van de gloed te wijzigen.
Wanneer ik op het kleurstaal klik, verschijnt de kleurkiezer van Photoshop. Ik ga in de linkerbovenhoek wit kiezen:
Klik in de linkerbovenhoek van de Kleurkiezer om wit te selecteren als de kleur van de buitenste gloed.
Dan klik ik op OK om de kleurkiezer te verlaten. Mijn Outer Glow-kleur is nu wit.
Ik laat alle andere opties voor de buitenste gloed alleen en klik gewoon op OK om het dialoogvenster Laagstijl te verlaten. De witte buitenste gloed wordt toegevoegd aan het laagmasker. We kunnen het nog niet in de afbeelding zien, omdat het een witte gloed is tegen een witte achtergrond, maar we zullen het zien zodra we beginnen met het toevoegen van meer vierkante secties aan de afbeelding, zoals we gaan doen.
Stap 7: Dupliceer de laag
Weet je nog aan het begin van deze tutorial toen ik zei dat het meeste werk eenvoudige herhaling is? Nou, hier begint het. De volgende stappen worden steeds opnieuw herhaald, maar maak je geen zorgen, ze zijn eenvoudig. Eerst, met "Laag 1" geselecteerd in het palet Lagen, ga ik het dupliceren met behulp van de sneltoets Ctrl + J (Win) / Command + J (Mac). Ik heb nu een exacte kopie ervan boven aan het palet Lagen:
Het palet Lagen toont nu het duplicaat van "Laag 1" bovenaan.
Als ik "exacte kopie" zeg, bedoel ik exacte kopie. De kopie bevat niet alleen de afbeelding, maar ook een kopie van het masker en de laagstijl Buitengloed, dus we hoeven zelf geen ander masker of een andere buitengloed toe te voegen. Alles is er al voor ons. Omdat de inhoud van de laag en het laagmasker op "Laag 1" niet waren gekoppeld, zijn ze ook niet gekoppeld op de kopie, wat precies is wat we willen.
Stap 8: Verplaats het laagmasker naar een nieuwe locatie om het tweede vierkant te maken
Ik ga mijn verplaatsgereedschap uit het Tools-palet halen:
Selecteer het gereedschap Verplaatsen in het palet Gereedschappen.
Ik kan ook op V op mijn toetsenbord drukken om het te selecteren. Vervolgens ga ik in het palet Lagen op de maskerminiatuur van de dubbele laag klikken om het te selecteren, waarbij ik ervoor zorg dat ik het masker heb geselecteerd en niet de laag zelf. De maskerminiatuur heeft een markeervak eromheen om aan te geven dat deze is geselecteerd:
Klik op de miniatuur van het laagmasker in het palet Lagen om deze te selecteren. Er zal een markeervak omheen staan om aan te geven dat het is geselecteerd.
Vervolgens, met het laagmasker geselecteerd, ga ik gewoon in het documentvenster klikken en het masker naar een nieuwe locatie slepen, die het tweede vierkant gaat maken. Ik sleep het naar beneden en naar links zodat de rechterbovenhoek de linkeronderhoek van het oorspronkelijke vierkant overlapt:
Sleep het masker naar een nieuwe plek in de afbeelding om het tweede vierkant te maken.
Ik heb nu twee vierkanten, en als je in de rechterbovenhoek kijkt van degene die ik zojuist heb gemaakt, zie je de witte buitenste gloed die de randen van het vierkant definieert.
Stap 9: Ga door met het dupliceren van de laag en sleep het masker om meer vierkanten te maken
Op dit punt is het gewoon een kwestie van het herhalen van de laatste twee stappen totdat de belangrijkste delen van de afbeelding zichtbaar zijn binnen de vierkanten. Dus eerst drukt u op Ctrl + J (Win) / Command + J (Mac) om de laag te dupliceren. Vervolgens, en dit onderdeel is heel belangrijk, klikt u op de laagmaskerminiatuur van de nieuw gemaakte laag om ervoor te zorgen dat u het masker hebt geselecteerd, niet de laaginhoud. Als u het masker probeert te slepen om een nieuw vierkant te maken en in plaats daarvan de afbeelding binnen het vierkant ziet bewegen, hebt u de laag zelf per ongeluk geselecteerd. Druk in dat geval op Ctrl + Z (Win) / Command + Z (Mac) om ongedaan te maken, klik vervolgens op de miniatuur van het laagmasker en probeer het opnieuw.
Ga door met dit proces van het dupliceren van de laag, het selecteren van het masker en het slepen van het masker naar een nieuwe plek in de afbeelding totdat alle belangrijke delen van de afbeelding worden weergegeven. Het is prima om de vierkanten te overlappen en wees ook niet bang om af en toe een lege ruimte te laten. Het draagt alleen maar bij aan het effect.
Ik ga door met het dupliceren van de laag en het verplaatsen van het masker totdat alle vier mensen op de foto binnen de vierkanten verschijnen. Hier is mijn afbeelding nadat ik voldoende vierkanten heb gemaakt om de rest van de jongen in de afbeelding te brengen:
De afbeelding na het toevoegen van voldoende vierkanten om de jongen aan de linkerkant in beeld te brengen.
Na het dupliceren van meer lagen en het verplaatsen van de maskers om meer vierkanten te maken, heb ik de moeder van de jongen en de jongere broer in het effect gebracht:
Na het toevoegen van meer vierkanten zijn de moeder van de jongen en de jongere broer nu zichtbaar.
Tot slot heb ik voldoende vierkanten toegevoegd om alle hoofdgebieden van de foto zichtbaar te maken. Ik heb er ook voor gezorgd dat de gezichten van alle vier de mensen duidelijk zichtbaar zijn op de foto en niet worden gesneden door de randen van een vierkant. Dat zou gewoon verkeerd zijn:
Er zijn nu voldoende vierkanten toegevoegd om de belangrijkste delen van de foto zichtbaar te maken.
Stap 10: Dupliceer een andere laag en verklein de grootte van het vierkant tot 50%
Het grootste deel van het effect is nu voltooid, en voor de goede orde, ik heb nu in totaal 36 vierkanten in de afbeelding. Misschien heb je meer, misschien heb je minder. Het hangt echt af van de afbeelding die u gebruikt en hoeveel vierkanten u denkt dat nodig is voordat het effect "goed" lijkt. Ik ga het effect afwerken door wat kleinere vierkanten in de hoeken en rond de buitenranden toe te voegen.
Om dat te doen, ga ik een andere laag dupliceren met Ctrl + J (Windows / Command + J (Mac), en dan klik ik op het laagmasker om het te selecteren, net zoals ik al 36 keer heb gedaan. Deze keer echter, in plaats van het masker te verplaatsen om nog een vierkant te maken, ga ik op Ctrl + T (Win) / Command + T (Mac) drukken om het vak Vrije transformatie van Photoshop en de hendels rond het vierkant te openen, en dan ga een van de hoekgrepen naar binnen slepen om de grootte van het vierkant met ongeveer 50% te verkleinen. Terwijl ik de greep naar binnen sleep, houd ik Shift + Alt (Win) / Shift + Option (Mac) ingedrukt, die het masker tot een perfect vierkant gaat beperken en Photoshop vraagt het formaat van het vierkant vanuit het midden te wijzigen:
Gebruik "Free Transform" om de grootte van het vierkante masker met ongeveer 50% te verminderen.
Nadat ik de grootte van het vierkant heb gewijzigd tot ongeveer de helft van de oorspronkelijke grootte, druk ik op Enter (Win) / Return (Mac) om de transformatie te accepteren en net als bij de andere vierkanten heb ik de Verplaatsingsgereedschap om het naar een nieuwe locatie te slepen, dit keer ergens aan de buitenrand van de collage:
Gebruik het gereedschap Verplaatsen om het kleinere vierkant naar ergens langs de buitenrand van de collage te slepen.
Stap 11: Ga door met het toevoegen van meer kleinere vierkantjes rond de buitenranden van de collage
Blijf de laag dupliceren met het kleinere vierkante masker en verplaats de kleinere vierkanten naar de buitenranden van de collage. Nogmaals, voeg er zoveel toe als je nodig hebt om het effect er "goed" uit te laten zien. Dit is van mij na het toevoegen van verschillende kleinere vierkanten aan de randen. Ik heb ook hier en daar wat toegevoegd in het hoofdgedeelte van de afbeelding om een beetje variatie toe te voegen:
De afbeelding na het toevoegen van voldoende vierkanten om de jongen aan de linkerkant in beeld te brengen.
Stap 12: Alle vierkante maskerlagen samenvoegen tot één
Nadat ik al mijn kleinere vierkanten aan de afbeelding heb toegevoegd, heb ik nu een totaal van 56 vierkanten, wat betekent dat ik 56 lagen heb die een vierkant gevormd masker bevatten. Ik wil het effect voltooien door een slagschaduw aan de collage toe te voegen, maar ik kan dat niet heel gemakkelijk doen als de collage uit 56 afzonderlijke lagen bestaat. Ik moet ze allemaal op één laag samenvoegen . Om dat te doen, ga ik in mijn palet Lagen op de bovenste laag klikken om het te selecteren. Dan ga ik helemaal naar beneden scrollen en Shift ingedrukt houden en klikken op "Laag 1", de laag die de hele collage heeft gestart. Hiermee worden alle vierkante maskerlagen tegelijk geselecteerd (u ziet ze allemaal geselecteerd in het palet Lagen).
Terwijl ze allemaal zijn geselecteerd, drukt u op Ctrl + E (Win) / Command + E (Mac) om ze allemaal samen te voegen tot een enkele laag boven de met wit gevulde laag. U hebt nu slechts drie lagen in het palet Lagen - de achtergrondlaag, de witgevulde laag en de samengevoegde laag:
Het palet Lagen toont nu slechts drie lagen, inclusief de nieuw samengevoegde laag bovenaan.
Stap 13: Voeg een slagschaduw toe om het effect te voltooien
Selecteer de samengevoegde laag, klik nogmaals op het pictogram Nieuwe aanpassingslaag onder in het palet Lagen en selecteer deze keer Slagschaduw in de lijst:
Selecteer de samengevoegde laag, klik op het pictogram "Nieuwe aanpassingslaag" en kies "Slagschaduw".
Hiermee gaat het dialoogvenster Laagstijl van Photoshop weer terug, dit keer ingesteld op de opties Slagschaduw. De enige optie die ik ga veranderen is de dekking . Ik wil gewoon een subtiele slagschaduw, niets dat de aandacht van de collage zelf zal afnemen, dus ik ga de dekkingwaarde tot 25% verlagen:
Verlaag de dekkingwaarde van de slagschaduw zodat deze subtieler is.
Klik op OK om het dialoogvenster Laagstijl te verlaten en we zijn klaar! Hier is mijn laatste "Collage of Squares" -effect:
Het laatste effect.
En daar hebben we het! Zo maak je van een foto een collage van vierkanten met Photoshop! Bezoek onze sectie Foto-effecten voor meer tutorials over Photoshop-effecten!