Home
» Wiki
»
Hoe je het Picture in Picture-effect in Photoshop creëert
Hoe je het Picture in Picture-effect in Photoshop creëert
In deze tutorial leert u hoe u een gaaf Picture in Picture-effect kunt creëren met Adobe Photoshop. Dit doet u door van één foto de illusie te wekken dat er een kleinere, bijgesneden versie van dezelfde foto in zit. We snijden de kleinere afbeelding bij en roteren deze rondom het hoofdonderwerp. Vervolgens voegen we een rand en schaduw toe om het te benadrukken en ten slotte zetten we de originele afbeelding erachter om in zwart-wit.
Stap 1: Open de foto
Begin met het openen van uw foto.
De originele afbeelding wordt gebruikt in het Picture in Picture-effect.
Stap 2: Maak een kopie van de achtergrondlaag
In het deelvenster Lagen wordt de afbeelding geopend op de achtergrondlaag:
In het deelvenster Lagen van Photoshop wordt de originele afbeelding op de achtergrondlaag weergegeven.
Maak een kopie van de afbeelding door de achtergrondlaag naar het pictogram Nieuwe laag toevoegen te slepen :
Sleep de achtergrondlaag naar het pictogram Nieuwe laag toevoegen
Er verschijnt een kopie boven het origineel:
Er verschijnt een duplicaatlaag boven de originele achtergrondlaag.
Stap 3: Hernoem de kopie naar Klein
De kopie wordt gebruikt om een kleinere afbeelding in de grotere afbeelding te maken. Dubbelklik op de naam Achtergrondkopie en hernoem de laag naar Klein. Druk op Enter (Win) / Return (Mac) op uw toetsenbord om te accepteren:
Hernoem de laag naar Klein.
Stap 4: Schakel de kleine laag uit
We hebben de kleine laag op dit moment niet nodig, dus schakel deze uit door op het zichtbaarheidspictogram te klikken:
Klik op het zichtbaarheidspictogram van de kleine laag.
Stap 5: Selecteer de achtergrondlaag
Voordat we een kleinere versie van de afbeelding maken, zetten we de originele afbeelding om in zwart-wit. Klik op de achtergrondlaag om deze te selecteren:
Selecteer de achtergrondlaag in het deelvenster Lagen van Photoshop.
Stap 6: Voeg een zwart-wit-aanpassingslaag toe
Klik vervolgens op het pictogram Nieuwe opvul- of aanpassingslaag onderaan het deelvenster Lagen:
Klik op het pictogram Nieuwe opvullaag of aanpassingslaag in het deelvenster Lagen van Photoshop.
Selecteer een zwart-wit- aanpassingslaag uit de lijst:
Voeg een zwart-wit-aanpassingslaag toe boven de originele afbeelding
De aanpassingslaag wordt weergegeven tussen de Achtergrondlaag en de Kleine laag. Dit betekent dat het alleen de Achtergrondlaag eronder beïnvloedt, niet de Kleine laag erboven:
Er wordt een zwart-wit-aanpassingslaag toegevoegd boven de achtergrondlaag.
En de afbeelding wordt onmiddellijk omgezet naar zwart-wit:
Resultaat na het toevoegen van de zwart-wit aanpassingslaag.
Stap 7: Klik op de knop Automatisch
De bedieningselementen voor de aanpassingslaag Zwart-wit vindt u in het deelvenster Eigenschappen van Photoshop. U kunt de zwart-witconversie nauwkeurig afstemmen door de individuele kleurschuifregelaars (Rood, Geel, Groen, enz.) te verslepen om de helderheid van verschillende delen van de afbeelding aan te passen op basis van hun oorspronkelijke kleur:
Versleep de kleurschuifregelaars voor de aanpassingslaag Zwart-wit in het deelvenster Eigenschappen.
Maar omdat het effect eigenlijk alleen voor de achtergrond geldt en grotendeels verborgen zal worden door de kleinere afbeelding, krijgt u voldoende goede resultaten als u op de knop Automatisch klikt:
Klik op de knop Automatisch.
Stap 8: Selecteer en schakel de kleine laag in
Nu gaan we een kleinere, gekleurde afbeelding binnen de originele afbeelding maken.
Klik in het lagenpaneel op de kleine laag om deze te selecteren:
Selecteer de kleine laag in het lagenpaneel van Photoshop.
Klik vervolgens op het pictogram voor de zichtbaarheid van de laag om deze weer in te schakelen:
Schakel de kleine laag in.
De kleurenversie van de afbeelding verschijnt opnieuw:
Resultaat na het inschakelen van Kleine laag.
Stap 9: Selecteer rechthoekgereedschap
Selecteer het rechthoekgereedschap in de werkbalk. Selecteer niet het rechthoekige selectiekadergereedschap bovenaan, omdat dit een selectiegereedschap is. Selecteer de Rechthoektool, een van de vormtools van Photoshop:
Selecteer het rechthoekgereedschap op de werkbalk van Photoshop.
Stap 10: Stel de gereedschapsmodus in op Vorm
Zorg ervoor dat in de optiebalk de gereedschapsmodus is ingesteld op Vorm , en niet op Pad of Pixels:
Stel de gereedschapsmodus in op Vorm.
Stap 11: Stel de kleur van de vorm in op zwart
Stel de vormkleur in op zwart als u dit nog niet hebt gedaan. De kleur maakt niet zoveel uit, maar zwart is duidelijk zichtbaar als we vormen tekenen.
Klik op Kleurstaal opvullen :
Klik op het kleurstaal voor opvullen in de optiebalk van Photoshop
Klik vervolgens op het pictogram Kleurenkiezer in de rechterbovenhoek van het dialoogvenster:
Klik op het pictogram Kleurenkiezer om een kleur voor de vorm te selecteren.
Selecteer zwart in de kleurenkiezer door de waarden R, G en B op 0 te zetten. Klik vervolgens op OK om de kleurenkiezer te sluiten:
Selecteer zwart in de kleurenkiezer van Photoshop.
Stap 12: Schakel lijnen rond vormen uit
Standaard voegt Photoshop een zwarte lijn van 1 pixel breed toe rond de vorm. Dit willen we niet. Klik dus op het kleurstaal Streek :
Klik op het kleurstaal Lijn in de optiebalk.
Klik vervolgens op het pictogram Geen kleur in de linkerbovenhoek. Druk op Enter (Win) / Return (Mac) om het dialoogvenster te sluiten:
Klik op de optie Geen kleur voor de lijn.
Stap 13: Teken een vorm rond het hoofdobject
Teken een rechthoek om het hoofdobject. De vorm wordt een kleinere versie van de afbeelding. Zorg er dus voor dat u deze om alles heen wikkelt wat erin komt.
Klik op de linkerbovenhoek van het object om het beginpunt voor de vorm in te stellen. Houd vervolgens de muisknop ingedrukt en sleep naar rechtsonder. Wanneer u sleept, wordt alleen de omtrek van de vorm weergegeven:
Teken een rechthoek rond het hoofdonderwerp op de foto.
Vormen opnieuw positioneren
Om een vorm te verplaatsen terwijl u tekent, houdt u de muis ingedrukt en drukt u op de spatiebalk op uw toetsenbord. Versleep de vorm naar de gewenste locatie, laat de spatiebalk los en versleep de rest van de vorm.
Hoe je de vorm perfectioneert
Laat de muisknop los als u klaar bent met het voltooien van de vorm. Vervolgens vult Photoshop de vorm met zwart:
Laat de muisknop los om de vorm te voltooien.
Stap 14: Pas de grootte van de vorm indien nodig aan
Omdat de vorm het beeld erachter volledig bedekt, is het moeilijk te zien of de vorm op de juiste plek is getekend. Om de afbeelding door de vorm heen te kunnen zien, verlaagt u de dekking van de vormlaag in het deelvenster Lagen naar 50%. Een snelle manier is om op het nummer 5 op het toetsenbord te drukken:
Verminder de dekking van de vorm naar 50% in het deelvenster Lagen van Photoshop
Klik vervolgens op een van de handgrepen rond de vorm en sleep deze om de gewenste grootte aan te passen:
Verander de grootte van de vorm door de handgrepen te slepen
Vormdekking terugzetten naar 100%
Zodra u klaar bent met het aanpassen van de grootte van de vorm, zet u de dekking van de vormlaag in het deelvenster Lagen terug op 100% door op 0 te drukken op uw toetsenbord. De vorm zal het beeld opnieuw aan het zicht onttrekken:
Zet de dekking van de vormlaag terug naar 100%.
Stap 15: Sleep de kleine laag boven de vorm
Vervolgens plaatsen we de afbeelding op de kleine laag in de vorm. In het deelvenster Lagen staat de vorm nu boven de afbeelding:
In het deelvenster Lagen van Photoshop wordt de vormlaag boven de afbeelding weergegeven.
De afbeelding moet boven de vorm staan. Klik dus op de kleine laag en sleep deze boven de vormlaag. Wanneer de blauwe markeringsbalk boven de vormlaag verschijnt:
Sleep de afbeeldinglaag boven de vormlaag.
Laat de muisknop los om de kleine laag op zijn plaats te zetten:
De afbeelding is verplaatst boven de vormlaag.
En in het document blokkeert de afbeelding nu de vorm:
De foto blokkeert momenteel de vorm eronder.
Stap 16: Knipmasker maken
Om een afbeelding in een vorm te plaatsen, klikt u op het menupictogram van het deelvenster Lagen:
Klik op het menupictogram van het deelvenster Lagen.
En selecteer Knipmasker maken:
Selecteer de opdracht Knipmasker maken.
Photoshop knipt de afbeelding op de kleine laag in de vormlaag eronder:
In het deelvenster Lagen van Photoshop wordt de afbeeldingslaag weergegeven, bijgesneden tot de kleine laag.
En de afbeelding in kleur verschijnt nu alleen binnen de grenzen van de vorm, terwijl de zwart-witversie op de achtergrondlaag eromheen opnieuw verschijnt:
Resultaat na het knippen van de kleine laag in de vormlaag.
Stap 17: Selecteer de vormlaag
Om kleinere afbeeldingen te laten opvallen, kunt u een witte rand en slagschaduw toevoegen. We beginnen met de grens.
Selecteer de vormlaag in het deelvenster Lagen:
Selecteer de vormlaag in het deelvenster Lagen van Photoshop.
Stap 18: Voeg witte lijnen toe rond de vorm
Klik vervolgens onderaan op het pictogram voor laageffecten (het "fx"-pictogram):
Klik op het pictogram voor laageffecten in het deelvenster Lagen van Photoshop.
En selecteer 'Stroke' uit de lijst:
Voeg een Stroke-laageffect toe aan de vorm.
Kleurstreek
In het dialoogvenster Laagstijl kunt u de lijnkleur wijzigen door op de kleurstaal te klikken:
Klik op het kleurstaal Lijn in het dialoogvenster Laagstijl van Photoshop.
Selecteer in de kleurenkiezer wit door de waarden R, G en B op 255 in te stellen. Klik vervolgens op OK om de kleurenkiezer te sluiten:
Selecteer wit in de kleurenkiezer.
Slagpositie
Controleer in het dialoogvenster Laagstijl of de Positie van de omtrek is ingesteld op Binnen, zodat de hoeken van de rand mooi en scherp blijven:
Stel de positie van de streek in op Binnen.
Slaggrootte
Versleep vervolgens de schuifregelaar Grootte om de breedte van de rand in te stellen. Welke maat u nodig hebt, hangt af van uw afbeelding. In het voorbeeld wordt de afbeelding ingesteld op 40 pixels:
Gebruik de schuifregelaar Grootte om de randgrootte in te stellen.
En dit is het effect met een kleinere rand rond de afbeelding:
Effect met toegevoegde rand.
Stap 19: Voeg een slagschaduw toe
Als u een slagschaduw achter de afbeelding wilt toevoegen, klikt u op de optie Slagschaduw in de kolom Verticale effecten aan de linkerkant van het dialoogvenster Laagstijl:
Selecteer het Drop Shadow-effect
Hoek en afstand van de schaduw
Klik en sleep vervolgens in de afbeelding om de hoek en afstand van de schaduw in te stellen. In dit voorbeeld wordt de cursor naar beneden en naar rechts getrokken, zodat de lichtbron voor de schaduw vanuit de linkerbovenhoek verschijnt:
Versleep de schaduw naar beneden en naar rechts in de afbeelding.
U kunt ook specifieke waarden voor Hoek en Afstand invoeren in het dialoogvenster. In het voorbeeld zou de Hoek op 135 graden worden ingesteld en de Afstand op 50 pixels. Afhankelijk van uw afbeelding heeft u mogelijk een kleinere of grotere Afstandswaarde nodig:
Voer specifieke waarden voor Hoek en Afstand in.
Balgrootte
Met de waarde Grootte bepaalt u hoe zacht of ondoorzichtig de schaduwranden zijn. In het voorbeeld wordt dit ingesteld op 15 pixels:
Verzacht de schaduwranden door de grootte te vergroten.
Schaduwdekking
U kunt de intensiteit van de schaduw (hoe licht of donker de schaduw is) aanpassen door de schuifregelaar Dekking te verslepen . Maar in het voorbeeld blijft de standaardwaarde van 35% staan:
Houd de schaduwdekking op de standaardwaarde.
Klik op OK wanneer u klaar bent om het dialoogvenster Laagstijl te sluiten. En hier ziet u het effect met een rand en slagschaduw toegevoegd aan de kleinere afbeelding. Nog één ding te doen:
Picture-in-Picture-effect met rand en schaduw toegevoegd aan een kleinere foto.
Stap 20: Draai de vorm
Tot slot kunt u het effect nog leuker maken door de vorm rond uw onderwerp te draaien.
Zorg ervoor dat de vormlaag actief is in het deelvenster Lagen:
Selecteer de vormlaag in het deelvenster Lagen van Photoshop.
Zorg dat het Rechthoekgereedschap nog steeds actief is in de werkbalk en beweeg uw muisaanwijzer net buiten een van de handvatten van de vorm. De cursor verandert in het pictogram Draaien (een gebogen lijn met pijlen aan beide uiteinden):
Beweeg de muis over een handvat om het pictogram Draaien te openen.
Klik en sleep vervolgens om de vorm te draaien. De afbeelding in de vorm blijft op zijn plaats. Alleen de vorm zelf, inclusief de omtrek en de schaduw, zal draaien, waardoor het lijkt alsof de foto schuin is genomen:
Draai de kleine foto rond het hoofdonderwerp.
Stap 21: Breng eventuele laatste aanpassingen aan de grootte van de vorm aan
Controleer of de gedraaide vorm geen delen van het onderwerp afsnijdt en pas indien nodig de grootte van de vorm opnieuw aan door de handgrepen te verslepen.
Wanneer u klaar bent, verbergt u de rand en de grepen rond de vorm door op Enter (Win) / Return (Mac) op uw toetsenbord te drukken.
En hier, na het uitrekken van de onderkant van de vorm om te voorkomen dat een deel van de duim van de vrouw wordt afgesneden, is het uiteindelijke beeld-in-beeld-effect te zien: