Latest Articles & Tutorials

Don't be stingy, Share this post with others!

Create an astonishing soccer desktop wallpaper using photoshop

Photoshop is a very hard program to use if you’re unfamiliar with it. I know many people are not photoshop savvy and have trouble creating things in photoshop. In this tutorial we will be creating a very simple but nice look desktop wallpaper.

Download Final

Before we begin you will need the files below:

Step 1

Create a new document 1280px x 1000px.
New Document

Step 2

Now we’re going to create our grass background. Right click on the background layer>>blending options>>Pattern overlay and load or choose the grass pattern that you’ve downloaded.
pattern grass

Now go to Filter>>Render>>lighting effect
Lighting Effect

Style: Triple Spotlight, Light Type: Spotlight, Intensity: 35, Focus:100 , Gloss:0 , Material:69 , Exposure:65 , Ambience:13 , and Texture Channel:none.
Lighting Effect settings

Preview 1

Step 3

Next thing we are going to be doing is creating the actual soccer lines for our feilds. Select the rectangle tool, color:ffffff and create a nice big rectangle across the grass leaving space around the rectangle.
rectangle

Now change the layer opacity to 10% and layer fill to 0. Then right click on the rectangle layer>>blending options>>stroke>> size:3px, position:inside, blend mode:normal, opacity:100, Fill Type:color, #ffffff
rectangle settings

You should now have a rectangle box for the soccer field.

Step 4

Now we’re going to be doing the same steps for the rest of the boxes on the field. Create a another rectangle box, color:#fffff. Now change the layer opacity to 10% and layer fill to 0. Then right click on the rectangle layer>>blending options>>stroke>> size:3px, position:inside, blend mode:normal, opacity:100, Fill Type:color, #ffffff
rectangle big

Create another rectangle inside of the one we’ve just created color:#ffffff. Now change the layer opacity to 10% and layer fill to 0. Then right click on the rectangle layer>>blending options>>stroke>> size:3px, position:inside, blend mode:normal, opacity:100, Fill Type:color, #ffffff
rectangle inner

Now select the rounded rectangle tool color:#ffffff and create a small circle at the top of our rectangle.
small circle

Now change the layer opacity to 10% and layer fill to 0. Then right click on the rectangle layer>>blending options>>stroke>> size:3px, position:inside, blend mode:normal, opacity:100, Fill Type:color, #ffffff. Then select the eraser tool(square brush) and just drag it down half of the circle leaving the upper half untouched.
circle erase

Step 5

Group all the layers we’ve just created for our soccer field lines except of the big rectangle. Then right click on the group and duplicate it. After you have duplicated the group go to Edit>>Transform>>flip horizontal.
duplicate

Step 6

Now lets create our center field marks. Select the rounded rectangle tool color:#fffff, then create a circle in the middle of the field. Now change the layer opacity to 10% and layer fill to 0. Then right click on the rectangle layer>>blending options>>stroke>> size:3px, position:inside, blend mode:normal, opacity:100, Fill Type:color, #ffffff. Then select the line tool color:#ffffff, and hold Shift+drag to create a perfectly straight line going down the middle of the feild. Change the opacity on the straight line to 10%. You should now have something like the image below.
center field

Step 7

Select the type tool, font: Arial,bold size 200px, smooth. Create a fancy text you would like to use. I used Webdevtuts for the example. Then change the text opacity to 30%.
text layer

Right click on the text layer>>blending options>>drop shadow. blend mode:multiply, opacity:100, angle:120, distance:5, spread:65, size:5,
drop shadow

Now select inner shadow. blend mode:multiply, opacity:100, angle:120, distance:0, spread:0, size:35,
inner shadow

Now select Bevel & Emboss. style:inner bevel, technique:smooth, depth:205, direction:up, size:174, soften:16.
angle:120, altitude:30, highlight mode:screen color:#dbdbdb, opacity:75, shadow mode:multiply color:#64781c, opacity:75
Bevel

Now select pattern overlay. Choose the grass pattern again that we used for our background.
pattern

Now select stroke. size:1, position:outside, angle:120, blend mode:normal, opacity:100, color:#000000.
stroke

You should now have something like this.
preview 2

Step 8

Select the elispe tool, color:#fffff and create a circle in the middle of our field. Then change layer filter to exclusion(by default it should say normal) opacity: 70% and fill to 8%.
spotlight

Step 9

Now lets add our soccer players. Drag or insert the soccer players. Players might be to big at first but just resize them to the appropriate fixture.
players

Step 10

Duplicate the Webdevtuts text layer then change the text to game time and resize it to 100px. Right click on the text layer>>blending options>>drop shadow. blend mode:multiply, opacity:100, angle:120, distance:5, spread:65, size:5,
drop shadow2

Now select gradient overlay. blend mode: normal, gradient: left color#858585, right color, #000000, style:linear, angle:90, scale:100. Then click ok then you’re finish. You
have created your very own soccer theme wallpaper. If you follow this tutorial I would love to see other outcome.
grad 2

Here is the final image final

Don't be stingy, Share this post with others!

Marcell Purham

Marcell is the founder of Webdevtuts. He is also a web designer & developer who loves to design and develop websites. If you're looking for him you can find him via @webdevtuts


More posts by Marcell Purham →
, , , , , , , , .

13 Responses to Create an astonishing soccer desktop wallpaper using photoshop

  4. Pingback: Soccer Desktop Wallpaper « photoshop.PHopping.org

  7. Pingback: 33 Latest Photoshop Wallpaper Design Tutorials - Noupe Design Blog

  8. Pingback: 33 Latest Photoshop Wallpaper Design Tutorials /  Weblog – Hans van Goor

Close