Leer hoe u met Photoshop eenvoudig een enkele afbeelding kunt omzetten in een leuke, vierkante fotocollage!
Om het fotocollage-effect te creëren, beginnen we met het bijsnijden van de afbeelding in een vierkant en vervolgens verdelen we het in kleinere vierkanten. We voegen een rand om elke foto toe zodat ze eruit zien als afzonderlijke foto's, en dan zullen we ze verplaatsen en roteren op hun plaats. Ten slotte zullen we de achtergrondkleur wijzigen en eindigen met een slagschaduw achter het effect.
Hier is de afbeelding die ik zal gebruiken. Ik heb deze gedownload van Adobe Stock:
De originele afbeelding. Fotocredit: Adobe Stock.
En zo ziet de fotocollage eruit als we klaar zijn:
Het uiteindelijke fotocollage-effect.
Laten we beginnen!
Een vierkante fotocollage maken
Voor deze zelfstudie gebruik ik Photoshop CC maar alles is compatibel met Photoshop CS6. Je kunt ook mijn video van deze tutorial volgen op ons YouTube-kanaal. Of download deze tutorial als een printklare PDF!
Stap 1: Snijd de afbeelding bij in een vierkant
Het eerste wat we moeten doen, is onze afbeelding bijsnijden tot een vierkant. Selecteer het gereedschap Uitsnijden op de werkbalk:
Het gereedschap Uitsnijden selecteren.
Stel in de optiebalk de beeldverhouding in op Vierkant :
De beeldverhouding instellen op kwadraat.
Photoshop voegt een eerste vierkante bijsnijdrand toe rond de afbeelding:
De eerste vierkante bijsnijdrand.
Terug in de Optiebalk, zorg ervoor dat bijgesneden pixels verwijderen is aangevinkt:
Bijgesneden pixels verwijderen moet zijn ingeschakeld.
Sleep vervolgens de bijsnijdgrepen om het formaat van de rand rond uw onderwerp te wijzigen. Als u met een portret werkt, probeer dan de belangrijkste gelaatstrekken van de persoon (hun ogen, neus en mond) binnen het middelste vierkant te houden:
De grootte van de bijsnijdrand rond het onderwerp wijzigen.
Druk op Enter (Win) / Return (Mac) om de afbeelding bij te snijden:
Het resultaat na het bijsnijden van de afbeelding in een vierkant.
Stap 2: voeg enkele handleidingen toe
Om ons te helpen de afbeelding in kleinere vierkanten te verdelen, voegen we enkele hulplijnen toe.
De eerste horizontale gids toevoegen
Ga naar het menu Beeld in de menubalk en kies Nieuwe gids :
Ga naar Beeld> Nieuwe gids.
Stel in het dialoogvenster Nieuwe gids de richting in op Horizontaal en voer vervolgens 33% in voor de positie . Klik op OK om het dialoogvenster te sluiten:
De eerste gids toevoegen.
Photoshop voegt de eerste horizontale gids toe op een derde van de bovenkant:
De eerste horizontale gids is toegevoegd.
Een tweede horizontale gids toevoegen
Om een tweede gids toe te voegen, gaat u terug naar het menu Beeld en kiest u opnieuw Nieuwe gids :
Teruggaan naar Beeld> Nieuwe gids.
Laat de oriëntatie ingesteld op Horizontaal, maar voer deze keer 66% in voor de positie . Klik op OK om het dialoogvenster te sluiten:
De tweede gids toevoegen.
En Photoshop voegt een tweede gids toe, deze keer tweederde lager:
De tweede horizontale gids is toegevoegd.
Een verticale gids toevoegen
Ga terug naar het menu Beeld en kies opnieuw Nieuwe gids :
Teruggaan naar Beeld> Nieuwe gids.
Wijzig voor deze derde gids de oriëntatie in verticaal en voer 33% in voor de positie . Klik vervolgens op OK:
De derde gids toevoegen.
Dit voegt een verticale geleider toe op een derde van links:
De eerste verticale gids is toegevoegd.
Een tweede verticale gids toevoegen
En ten slotte, ga nog een laatste keer terug naar het menu Beeld en kies Nieuwe gids :
Teruggaan naar Beeld> Nieuwe gids.
Laat de oriëntatie ingesteld op Verticaal maar verander de positie in 66% . Klik op OK als u klaar bent:
De vierde gids toevoegen.
Photoshop voegt een tweede verticale hulplijn toe, twee derde van de linkerkant, en we hebben nu onze afbeelding verdeeld in kleinere vierkanten:
De vier hulplijnen verdelen het beeld in vierkanten.
Stap 3: Selecteer en kopieer elk vierkant naar een nieuwe laag
We moeten elk vierkant selecteren en naar zijn eigen laag kopiëren. Selecteer het gereedschap Rechthoekig selectiekader op de werkbalk:
Het gereedschap Rechthoekig selectiekader selecteren.
De selecties uitlijnen op de gidsen
Om ervoor te zorgen dat onze selecties naar de handleidingen worden geknipt, gaat u naar het menu Beeld, kiest u Uitlijnen op en zorgt u ervoor dat Handleidingen naast een vinkje staan. Als dit niet het geval is, klikt u erop om het te selecteren:
Zoek het vinkje naast Gidsen.
Het eerste vierkant selecteren
We beginnen met het vierkant linksboven. Klik en sleep er een selectieomtrek omheen. Als u de laatste stap hebt gevolgd, moet de selectieomtrek snappen naar de hulplijnen:
Een selectieoverzicht tekenen rond het vierkant in de linkerbovenhoek.
Het vierkant naar een nieuwe laag kopiëren
Als u het vierkant naar zijn eigen laag wilt kopiëren, gaat u naar het menu Laag, kiest u Nieuw en kiest u vervolgens Laag via kopiëren . Of een snellere manier is om op de sneltoets Ctrl + J (Win) / Command + J (Mac) te drukken:
Ga naar Laag> Nieuw> Laag via kopie.
In het deelvenster Lagen zien we dat Photoshop een kopie van het vierkant op een nieuwe laag boven de afbeelding heeft geplaatst:
Het vierkant is naar zijn eigen laag gekopieerd.
De achtergrondlaag selecteren
Voordat we een tweede vierkant kunnen selecteren, moeten we eerst de afbeelding opnieuw selecteren. Klik op de achtergrondlaag om deze te selecteren. Elke keer dat u een nieuw vierkant selecteert en kopieert, moet u eerst de achtergrondlaag opnieuw selecteren:
De achtergrondlaag selecteren.
Een tweede vierkant selecteren en kopiëren
Teken vervolgens een selectie rond het vierkant in het midden bovenaan:
Het tweede vierkant selecteren.
Om het snel naar een nieuwe laag te kopiëren, drukt u op Ctrl + J (Win) / Command + J (Mac). En terug in het deelvenster Lagen hebben we nu twee vierkanten boven de afbeelding:
Een tweede vierkant is gekopieerd.
De resterende vierkanten selecteren en kopiëren
Herhaal dezelfde stappen om de resterende vierkanten te selecteren en te kopiëren. Klik eerst op de achtergrondlaag om de afbeelding te selecteren:
Selecteer altijd de achtergrondlaag voordat u een nieuw vierkant selecteert.
Teken een selectieomtrek rond een nieuw vierkant:
Selecteer een ander vierkant.
En druk vervolgens op Ctrl + J (Win) / Command + J (Mac) om het vierkant naar een nieuwe laag te kopiëren:
Het vierkant wordt naar een nieuwe laag gekopieerd.
Ik blijf de vierkanten selecteren en kopiëren totdat ik ze allemaal heb geselecteerd. En in het deelvenster Lagen zien we nu alle negen vierkanten, elk op een afzonderlijke laag, boven de afbeelding:
Alle 9 vierkanten zijn gekopieerd.
Stap 4: Verberg de gidsen
We hebben onze gidsen niet meer nodig, dus laten we ze verbergen door naar het menu Beeld te gaan, Weergeven te kiezen en vervolgens Hulplijnen te kiezen:
Gidsen uitschakelen.
Stap 5: voeg meer canvasruimte toe
Om ons de ruimte te geven om de vierkanten te verplaatsen en te roteren, voegen we meer canvasruimte rond de afbeelding toe. En dat kunnen we doen met behulp van de tool Uitsnijden. Selecteer het gereedschap Uitsnijden op de werkbalk:
Het gereedschap Uitsnijden opnieuw selecteren.
Houd de Alt (Win) / Option (Mac) -toets op uw toetsenbord ingedrukt en klik en sleep vervolgens een van de bijsnijdgrepen naar buiten en weg van de afbeelding. Met de Alt / Option-toets kunt u het formaat van de bijsnijkader vanuit het midden wijzigen:
Meer canvasruimte toevoegen met het gereedschap Uitsnijden.
Druk op Enter (Win) / Return (Mac) om het te accepteren en Photoshop voegt de extra canvasruimte toe:
Rond de foto is meer ruimte toegevoegd.
Stap 6: Vul de achtergrond met zwart
Standaard vult Photoshop de nieuwe ruimte met wit, maar laten we onze achtergrond vullen met zwart. Selecteer de achtergrondlaag in het deelvenster Lagen:
De achtergrondlaag selecteren.
Ga vervolgens naar het menu Bewerken en kies Opvullen :
Ga naar Bewerken> Vullen.
Stel in het dialoogvenster Vulling de optie Inhoud in op Zwart en klik vervolgens op OK:
Inhoud instellen op zwart.
De afbeelding verschijnt nu voor een zwarte achtergrond:
Het resultaat na het vullen van de achtergrond met zwart.
Stap 7: Voeg een lijn toe rond het eerste vierkant
Op dit moment kunnen we onze vierkanten niet echt zien, dus laten we ze duidelijker maken. En om ze op afzonderlijke foto's te laten lijken, voegen we een lijn eromheen toe. We beginnen met het toevoegen van een lijn aan een van de vierkanten en vervolgens kopiëren en plakken we deze op de andere.
Een beroerte toevoegen
Selecteer in het deelvenster Lagen de bovenste laag (degene die het vierkant linksboven vasthoudt):
De bovenste laag selecteren.
Klik vervolgens op het pictogram Laagstijlen (het fx- pictogram) onder in het deelvenster Lagen:
Klik op het pictogram "fx".
En kies Slag uit de lijst:
Een lijnlaag-effect toevoegen.
De lijnkleur wijzigen
Klik in het dialoogvenster Laagstijl op het kleurstaal :
Klik op het kleurstaal in de opties Lijn.
En verander vervolgens in de Kleurkiezer de kleur van de lijn in wit en klik vervolgens op OK:
Wit kiezen voor de nieuwe lijnkleur.
Grootte en positie instellen
Terug in het dialoogvenster Laagstijl stelt u de positie van de lijn in op Binnen . Houd vervolgens het vierkant linksboven in je afbeelding in de gaten terwijl je de waarde Grootte verhoogt door de schuifregelaar te slepen. Ik ga met een waarde van ongeveer 32 px, maar dit is afhankelijk van de grootte van uw afbeelding:
De positie en grootte van de lijn instellen.
Klik op OK om het dialoogvenster te sluiten en we hebben nu een rand rond een van de vierkanten:
De rand verschijnt links boven het vierkant.
Stap 8: Voeg de lijn toe aan de andere vierkanten
Terug in het deelvenster Lagen zien we onze lijn weergegeven als een effect onder de laag:
Effecten worden onder de laag weergegeven.
Om dezelfde lijn snel toe te passen op de andere vierkanten, kopiëren en plakken we deze. Klik met de rechtermuisknop (Win) / houd Control ingedrukt en klik (Mac) op de bovenste laag en kies vervolgens Laagstijl kopiëren in het menu:
Kiezen "Laagstijl kopiëren".
Klik op de tweede laag van boven (Laag 2) om deze te selecteren:
De tweede laag van boven selecteren.
Houd uw Shift- toets ingedrukt en klik vervolgens op de laag net boven de achtergrondlaag (laag 9). Hiermee worden alle andere vierkanten tegelijk geselecteerd:
Houd Shift ingedrukt en selecteer het onderste vierkant.
Klik met de rechtermuisknop (Win) / houd Control ingedrukt en klik (Mac) op een van de geselecteerde lagen en kies vervolgens Laagstijl plakken :
Kiezen "Laagstijl plakken".
En zomaar, Photoshop plakt de lijn op de andere vierkanten:
Alle 9 vierkanten hebben nu de slag om hen heen.
Stap 9: Verplaats en roteer de vierkanten
Om meer van een collage-effect te creëren, zullen we de vierkanten verplaatsen en roteren met behulp van de Free Transform-opdracht van Photoshop.
Het verplaatsgereedschap selecteren
Selecteer het gereedschap Verplaatsen op de werkbalk:
Het verplaatsgereedschap selecteren.
Auto-Select inschakelen
Zorg ervoor dat Auto-selectie op de optiebalk is ingeschakeld en dat deze is ingesteld op Laag . Hiermee kunnen we elk vierkant eenvoudig selecteren door erop te klikken:
Zorg ervoor dat Auto-selectie is ingeschakeld en is ingesteld op Laag.
Klik om een vierkant te selecteren
Klik op het vierkant linksboven om het te selecteren:
Het vierkant linksboven selecteren.
Verplaats en roteer het vierkant met Free Transform
Ga vervolgens naar het menu Bewerken en kies Vrije transformatie. Of gebruik de sneltoets Ctrl + T (Win) / Command + T (Mac):
Ga naar Bewerken> Gratis transformeren.
Photoshop plaatst het vak Vrije transformatie en behandelt rond het vierkant:
De gratis transformatiegrepen verschijnen.
Klik en sleep overal in het vak Vrije transformatie om het vierkant te verplaatsen. Je kunt het ook verplaatsen met de pijltjestoetsen op je toetsenbord. Om het te roteren, plaatst u uw muiscursor buiten het vak en klikt en sleept u:
Het vierkant op zijn plaats verplaatsen en draaien.
Om het te accepteren, drukt u op Enter (Win) / Return (Mac) en ons eerste vierkant is verplaatst en op zijn plaats gedraaid:
Het resultaat na het verplaatsen en roteren van het eerste vierkant.
De stappen voor de andere vierkanten herhalen
Herhaal dezelfde stappen om de andere vierkanten te verplaatsen en te draaien. Klik eerst op een vierkant om het te selecteren en druk vervolgens op Ctrl + T (Win) / Command + T (Mac) om snel Free Transform te kiezen. Verplaats het vierkant op zijn plaats en draai het vervolgens in positie. Druk op Enter (Win) / Return (Mac) om het te accepteren.
In mijn geval laat ik het middelste vierkant op zijn oorspronkelijke plek staan, maar ik blijf de buitenste vierkanten verplaatsen en draaien totdat ik tevreden ben met de resultaten. Als je gewoon een vierkant wilt verplaatsen zonder het te draaien, hoef je Free Transform niet te openen. U kunt gewoon klikken en slepen met het gereedschap Verplaatsen of het op zijn plaats duwen met de pijltjestoetsen op uw toetsenbord:
Het resultaat na het aanpassen van alle buitenste vierkanten.
Stap 10: Wijzig de achtergrondkleur
Op dit punt hebben we het belangrijkste effect gecreëerd, maar er zijn nog een paar dingen die we kunnen doen. Een daarvan is dat we de achtergrondkleur kunnen wijzigen. En om dat te doen, gebruiken we een opvullaag met effen kleuren.
Klik in het deelvenster Lagen op de achtergrondlaag om deze te selecteren:
De achtergrondlaag selecteren.
Klik vervolgens op het pictogram Nieuwe opvul- of aanpassingslaag :
Klik op het pictogram Nieuwe opvul- of aanpassingslaag.
En kies Effen kleur uit de lijst:
Een opvullaag voor effen kleuren kiezen.
Bemonstering van een achtergrondkleur uit de afbeelding
Kies in de Kleurkiezer een nieuwe kleur voor uw achtergrond. Of kies een kleur rechtstreeks uit uw afbeelding door uw cursor naar de afbeelding te verplaatsen en op een kleur te klikken om deze te selecteren:
Een nieuwe achtergrondkleur uit de afbeelding nemen.
Zodra u de gewenste kleur hebt gevonden, klikt u op OK om de kleurkiezer te sluiten:
De fotocollage met de nieuwe achtergrondkleur uit de afbeelding.
In het deelvenster Lagen zien we onze nieuwe opvullaag Effen kleur boven de achtergrondlaag:
De opvullaag bevindt zich tussen de achtergrondlaag en de vierkanten.
Stap 11: Voeg een slagschaduw toe
Laten we tot slot het effect afsluiten door een slagschaduw achter de vierkanten toe te voegen. Om de schaduw in één keer aan alle vierkanten toe te voegen, plaatsen we ze eerst in een lagengroep.
Vierkanten groeperen
Klik op de bovenste laag (laag 1) om deze te selecteren. Houd vervolgens je Shift- toets ingedrukt en klik op de laag direct boven de opvullaag (laag 9). Hiermee worden alle vierkanten in één keer geselecteerd:
Klik op laag 1 en vervolgens op Shift en klik op laag 9.
Ga naar het menu Laag en kies Groepslagen :
Ga naar Laag> Groepslagen.
En terug in het deelvenster Lagen zijn al onze vierkanten in een nieuwe groep geplaatst. U kunt de groep openen of sluiten door op de pijl naast de naam van de groep te klikken:
De vierkanten bevinden zich nu in een lagengroep.
De slagschaduw toevoegen
Klik op het pictogram Laagstijlen om een slagschaduw op de groep toe te passen:
Klik op het pictogram "fx" met de geselecteerde laaggroep.
En kies vervolgens Slagschaduw uit de lijst:
Slagschaduw kiezen.
Dit opent het dialoogvenster Laagstijl ingesteld op de opties Slagschaduw:
De opties Slagschaduw in het dialoogvenster Laagstijl.
U kunt de hoek en afstand van de schaduw vanaf hier aanpassen, maar het is eenvoudiger om gewoon in het document te klikken en slepen. Terwijl u sleept, ziet u de hoek- en afstandswaarden worden bijgewerkt in het dialoogvenster:
Klik en sleep in het document om de hoek en afstand van de schaduw aan te passen.
Nadat u de hoek en afstand hebt ingesteld, gaat u terug naar het dialoogvenster en past u de waarde Grootte aan om de randen te verzachten. U kunt ook de dekking aanpassen om de schaduw lichter of donkerder te laten lijken. Ik verlaag de mijne tot 30% :
De grootte (zachtheid) en dekking van de slagschaduw aanpassen.
Als u tevreden bent met de resultaten, klikt u op OK om het dialoogvenster te sluiten. En met de slagschaduw toegepast, hier is mijn laatste effect:
Het uiteindelijke fotocollage-effect.
En daar hebben we het! Zo maak je van een enkele afbeelding een eenvoudige, vierkante fotocollage in Photoshop! Leer voor meer collage-effecten hoe je een polaroidcollage, een filmstripcollage of een collage van kromgetrokken foto's maakt! Bezoek onze sectie Foto-effecten voor meer zelfstudies. En vergeet niet dat al onze Photoshop-tutorials nu als PDF kunnen worden gedownload!