https://zeffective.com/wp-content/uploads/2016/10/create-pic-in-pic-effect-photoshop_featured.png 180 250 zeffective https://zeffective.wpengine.com/wp-content/uploads/2016/08/z_isolated.png zeffective2016-07-11 14:43:182018-05-02 14:04:47Create a Picture-in-Picture Effect in Photoshop
Here’s a simple tutorial for beginners on how to create a nice-looking picture-in-picture effect with a graphic or image.
What We’re Building: Picture-in-Picture Effect in Photoshop
How to Create Picture-in-Picture Effect in Photoshop
- Open an image in Photoshop
- Convert to layer by clicking the lock icon, , next to your image in the layers panel. This will unlock your background and convert it to a layer.
- Create a duplicate layer. Layer>Layer via Copy (⌘ + J)
- With the original layer selected, adjust its opacity to 50% – 80% (choose an Opacity level that looks best with your image).
- Select the duplicate layer. From the menu, select Edit>Transform>Scale. While holding the shift and command keys, drag a corner of the image to resize it (make it a little smaller than the original layer). Press the Return key when done.
- From the layers panel, select fx>drop shadow.
- Adjust the following settings from the Layer Style window then click OK: Opacity: 80%; Angle: 127; Distance: 68; Size: 30
- Save for Web. From the menu bar, select File>Export>Save for Web (Legacy)…
- Adjust any settings you want, e.g. Image Size to 40%, and click Save…
- Name your file>Save
- Finished. Now you’ve got a cool picture-in-picture effect image.
Screenshot Tutorial to Create a PiP Effect in Photoshop