Create an Abstract Wallpaper for World Cup 2010

This tutorial will show how to create an abstract glowing background using the various brushes and warp transformation tool. We will also learn how to define brush patterns to make scanlines effects on layer masks.

Preview of Final Image

The texts and images are copyrighted to 10Steps.SG and their respective owners. You CANNOT copy the whole tutorial, either in English or translate to another language.

Create a new document of size 1000×500 pixels. Fill the background with black color.

Create a new layer and rename it as Abstract Glow. Select the Brush tool and pick the Soft Round 300 pixel brush. Increase the Master Diameter to 650 pixel. With foreground as white color, paint two dots like what I have done below.

On the same layer, reduce the Master Diameter of your brush and draw several horizontal straight lines. You may use a different size for each line. To ensure that the line is straight, you can press and hold the SHIFT key while dragging your mouse across the screen.

We need to make a small arc. Go to Edit > Transform > Warp. Move the control points as shown in the screenshot below.

Right-click on the Abstract Glow layer and choose Blending Options. Check on Gradient Overlay and key in the settings as shown in bottom left. Then check on Outer Glow and key in the settings shown in bottom right. Leave the rest of the settings as default.

Using the same steps, let us create another abstract glow that is slightly more vertical.

You can also create large abstract glow and experiment with its Opacity value.

Now you have a nice glowing background. I believe this technique will be useful for your projects next time.

Moving on, create a new layer below the Abstract Glow layer. Rename the new layer as Background Lights. Using the Brush tool with large sizes, paint some huge dots with dark colors like red and green around the document area.

Download "3d rendering of a soccer ball with flags of the participating countries in world cup 2010" from ShutterStock. Place the image in between the Abstract Glow and Background Lights layers. Set the Blend Mode of this football image to Overlay.

Download "Football player with ball" from ShutterStock. Using Pen tool, extract the footballer from his white background and place it as a layer on top of the Abstract Glow layer. You can refer to this post for more methods of extraction.

Create a new document with size 1 x 2 pixels. Create a new layer and delete the original Background layer. Using the Pencil tool, make a black dot at the top. Select the whole document, go to Edit > Define Pattern. You have created a Brush Pattern that we are going to use later.

Select the footballer layer and make a Layer Mask on it. Click on the mask, pick the Paint Bucket tool and find the brush pattern created in the earlier step. Fill the layer mask with this pattern.

Pick on the Smudge tool, drag to blur and stretch some parts of the footballer.

Right-click on the footballer layer and choose Blending Options. Check on Gradient Overlay and key in the settings as shown in bottom left. Then check on Outer Glow and key in the settings shown in bottom right. Leave the rest of the settings as default.

Download "Young male soccer player" from ShutterStock. Repeat the same steps to achieve the effects.

Download "Footballer holding a ball" from ShutterStock. Repeat the same steps to achieve the effects.

And you are done! Add in your texts to complete the design. I hope you enjoyed this tutorial. Thanks for reading.

Alternative Design

Other Design Articles You May Find Interesting

25 Comments | Write a Comment

  1. Xafyr says:

    do u have a youtube tutorial of this?

  2. Always nice to see something more complex like the gradient overlay and the use of mask layers

  3. Samual Groot says:

    great post! keep it on!

  4. jopofa says:

    nice, but not the same effekt at the first gradient overlay and outer glow with color dodge blend mode is simple not working!

  5. jessa says:

    Spain actually won.i know everyone knows that im just answering the question in the poster.lol

  6. deden says:

    is nice man… thanks for sharing… great tutorials..

  7. I was just starting, I thank you very useful help

  8. cel says:

    非常讚的教程
    感恩分享

  9. bubs353 says:

    Hey very helpful tutorial .. Thanks

  10. Jae Xavier says:

    got some other insights with technique on this one. thanks!

  11. tee are says:

    cool..

    worthed to try. Thanks for sharing.

  12. Bicklo says:

    Very nice tutorial, thank you.

  13. finalcross says:

    Looks simple and nice. TQ

  14. rombik2222 says:

    Отличный урок!!! все просто и понятно. Спасибо!

    Excellent lesson!!! All is simple and clear. Thanks!

Follow My Twitter Subcribe Full RSS