3 Replies Latest reply on Mar 14, 2017 4:11 AM by davescm

    PSD Mockup help please...

    Richard Ulph

      I'm creating PSD mockups to use on my website. I need to be able to create layers that sit over some of the smart objects to make them look more realistic. In this one I need to make the pocket appear over the insert card that is sitting inside it. I have no idea how to do this or how to describe the process in order to find a step by step or video - any help much appreciated.

       

      Screen Shot 2017-03-13 at 20.23.51.png

        • 1. Re: PSD Mockup help please...
          davescm Adobe Community Professional

          Use layers and masks.

           

          Imagine a layer as being an image painted on a piece of transparent plastic. Where the mask is painted white - the image on that section of the layer  is visible. Where the mask is painted black, the image on that section of the layer becomes transparent and the underlying layer shows through.

           

          So I duplicated your image and masked so just the cover section was visible. ( I used the clone tool to repair the image and wipe out the writing and your path).

          I then used layer styles to add a small drop shadow to match the lighting.
          You could easily add another card between those two layers.

           

           

          If this is not what you were after - please shout out

           

          Dave

          • 2. Re: PSD Mockup help please...
            Richard Ulph Level 1

            Hello Dave,

             

            That's absolutely brilliant thanks and just the effect that I'm after. Could you explain the process of masking all but the cover section?

             

            I'll be taking more shots to use for mockups and I'm certain I'll need to do this quite a bit.

             

            Huge thanks in advance for your help!

             

            Cheers,

             

            Richard

            • 3. Re: PSD Mockup help please...
              davescm Adobe Community Professional

              Hi

              The mask is very simple.

              1. Duplicate your layer and ensure that new duplicate is highlighted in the layers panel

              2. Select the area you want to keep using one of the selection tools (in this case, with all straight lines,  the polygonal lasso tool is probably the easiest). You will see the "marching ants" around your selection

              3. Go to Layer - Layer Mask - Reveal Selection

              This will add a mask to your duplicated layer in the shape of your selection

               

              Dave

              1 person found this helpful