Learn to create this energetic and dynamic sport based wallpaper in Photoshop. You can learn how to put different elements like splatters, stains, particles, textures together and make it all look like one piece. Along the way it demonstrates non destructive image editing and manipulation techniques which are highly useful in day to day tasks.

Preview of Final Results

final-results

Resources


Step 1

Create a new file with the below dimensions. This is going to be a wide screen wallpaper
image(1)

Step 2

Create a new layer in the Layers palette. Set the foreground color to #040916. Hit Alt + Backspace to fill the current color.
image(2)

Step 3

Let’s add a texture to the background to make it look a bit dynamic. Import the texture directly into our file as a Smart Object using the “Place” command. Choose File > Place and locate the texture. This imports the image as a Smart Object which we can transform and apply filters to without harming the actual contents of the image.
image(3)
Now the texture is placed in our document.
image(4)

Step 4

Hit Ctrl + T, hold by the corner and rotate it 90 degrees anti clock wise or simply right click and choose “Rotate 90 degrees CCW” option.
image(5)
Resize the texture to cover the entire document area and hit “Enter” to confirm the transformation.
image(6)

Step 5

Now desaturate the texture. Apply “Hue/Saturation” adjustment layer on top of the texture. Set the saturation to -100 using the slider. Then clip it to the texture layer by clicking the “Clip to the Below Layer Option” or by pressing Ctrl + Alt + G.
image(7)

Step 6

We need to invert the texture layer. Since it is a Smart Object we can’t directly invert it. Double click on the thumbnail to see the contents. Now press Ctrl + I or go to Image > Adjustments > Invert to invert the image. Press Ctrl + S to save and close the smart object document.
image(8)
Your image should look like below.
image(9)

Step 7

Set the blend mode to “Color Dodge”
image(10)

Step 8

Increase the visibility of the texture. Add Levels adjustment layer to the texture and adjust the mid tone values.
image(11)

Step 9

Import the ground layer using the place command like earlier.
image(12)

Step 10

Make a similar selection using the Lasso Tool. No need to be perfect, just keep it identical.
image(13)

Step 11

Once the selection in on click on the “Add layer mask” button at the bottom of the Layers Palette. You should get the below result.
image(14)

Step 12

Open up the New York skyline image. In the Layers palette right click on the layer thumbnail and choose “Layer From Background” option. Now select the buildings using your preferred selection tool. I used Magic Wand tool and Polygonal Lasso tool in combination to select mine.
image(15)
I would like to further adjust the selection using the “Refine Edge” command (Select > Refine Edge). After adjustments click “OK” to confirm.
image(16)

Step 13

Add layer mask using the selection.
image(17)

Step 14

Select the buildings on the sides. Click the Layer mask that is already there, fill the selection with black to hide them.
image(18)

Step 15

Before moving this into our design we need to convert it into a Smart Object. So that we can transform it freely. Right click on the layer and choose “Convert to Smart Object”.

8 thoughts on “Create a Sports Wallpaper with Splatter Effects”

  1. Thank you so much for your simple and clear tutorial. As a newbie to PS, I didn’t know that the blend to screen feature can be so useful! Thank you!!! ;-)

    1. Photoshop Tutorials Editor

      Thank you for the comment – I really appreciate you pointing out the errors! I’ve fixed the steps but there were some stock images link that I couldn’t find the links to. It appears that the author does not have links to some of the resources and recommends that you find your own.

  2. Few stock images are missed. I think you should include every stock image that you used in Resources section.
    No brown mountain, no flame, no ball…

Leave a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top

Subscribe and EnjoyFree Photoshop Actions

Sign up to our weekly newsletter and as a thank you, you’ll get 10 free Special FX Photoshop Actions courtesy of SparkleStock ($12 value).

Special FX Photoshop Actions