Thursday, August 4, 2011

Create an Abstract Color Wallpaper in Photoshop




Mini Preview
Create an Abstract Color Wallpaper in Photoshop while learning new techniques and creating a custom photoshop brush.
New tutorial out of Imagination, Last day I was playing with photoshop, trying to make something nice and simple and that’s what came out, you’ll create an abstract wallpaper with shapes, textures and brushes.
Final Preview
Step 1 – New Document
Open Photoshop and create a new document with a transparent background, I choose 1680x1050px for the resolution, but you can choose the resolution you want, you’ll maybe need to tweak some parameters in a few steps.
Step 1
Step 2 – Background
First fill the background layer with white, Edit – Fill – White. Next add a Gradient Overlay layer style to the layer, Layer – Layer Style – Gradient Overlay and enter those parameters.
Step 2
Step 2
Step 2
Step 2
Step 3 – Background Texture
We’re going to use a paper texture for the background, download the texture Grungy paper texture v.6 by bashcorpo, open the file in photoshop and drag it into the document. Place the layer in front of the grey gradient background layer. I just used the top part of the texture but you can rotateresize the texture if you want using the Free Transform Tool Ctrl+T. Change the opacity to 20% and the blend mode to Multiply. Name the layer Paper Texture.
Step 3
Step 3
Step 4 – Paper Grunge Triangle
Create a new layer, and select the Custom Shape Tool, in the top bar select a triangle shape, if you don’t find it load all the custom shapes, you can do that by clicking on the little arrow in a circle then select all. Draw a triangle while holding the Shift key. When you’re done download the grunge textureText 274 by ShadyMedusa stock. Open it in photoshop and place it in front of the triangle, then make a selection of the triangle by doing Ctrl+Left Click on the Vector Mask on the Triangle layer. Go on the texture layer and create a layer mask. You should have something like this
Step 4
Step 4
Step 4
Add a Drop Shadow layer style to the texture layer, Layer – Layer Style – Drop Shadow.
Step 4
Step 4
Finally download a vintage newspaper image to put on the triangle, the image is Vintage News Paper II by LogicalXStock, drag it into the document resize it with the Free Transform Tool Ctrl+T if you need to and place the layer in front of the texture layer, then create a Clipping MaskRight Click on the image layer – Create a Clipping Mask. Rename the layer to Vintage Paper.
Step 4
Step 4
Step 5 – Circles
Create a new layer and select the Ellipse Tool (U), draw a circle shape while holding the shift key then right click on circle layer and select Rasterize layer. Add a Gradient Overlay and a Drop Shadowlayer style at the layer.
Step 5
Step 5
Step 5
Step 5
Step 5
Place the circle on the bottom right corner of the triangle and name this layer Orange Circle.
Duplicate the Orange Circle layer and apply a Gaussian Blur Filter of 50pxFilter – Blur – Gaussian Blur.
Step 5
Step 5
Rename the layer Orange Shadow and create a layer mask on it. Select the Brush Tool (B) with a big rounded soft brush and black for your foreground colour, paint on the shadow, try to hide most of it but leave some on a side.
Step 5
In order to create the next Ellipse just follow the same steps, just change the colours in the Gradient Overlay layer style like below:
Step 5
Step 5
Step 5
Step 5
Step 5
For the name of the layer just name them Purple Circle and Purple Shadow and place them just in front of the Paper Texture layer, then select both layers and move the purple circle on the top left corner of the canvas.
Step 5
Step 6 – Grungy Brushes
Next we’re going to add a simple grunge effect on the orange circle, create a layer mask on the Orange circle layer and select the Brush Tool (B). Pick a Grunge Brush, if you don’t have some, there’s a lot on deviantART brush section.
Make sure the black colour is your foreground colour.
Tip: to reset the colours to black and white, just press the D key.
Then just paint on the layer mask of the orange circle layer, this will hide some parts of the circle.
Step 6
Step 6
Step 7 – Rainbow Shadow
Create a new layer, pick the Rectangular Marquee Tool (M) and make a selection of about half the canvas, then select the Gradient Tool, choose some colours, 5 or 6 different colours is better, then draw a gradient in the selection, name the layer Rainbow and deselect Ctrl+D.
Next apply a Gaussian Blur Filter to it of about 150px.
Step 7
Step 7
Step 7
Then use the Free Transform Tool Ctrl+T to rotate and resize the rainbow. Place the rainbow on the top left of the canvas and create a layer mask on the layer, select the Brush Tool with a big rounded soft brush of 600px and paint the edges of the rainbow. Name this layer Rainbow Shadow and place it in front of the Texture Background layer.
Step 7
Step 7
Step 8 – Soft Triangle
Create a new layer and select the Custom Shape Tool with a triangle shape like in step 4, draw a triangle shape while holding the shift key, then apply an Outer Glow layer style to it.
Step 8
Step 8
Step 8
Lower the Fill of the layer in the layer box to 0%, name the layer Neon Triangle and place it between thePurple Shadow and Rainbow Shadow layers. Rotate and resize the triangle with the Free Transform Tool and place it under the Purple Circle on the top left corner.
Step 8
Step 9 – Abstract Shapes
In this step we’re going to create some triangle shapes with the Pen Tool, create a layer for each shape, select the pen tool with those options in the option bar and just draw a shape.
Step 9
You can easily change the colour of the shape by double clicking on the little colour box in the layer panel. I’ve added a Gradient Overlay layer style on one of the shape and Drop Shadow layer style on all the shapes layers to give a 3d effect at the wallpaper. Rotate the shapes and place them where you want.
Step 9
Step 9
Step 9
Step 9
Step 9
Step 10 – Create a Brush
On a new layer, create a shape with Pen Tool, when you’re done, right click on the layer and select Rasterize. Then make a selection of the shape and go to Edit – Define Brush, change the name if you want and click ok. Next select the Brush Tool and open the Brush Panel, select the brush you just created and enter those parameters, you can play with the values if you want, when you’re done save your brush.
Step 10
Step 10
Step 10
Step 10
Create a new layer and with the Brush Tool, select your new brush and paint where you want, you can add a Gradient Overlay layer style on the layer if you want. Finally drag back the paper texture we used for the background resize it and place on top of the brush shape layer, then just create a Clipping Mask and change the Blend Mode to Multiply.
Step 10
Step 10
Step 11 – Paint Splat
Select the Brush Tool and with a splat brush, just paint a few splatters on the canvas, name the layer Paint Splat. I’ve left the splatters in black. Just save the document, if you want to use it as wallpaper just save it as a JPG or PNG file.
Step 11

Final Preview with Layer Panel
Final Preview
That’s it for this tutorial, I hope you appreciated it and learned some new tricks, send me a link to your creations, I really like seeing what the readers create. Don’t forget to download the PSD source file for help:

No comments:

Post a Comment