In deze Photoshop-zelfstudie leren we een eenvoudige manier om meer aandacht te vestigen op het hoofdonderwerp van een afbeelding door de illusie te wekken dat er een kleinere, bijgesneden versie van de foto in het origineel op ware grootte zit, en we zullen toevoegen aan de effect door het resterende gebied buiten de kleinere versie om te zetten in zwart en wit. Deze zelfstudie is volledig compatibel met Photoshop CS6 en bevat een blik op de nieuwe vul- en lijnopties voor vectorvormen in CS6. Als u een eerdere versie van Photoshop gebruikt, bekijk dan onze eerdere zelfstudie Foto binnen een foto.
Hier is de afbeelding waarmee ik zal beginnen (jongen en meisje in bloemenfoto van Shutterstock):
De originele afbeelding.
En zo ziet het uiteindelijke effect "foto binnen een foto" eruit:
Het eindresultaat.
Hoe een foto in een foto te plaatsen
Stap 1: Dupliceer de achtergrondlaag
Onze eerste stap is om een kopie te maken van onze achtergrondlaag. Als we in het deelvenster Lagen kijken, zien we onze nieuw geopende afbeelding op de achtergrondlaag staan die momenteel de enige laag is die we hebben:
De achtergrondlaag bevat onze originele afbeelding.
Als u een kopie van de laag wilt maken, gaat u naar het menu Laag in de menubalk boven aan het scherm, kiest u Nieuw en kiest u vervolgens Laag via kopie . Of, voor een snellere manier om toegang te krijgen tot dezelfde opdracht, druk eenvoudig op Ctrl + J (Win) / Command + J (Mac) op uw toetsenbord. Hoe dan ook werkt prima:
Ga naar Laag> Nieuw> Laag via kopie.
Er lijkt niets te gebeuren met de afbeelding in het documentvenster, maar als we opnieuw kijken in het deelvenster Lagen, zien we dat Photoshop een kopie van de laag heeft gemaakt, de kopie Laag 1 genoemd, en deze direct boven de oorspronkelijke achtergrondlaag geplaatst :
De kopie van de laag verschijnt boven het origineel.
Stap 2: Selecteer het gereedschap Rechthoek
Selecteer het gereedschap Rechthoek in het deelvenster Gereedschappen aan de linkerkant van het scherm. Zorg ervoor dat u het niet verwart met het gereedschap Rechthoekig selectiekader boven aan het deelvenster Gereedschappen. We willen het gereedschap Rechthoek - een van de basisvormgereedschappen van Photoshop - en het bevindt zich dichter bij de onderkant van het deelvenster Gereedschappen:
Het gereedschap Rechthoek selecteren.
Stap 3: Teken de vorm van de kleinere foto
Met onze Rechthoektool geselecteerd, gaan we een rechthoekige vorm rond het hoofdonderwerp van de foto tekenen, en deze vorm wordt binnenkort de kleinere, bijgesneden versie van de afbeelding. Maar voordat we beginnen met tekenen, moeten we een paar opties instellen voor het gereedschap Rechthoek in de optiebalk boven aan het scherm. Stel eerst de optie Tool Mode (ook bekend als de tekenmodusoptie) uiterst links op de optiebalk in op Shape als deze nog niet is ingesteld, omdat we een vectorvorm willen tekenen (in tegenstelling tot een pad of een op pixels gebaseerde vorm):
De optie Tool Mode instellen op Shape.
Vervolgens moeten we de kleuren kiezen voor de vulling en lijn van onze vorm. Laten we eerst de vulkleur kiezen. Klik op de optie Vullen op de optiebalk, die nieuw is in Photoshop CS6:
Klik op de optie Vullen.
Dit opent een paneel waarmee we kunnen kiezen welk type vulling we willen (een effen kleur, een verloop, een patroon of helemaal niets). Klik op de optie Effen kleur boven aan het paneel (tweede miniatuur van links) en kies vervolgens zwart als vulkleur door op het zwarte kleurstaal te klikken. Technisch gezien kunnen we elke gewenste kleur kiezen voor de vulling, omdat we deze toch niet in het eindresultaat zien, maar om ons beide op dezelfde pagina te houden, kiezen we gewoon zwart. Druk op Enter (Win) / Return (Mac) op uw toetsenbord wanneer u klaar bent om het paneel te sluiten:
Klik op de optie Effen kleur boven aan het paneel en kies vervolgens zwart als vulkleur.
Nu kiezen we een kleur voor de lijn die rond de vorm verschijnt en als een fotoland dient. Klik op de optie Lijn in de optiebalk, ook nieuw in Photoshop CS6:
Klik op de optie Lijn.
Dit opent een vergelijkbaar paneel als dat waar we zojuist naar hebben gekeken, behalve dat we hier het type lijn kiezen dat we willen toepassen. Nogmaals, we kunnen een effen kleur kiezen voor de streek, een verloop, een patroon of helemaal niets. Klik nogmaals op de optie Effen kleur bovenaan het paneel (tweede miniatuur van links) en kies deze keer wit als lijnkleur door op het witte kleurstaal te klikken. Druk op Enter (Win) / Return (Mac) wanneer u klaar bent om het paneel te sluiten:
Klik nogmaals op de optie Effen kleur en kies vervolgens wit voor de lijnkleur.
Een laatste ding dat we moeten doen voordat de vorm wordt getekend, is het instellen van een begingrootte voor de lijn. In dit stadium hoeft u zich geen zorgen te maken over het kiezen van de juiste maat, want met Photoshop CS6 kunnen we gemakkelijk teruggaan nadat we de vorm hebben getekend en de lijngrootte wijzigen. Ik gebruik hier een grote afbeelding met een hoge resolutie, dus voor nu voer ik een begingrootte van 20 pt in het vak Grootte in de optiebalk in. U wilt beginnen met een lagere waarde als u met een kleine afbeelding werkt, maar nogmaals, we kunnen deze later gemakkelijk wijzigen. Druk op Enter (Win) / Return (Mac) wanneer u klaar bent om de oorspronkelijke grootte te accepteren:
Een begingrootte voor de streek invoeren.
Met alle opties ingesteld, klik ik in mijn afbeelding met het gereedschap Rechthoek en met mijn muisknop nog steeds ingedrukt, sleep ik diagonaal over mijn hoofdonderwerpen om er een rechthoek omheen te tekenen. Terwijl we de vorm tekenen, is alleen een eerste padomtrek zichtbaar:
Een rechthoek tekenen rond de jongen en het meisje op de foto.
Pas als we de muisknop loslaten, tekent Photoshop de vorm, vult deze met zwart en omringt deze met de witte lijn:
Laat uw muisknop los en Photoshop tekent de vorm.
Als we in het deelvenster Lagen kijken, zien we dat Photoshop de rechthoek op zijn eigen vormlaag direct boven laag 1 heeft geplaatst:
De vorm verschijnt op een nieuwe vormlaag.
Stap 4: Formaat van de slag wijzigen indien nodig
Op dit punt is de kans groot dat de witte lijn rond de vorm er te dik of te dun uitziet voor een fotorand, dus als u het formaat wilt wijzigen, moet u ervoor zorgen dat het gereedschap Rechthoek nog steeds is geselecteerd in het deelvenster Gereedschappen en de vormlaag (Rechthoek 1) is geselecteerd (blauw gemarkeerd) in het deelvenster Lagen en klik vervolgens op de kleine pijl rechts van de huidige lijngrootte in de optiebalk. Dit opent een kleine schuifregelaar die u naar links of rechts kunt slepen om de lijndikte te vergroten of te verkleinen. Houd de lijn in de gaten terwijl u de schuifregelaar sleept voor een live preview van de resultaten. Ik ga mijn slaggrootte verkleinen tot iets dichter bij 14 pt, maar nogmaals, ik werk aan een afbeelding met een hoge resolutie. Afbeeldingen met een lage resolutie hebben waarschijnlijk een lagere waarde nodig:
Het formaat van de lijn rond de vorm wijzigen.
Druk op Enter (Win) / Return (Mac) wanneer u klaar bent om de schuifregelaar te sluiten. Hier is mijn afbeelding na het wijzigen van de lijn. In mijn geval is het gewoon een beetje dunner dan voorheen:
De afbeelding nadat het formaat van de lijn om de vorm is gewijzigd.
Stap 5: Sleep de vormlaag onder laag 1
Op dit moment blokkeert de vorm de foto eronder volledig uit het zicht. Om dat te repareren, moeten we onze vormlaag naar beneden verplaatsen tussen de achtergrondlaag en laag 1. Klik daarvoor op de vormlaag in het deelvenster Lagen en houd de muisknop ingedrukt en begin de laag naar beneden te slepen totdat u ziet er verschijnt een balk tussen Laag 1 en de Achtergrondlaag:
Sleep de vormlaag naar beneden totdat de markeringsbalk verschijnt.
Wanneer u de balk met markeringen ziet, laat u uw muisknop los en laat Photoshop de vormlaag op zijn plaats vallen tussen de andere twee lagen:
Het deelvenster Lagen toont nu de vormlaag tussen de oorspronkelijke twee lagen.
Nu laag 1 nu boven de vormlaag zit, kunnen we opnieuw onze volledige foto in het documentvenster zien, maar het lijkt misschien alsof we een probleem hebben opgelost door een ander probleem te maken, omdat onze rechthoek nu is verdwenen. We lossen dat zo op:
De foto op laag 1 blokkeert de rechthoekvorm tijdelijk uit het zicht.
Stap 6: Selecteer laag 1
Klik op Laag 1 in het deelvenster Lagen om deze te selecteren:
Klikken op laag 1.
Stap 7: Maak een knipmasker
Terwijl Laag 1 actief is, klikt u op het menupictogram in de rechterbovenhoek van het deelvenster Lagen:
Klikken op het menupictogram van het deelvenster Lagen.
Kies Create Clipping Mask in het menu dat verschijnt:
De opdracht Clipping Mask maken kiezen in het menu.
Hiermee wordt de foto op laag 1 "geknipt" naar de rechthoek eronder. Als u niet bekend bent met hoe knipmaskers in Photoshop werken, kan het een beetje moeilijk zijn om te vertellen door alleen naar de afbeelding te kijken wat er op dit punt aan de hand is (dat komt omdat laag 1 en de achtergrondlaag beide exact dezelfde foto bevatten ), maar we kunnen zien dat er iets is gebeurd omdat de witte lijn rond de rechthoek is teruggekeerd, waardoor we het eerste deel van onze illusie "foto binnen een foto" krijgen:
De afbeelding na het maken van het knipmasker.
Als we snel in het deelvenster Lagen kijken, zien we dat laag 1 nu naar rechts inspringt met een kleine pijl links van de voorbeeldminiatuur die naar beneden wijst naar de vormlaag eronder, zo vertelt Photoshop ons dat die laag 1 is nu geknipt in de vormlaag:
Het deelvenster Lagen met het knipmasker.
Stap 8: Selecteer de vormlaag
Klik op de vormlaag in het deelvenster Lagen om deze te selecteren:
De vormlaag selecteren.
Stap 9: voeg een slagschaduw toe
Laten we de kleinere foto in het midden helpen meer op te vallen door deze een slagschaduw te geven. Selecteer de laag Vorm en klik op het pictogram Laagstijlen (de "fx") onderaan het deelvenster Lagen:
Klik op het pictogram Laagstijlen.
Kies Slagschaduw onderaan de lijst met laagstijlen die verschijnt:
Een laagstijl voor slagschaduw kiezen.
Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Slagschaduw in de middelste kolom. Eerst ga ik de hoek van de schaduw veranderen in ongeveer 135 ° zodat de lichtbron van linksboven lijkt te zijn. Met de schuifregelaar Afstand bepalen we hoe ver de schaduw achter het object uitsteekt. Voor mijn afbeelding met een hoge resolutie werkt een afstandswaarde van ongeveer 80 px goed, maar afbeeldingen met een lagere resolutie vereisen een veel lagere waarde, dus je moet misschien een beetje experimenteren. Gelukkig geeft Photoshop ons een live preview van de resultaten in het documentvenster terwijl we de schuifregelaar naar links of rechts slepen om verschillende waarden te proberen, dus experimenteren is eenvoudig.
Om de schaduwranden te verzachten, gebruiken we de optie Grootte . Hoe hoger de waarde, hoe zachter de randen, maar nogmaals, de waarde die u nodig hebt, hangt sterk af van de grootte van uw afbeelding. Voor mij verzacht een Grootte-waarde van 30 px de randen mooi, maar een kleinere waarde werkt beter met kleinere afbeeldingen. Ten slotte ga ik de dekking van mijn schaduw verlagen tot 30%, dus het is mooi en subtiel. We willen niet dat de schaduw de belangrijkste focus van het effect is:
De slagschaduwopties.
Klik op OK als u klaar bent om het dialoogvenster Laagstijl te sluiten. Zo ziet het effect eruit met de slagschaduw die wordt toegepast op de kleinere versie van de foto:
De afbeelding na het toepassen van de slagschaduw.
Stap 10: Wijzig de grootte en roteer de kleinere foto met gratis transformatie
Laten we de kleinere foto een beetje roteren en het formaat indien nodig tegelijkertijd wijzigen om het effect iets meer te interesseren. We kunnen beide dingen doen met de opdracht Free Transform van Photoshop. Zorg ervoor dat de Vormlaag nog steeds is geselecteerd in het deelvenster Lagen, ga vervolgens naar het menu Bewerken boven aan het scherm en kies Vrije transformatie :
Ga naar Bewerken> Gratis transformeren.
Dit plaatst het vak Vrije transformatie en grepen (kleine vierkantjes) rond de kleinere afbeelding. Om het formaat te wijzigen, klikt en sleept u eenvoudigweg een van de handgrepen . Je vindt er een in elke hoek, maar ook bovenaan, onderaan, links en rechts. Om deze te roteren, verplaatst u uw muiscursor naar een willekeurige plaats buiten het vak Vrije transformatie en klikt en sleept u naar links of rechts. U kunt de kleinere afbeelding ook verplaatsen door ergens in het vak Vrije transformatie te klikken en te slepen. U zult merken dat het niet de afbeelding zelf is die wordt verkleind, gedraaid of verplaatst. Het is alleen de witte rand rond de afbeelding (evenals de slagschaduw) die wordt beïnvloed. Wanneer u klaar bent, drukt u op Enter (Win) / Return (Mac) op uw toetsenbord om de wijziging te accepteren en Free Transform te verlaten:
De kleinere afbeelding verkleinen, roteren en verplaatsen met Free Transform.
Stap 11: Selecteer de achtergrondlaag
Om het effect te voltooien, laten we de rest van de afbeelding - dat wil zeggen het gebied rond de kleinere versie van de foto - snel omzetten in zwart en wit. Klik op de achtergrondlaag in het deelvenster Lagen om deze te selecteren:
De achtergrondlaag selecteren.
Stap 12: Voeg een zwart / wit-aanpassingslaag toe
Selecteer de laag Achtergrond en klik op het pictogram Nieuwe aanpassingslaag onder in het deelvenster Lagen:
Klik op het pictogram Nieuwe aanpassingslaag.
Kies Zwart-wit in de lijst met aanpassingslagen die verschijnt:
Zwart / wit kiezen uit de lijst.
Dit voegt een zwart / wit-aanpassingslaag (met de naam Zwart-wit 1) toe aan het document direct boven de achtergrondlaag, zoals we kunnen zien in het deelvenster Lagen, wat betekent dat alleen de afbeelding op de achtergrondlaag eronder wordt beïnvloed. De kleinere versie van de foto op laag 1, die hoger in de lagenstapel staat, blijft in kleur:
Het deelvenster Lagen met de aanpassingslaag boven de achtergrondlaag.
De bedieningselementen en opties voor de aanpassingslaag Zwart-wit verschijnen in het deelvenster Eigenschappen . De beeldaanpassing in zwart-wit werd voor het eerst geïntroduceerd in Photoshop CS3 en werd meteen de beste manier om kleurenfoto's naar zwart-wit te converteren. Aangezien we hier echter alleen de onbelangrijke delen van de foto naar zwart-wit converteren, hebben we niets speciaals nodig, dus ik ga gewoon op de knop Auto klikken om Photoshop snel een "beste" te laten doen raad "conversie voor mij:
Klik op de knop Auto voor een onmiddellijke zwart-witconversie.
En daarmee zijn we klaar! De kleinere foto blijft in kleur, terwijl het gebied eromheen eenvoudig in zwart-wit is omgezet, waardoor ons uiteindelijke effect ontstaat:
Het uiteindelijke resultaat "foto binnen een foto".