photoshop creative

Learn to edit out of bounds (part 1)

Posted in:
Tips & Tutorials, by Mark White
April 18, 2015

Make a shark leap – Photoshop-style – as we create a project that bursts and spills off the page

1. Image placement

Find your tablet image and a jumping shark image. Open them both in the same document, and transform them both so that the shark appears to be jumping out of the iPad. It’s helpful to reduce the Opacity of the layers when positioning.

2. Inside the box

Hide the shark layer and focus on the image inside the tablet. Create a selection around the screen of the tablet and use a layer mask. Add an Inner Glow layer style, but change the blend mode to Multiply  and the colour to a deep grey.

3. Jump the paths

Use the Pen tool set to Path to create a tight outline around the shark on its layer. Use that path as a vector mask to isolate the shark. Open the Properties panel and set Feature to 0.5px to slightly soften the mask edge.

4. Shark and shark again

Adjust the Hue/Saturation of the Shark layer, set adjustment to Cyans and set Hue to 15, Saturation to -70 and Lightness to 19. Create two duplicates of the masked shark layer, call one SharkBlur and the other SharkColour.

5. Increased highlights

Turn the SharkColour layer into a Smart Object and run the Camera Raw filter to intensify the highlights. In the Basic tab, set the Contrast to 14, Highlights to 74, Shadows to 51, Whites to 30, increase the Clarity to 76, and Vibrance to 4.

6. Faded effect

After applying the Camera Raw settings, back in Photoshop hide the SharkBlur layer and focus on the SharkColour layer. Add a layer mask and use a linear gradient from black to white to fade the highlight effect down the length of the shark.

7. Add Motion Blur

Right-click the vector mask of the SharkBlur layer, choose Rasterise Vector Mask, then right-click again and choose Apply Layer Mask. Run the Motion Blur filter and set the Angle to -35 and a Distance of 142 pixels. Then use a layer mask to contain the blur towards the bottom of the shark.

8. Subtle shark shadow

Create a SharkShadow layer just above the Background. Cmd/Ctrl-click on the Shark copy mask to create a selection. Fill with black and cancel the selection. Give the shadow a 5px Gaussian Blur, set the mode to Multiply, reduce the Opacity to 18% and scale down slightly so the shadow is visible.

Come back tomorrow for part 2!

  • jon

    Very hard to follow tutos for a beginner

  • All post are written in simple language and its very descriptive I want to give you many thanks for your post.