Creating Out of Bounds Sport Car Wallpaper

mazda-rx8-wallpaper

Of the several types of cars in the game Need for Speed, Mazda RX8 is one type that I like, in addition to the sporty body also toughness to win every race. In this tutorial we’ll create a wallpaper with the car as if shot out of a photo.

Final Result Preview

Before starting the steps, we first see the image we will create. Click here to view the actual size.

photoshop out of bounds wallpaper tutorial

Step 1

The very first step is download this sport car images and then open in photoshop.

photoshop out of bounds wallpaper tutorial

Step 2

Next we started making the photo frame, start by creating a new layer named ‘frame’. Create a rectangular selection with the Rectangular Marquee Tool (M) and then using the Paint Bucket Tool (G) fill the selection area with white #FFFFFF.

photoshop out of bounds wallpaper tutorial

Step 3

Press Ctrl+click on ‘frame’ layer to load selection. Go to Select>Modify>Contract to minimize the size of the selection. Fill contract by 20 px. Next remove the white color in this selection area, you can press delete or go to Layer>Layer Mask>Hide Selection.

photoshop out of bounds wallpaper tutorial

Step 4

Press Ctrl+T then right click on the document and select Perspective. Drag the top right corner slightly to the left automatically the top left will shift slightly to the right.

photoshop out of bounds wallpaper tutorial

Step 5

Perform a transformation again as the previous step but now we use the Distort. Drag the top right edge to bottom left and lower right corner to bottom right diagonal direction.

photoshop out of bounds wallpaper tutorial

Step 6

Next use the Pen Tool (P) to create a path around the outside of the frame and car.

photoshop out of bounds wallpaper tutorial

Step 7

Now remove image outside the path. Press Ctrl+enter to make selection, activate the car layer and then select Layer>Layer Mask>Reveal Selection.

photoshop out of bounds wallpaper tutorial

Step 8

Remove white lines that cover the car image, could the Eraser Tool (E) or with a Layer Mask.

photoshop out of bounds wallpaper tutorial

Step 9

Create a new layer behind all layers and fill with white.

photoshop out of bounds wallpaper tutorial

Step 10

As a last step we will give the shadows on the frame. There are several steps to make it. First add a new layer above the layer we created in step 9. Create a selection like the following picture and then fill the area with black #000000.

photoshop out of bounds wallpaper tutorial

Drag the shadow layer with the Move Tool (V) slightly downward and to the right. Change the fill layer opacity to 60% and then give a little blur on the layer, click Filter>Blur>Gaussian Blur, set the four pixels as the radius.

photoshop out of bounds wallpaper tutorial

Final Result

photoshop out of bounds wallpaper tutorial

Another example with the same trick.

photoshop out of bounds wallpaper tutorial

Download psd file

5 Comments

  1. nice:) thanks for the post…….

  2. Ini yang saya cari-cari, tutorialnya mantap

  3. What a brilliant post. Fabulous. Keep it up…

  4. Great collection and brilliant design. Thanks for sharing.

Leave a Reply