In deze tutorial over Photoshop-effecten gaan we leren hoe we een afbeelding in een andere afbeelding kunnen plaatsen met behulp van de opdracht "Plakken in" in Photoshop.
Met de Super Bowl van dit jaar (op het moment dat ik dit schrijf) vullen alle grote elektronicawinkels hun websites en wekelijkse flyers met foto's van de nieuwste high-definition tv's die het grote spel tonen. Als het geen groot sportevenement op de schermen is, is dit meestal de nieuwste blockbuster-dvd-filmrelease of een groot budgetvideospelletje.
Natuurlijk worden geen van deze afbeeldingen echt op het scherm weergegeven, omdat het bijna onmogelijk is om een foto van hoge kwaliteit te maken van iets dat op tv verschijnt. Het is allemaal gedaan in Photoshop. Een beeld van wat het ook is dat ze op tv willen hebben, wordt eenvoudig in het beeld van de tv zelf geplakt. In deze Photoshop-tutorial gaan we kijken hoe het is gedaan, zodat je dezelfde techniek met je eigen afbeeldingen kunt gebruiken!
Let op: deze versie van de zelfstudie is voor Photoshop CS4 en eerder. Voor gebruikers van Photoshop CS5, CS6 en CC, of voor een ander voorbeeld van hoe deze techniek kan worden gebruikt, bekijk onze volledig bijgewerkte versie.
Hier heb ik een afbeelding van het soort tv dat je waarschijnlijk in de flyer van een elektronicawinkel zou vinden:
Een afbeelding van een tv, vergelijkbaar met wat u zou vinden op de website van een elektronicawinkel of in hun wekelijkse flyer.
En hier is het beeld dat ik op de tv wil hebben:
Een foto van een voetbalspel.
Dit is hoe het eruit zal zien als we klaar zijn:
De game lijkt nu op het tv-scherm te worden weergegeven.
Hoe de ene afbeelding in de andere te plaatsen
Stap 1: Selecteer het gebied waarin u de tweede afbeelding wilt plakken
Open eerst de afbeelding waarin u de tweede afbeelding wilt plaatsen en teken een selectie rond het gebied waar de tweede afbeelding zal verschijnen. Het selectiegereedschap dat u gebruikt, hangt natuurlijk af van de vorm van het gebied dat u moet selecteren. Ik wil dat mijn tweede afbeelding in het tv-scherm verschijnt, wat een eenvoudige vierzijdige vorm is, dus ik ga Photoshop's veelhoekige lasso-tool gebruiken, die zich standaard verbergt achter de standaard Lasso-tool in het palet Tools. Ik ga op het pictogram Lasso Tool klikken, dan houd ik mijn muisknop een seconde of twee ingedrukt totdat het uitklapmenu verschijnt en selecteer ik vervolgens de Polygonal Lasso Tool in de lijst:
Het gereedschap Veelhoekige lasso selecteren in het palet Gereedschappen in Photoshop.
Met het gereedschap Veelhoekige lasso kunt u een selectie tekenen door eenvoudig op verschillende punten te klikken waar de richting van de selectie moet worden gewijzigd. Telkens wanneer u op een nieuw punt klikt, voegt Photoshop een rechte lijn toe tussen het nieuwe punt en het laatste punt waarop u hebt geklikt, vergelijkbaar met de manier waarop het gereedschap Pen werkt bij het tekenen van rechte wegsegmenten. Je blijft gewoon klikken in het gebied dat moet worden geselecteerd totdat je het hele gebied hebt omlijnd en je terug bent gegaan naar het begin. Wanneer u opnieuw op dat eerste punt klikt, maakt Photoshop de selectie.
Het selecteren van het tv-scherm met de Polygonal Lasso Tool is eenvoudig. Het enige wat ik moet doen is klikken in elk van de vier hoeken. Ik begin met de linkerbovenhoek, ga dan naar de linkerbenedenhoek, dan naar de rechteronderhoek en naar de rechterbovenhoek. We kunnen de drie lijnen zien die tot nu toe zijn gemaakt:
Klik in elke hoek van het tv-scherm met de Polygonal Lasso Tool om er een selectie omheen te tekenen.
Om de selectie te voltooien, klik ik nogmaals op dezelfde plek waarmee ik ben begonnen in de linkerbovenhoek van het tv-scherm, en Photoshop maakt mijn selectie voor mij:
Klik opnieuw op het beginpunt om de selectie te voltooien.
Stap 2: Kopieer de tweede afbeelding naar het klembord
Open uw tweede afbeelding in Photoshop en druk op Ctrl + A (Win) / Command + A (Mac) om een selectie rond de hele afbeelding te plaatsen:
Druk op "Ctrl + A" (Win) / "Command + A" (Mac) om een selectie rond de hele afbeelding te plaatsen.
Druk vervolgens op Ctrl + C (Win) / Command + C (Mac) om de afbeelding naar het klembord te kopiëren.
Stap 3: Plak de tweede afbeelding in de selectie
Schakel terug naar uw originele afbeelding in Photoshop. Je zou nog steeds de selectie moeten zien die je zojuist hebt gemaakt. We gaan de tweede afbeelding rechtstreeks in deze selectie plakken. Ga hiervoor naar het menu Bewerken boven aan het scherm en kies Plakken in:
Selecteer "Plakken in" in het menu "Bewerken".
Drie dingen zullen gebeuren met de originele afbeelding wanneer u "Plakken in" kiest. Photoshop voegt een nieuwe laag toe boven de achtergrondlaag in het palet Lagen, het plaatst de tweede afbeelding op de nieuwe laag en gebruikt de selectie die we hebben gemaakt om een laagmasker te maken, waardoor alle gebieden van de tweede afbeelding worden verborgen die buiten de selectie vallen, waardoor alleen het gebied binnen de selectie zichtbaar blijft. Met andere woorden, het enige deel van mijn voetbalbeeld dat zichtbaar zal zijn, is het gebied dat past binnen de selectie die ik rond het tv-scherm heb gemaakt.
Laten we eerst kijken naar het palet Lagen voor de originele afbeelding om te zien wat er is gebeurd. We kunnen zien dat ik nu twee lagen heb - de originele achtergrondlaag onderaan die mijn tv-afbeelding bevat, en de nieuwe laag, "laag 1", daarboven die de voetbalfoto bevat. We kunnen ook de miniatuur van het laagmasker zien (rood omcirkeld) en ons het laagmasker tonen dat is gemaakt. Het witte, rechthoekige gebied in het midden van de miniatuur is het gebied dat is geselecteerd (het tv-scherm) en al het zwarte gebied eromheen is het gebied dat niet is geselecteerd:
Photoshop voegt een nieuwe laag toe aan de originele afbeelding, plaatst de tweede afbeelding op de nieuwe laag en maakt een laagmasker op basis van de selectie die we in stap 1 hebben gemaakt.
En als we naar de afbeelding zelf kijken, kunnen we nu de voetbalafbeelding op het tv-scherm zien verschijnen:
De tweede afbeelding verschijnt nu in de selectie die we in de oorspronkelijke afbeelding hebben gemaakt.
Stap 4: Wijzig het formaat van de tweede afbeelding met gratis transformatie
Het enige probleem op dit moment is dat de tv in een hoek staat en de foto die ik erin heb geplakt niet, dus het perspectief tussen de twee afbeeldingen komt niet overeen. Om dat op te lossen, druk ik op Ctrl + T (Win) / Command + T (Mac) om het vak Vrije transformatie van Photoshop te openen en de tweede afbeelding af te handelen. Het eerste wat ik ga doen, is proberen zoveel mogelijk voetbalfoto in het tv-scherm te passen als ik kan, dus ik houd Shift + Alt (Win) / Shift + Option (Mac) ingedrukt en sleep een van de vier hoekhandgrepen naar het midden toe om de afbeelding kleiner te maken. Door "Shift" ingedrukt te houden, worden de verhoudingen van de afbeelding beperkt terwijl ik sleep, zodat ik niet per ongeluk het uiterlijk van de afbeelding vervorm en door "Alt / Option" ingedrukt te houden, vertelt Photoshop de afbeelding vanuit het midden te vergroten, wat het gemakkelijker maakt:
Wijzig het formaat van de afbeelding indien nodig met de opdracht "Vrije transformatie" van Photoshop.
Nu ik blij ben met de grootte van mijn tweede afbeelding, ga ik het perspectiefprobleem oplossen. Met Free Transform nog steeds actief, houd ik Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac) ingedrukt, waardoor Free Transform tijdelijk verandert in Perspective transform-modus. Je kunt ook naar het menu Bewerken gaan, Transformeren kiezen en vervolgens Perspectief kiezen, maar de sneltoets is eenvoudiger als je de Free Transform-grepen al hebt ingeschakeld.
In de modus Perspectief transformeren, klik ik opnieuw op het handvat in de linkerbovenhoek en sleep het een beetje naar beneden. Terwijl ik het handvat van de linkerbovenhoek naar beneden sleep, gaat het handvat in de linkeronderhoek tegelijkertijd omhoog. Hiermee kan ik de hoogte van de linkerkant van het voetbalbeeld verminderen zonder de hoogte van de rechterkant van het beeld te beïnvloeden, waardoor de illusie ontstaat dat het beeld zich in dezelfde hoek bevindt als de tv:
Gebruik de transformatiemodus "Perspectief" om eventuele perspectiefproblemen tussen de twee afbeeldingen te corrigeren.
Nu ik blij ben met de grootte en hoek van de tweede afbeelding, druk ik op Enter (Win) / Return (Mac) om de wijzigingen te accepteren en de opdracht Free Transform te verlaten.
Stap 5: voeg een stijl voor een binnenste schaduwlaag toe
Om het effect af te maken, ga ik een lichte schaduw toevoegen aan de randen van het voetbalbeeld, zodat het meer lijkt alsof het op het tv-scherm wordt weergegeven en minder als iemand die het daar gewoon heeft geplakt (hoewel dat precies is wat we deed). Met "Laag 1" geselecteerd, klik ik op het pictogram Laagstijlen onderaan het palet Lagen en selecteer ik Binnenste schaduw uit de lijst met laagstijlen:
Klik op het pictogram "Laagstijlen" onderaan het palet Lagen en selecteer "Inner Shadow" uit de lijst.
Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Inner Shadow in de middelste kolom. Verlaag de dekking van de binnenste schaduw tot ongeveer 60% zodat het niet zo intens is, en verlaag vervolgens zowel de grootte als de afstand tot 1 px. Mogelijk moet u ook de hoek van de schaduw aanpassen, afhankelijk van uw afbeelding. Ik heb de mijne ingesteld op 120 °:
Wijzig de opties voor de laagstijl Inner Shadow die hierboven is omcirkeld.
Klik op OK om het dialoogvenster Laagstijl te verlaten en de schaduw toe te passen, en je bent klaar! Hier is mijn uiteindelijke resultaat, nadat ik mijn schaduweffect langs de randen van het voetbalbeeld heb toegevoegd zodat het er natuurlijker uitziet op het tv-scherm:
Het eindresultaat.