Saturday 27 October 2012

Create your own Wallpaper #1 : Rainbow

There are so many ways on creating nice HD wallpapers yourself in Photoshop, so I figured I would post a tutorial series on it. Today starting with a rainbow/spectrum wallpaper. I've seen alot of abstract wallpapers that look like this but here's how you create one yourself that is fully customizable to your own tastes.

So this is what a result could look like after following this tutorial :


  • First step as always create a new File in Photoshop with the resolution of your current screen resolution ( mine's 1920x1080 px )
  • Unlock your Background layer by double clicking on it 
  • Select the Gradient Tool (Hotkey : G) and create a black and white gradient form the bottom to the top. To do so click somewhere on the bottom of the image, hold shift and drag up until the upper edge of your background. 
  • You should be looking at something like this  : 



  • Next go to Filter > Distort > Wave
  • In the upcoming window change the number of generators to 10 and the Type to "Square" and press OK.


Result so far : 



  • Time to add some color : To do so, double click on your layer to add a Layer Style and select Gradient Overlay. Double click on the black and white gradient and select a spectrum preset gradient. In order to see that click the small wheel in the top right of the latest window and select "Spectrums" form the drop-down. If this was a little unclear here is an illustration : 



  • When you got the right gradient selected you need to change Blend Mode to : Linear Burn, Opacity to 80% and the Angle to 0°

  • The following step is optional but I find it adds a nice extra touch to it : Create a new layer and a black&white gradient just like the one in the very beginning. Change the Blend mode of the layer from Normal to "Soft Light". It just makes the bottom a bit darker and the top of the picture a bit lighter

  • Basically you could let it like this and use it as background already. Or you could add a little touch to it, namely the rectangles that you can see in the preview at the very top of this post. 
  • To create those we need to make a new paint brush. 
  • For that hit CTRL+N to create a new document and choose as width : 50px and as height : 100px 
  • Color the newly created mini-picutre black using the paint bucket tool (G) 
  • Once that's done go to Edit > Define Brush preset and hit OK as soon as the new window pops up
  • Switch back to your background and select the brush tool (B) , right click on the image and select your newly created brush at the very bottom
  • Before we start painting we need to change some brush settings and create new layer.
  • CTRL+SHIFT+N to create  a new layer and then hit F5 ( Or go to Window > Brush )  to bring up the brush options window
  • First you wanna select Brush Tip Shape on the left and change the Brush size to 100px and Spacing to 350%
  • Shape Dynamics : Set Size-Jitter to 100% 
  • Scattering : Set Scatter to 1000% , Count to 1 and Count Jitter to 100% 
  • Transfer : Opacity Jitter : 100%
Make sure your primary color is White and when that's all done you can hold down your left mouse button and draw all over the picture. Now you can either let the rectangles white or you can go ahead and change the layer blending mode from Normal to something like Overlay or Soft Light. 

And that's it ! I hoped you enjoyed it and see you next time.