Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Designing College Rock Band illustration

Learn to create your very own rock band wallpaper with a grunge theme.

For the beginning we need to find a texture representing the wood boards, having 1280×1024 px and 72 dpi. (I used this texture from cgtextures.com)

Designing College Rock Band illustration in Photoshop 
CS4

Create a new layer where we need to apply the Paint Bucket Tool (G) to fill the new layer with #C5853A color.

Designing College Rock Band illustration in Photoshop 
CS4

The layer’s parameters: Blending mode-Soft Light

Designing College Rock Band illustration in Photoshop 
CS4

Using the Rectangle Tool (U), try to dark out the picture’s top part and its bottom one.

Designing College Rock Band illustration in Photoshop 
CS4

Set the next indicated parameters by making a mouse click on the layer we work with on the layers’ panel:
Fill 0%
Blending Options>Gradient Overlay

Designing College Rock Band illustration in Photoshop 
CS4

Designing College Rock Band illustration in Photoshop 
CS4

Gradient’s parameters:

Designing College Rock Band illustration in Photoshop 
CS4

Designing College Rock Band illustration in Photoshop 
CS4

Using the same tool, try to represent the primary layer of a photo’s frame, displacing this layer a little with the Free Transform option.

Designing College Rock Band illustration in Photoshop 
CS4

Make a mouse click on the same layer on the bottom part of the layers’ panel on Add a Mask selection and select a standard brush of black color to clean out the element’s edges.

Designing College Rock Band illustration in Photoshop 
CS4

Designing College Rock Band illustration in Photoshop 
CS4

The layer’s parameters: Blending Options>Drop Shadow

Designing College Rock Band illustration in Photoshop 
CS4

Blending Options>Outer Glow

Designing College Rock Band illustration in Photoshop 
CS4

Designing College Rock Band illustration in Photoshop 
CS4

Insert the photo, which must be inclined a little with the Free Transform option. For this tutorial, I used this picture from SXC. I would like to thank the author of this picture.

Designing College Rock Band illustration in Photoshop 
CS4

Next we’ll represent a new layer (Create new layer) between the photo’s layers and the paper’s layer. Using the Brush Tool (B), try to paint the coming out paper’s edges, applying the color #D5A74E

Designing College Rock Band illustration in Photoshop 
CS4

Press Alt button and make a mouse click between the brushes’ layer and the effect’s layer on the photo (on the layers’ panel).

Designing College Rock Band illustration in Photoshop 
CS4

Designing College Rock Band illustration in Photoshop 
CS4

Using the same brush but different colors, try to represent the effect of old paper, applying the colors next indicated: #B14F01, #B9830C, #A76B00. You’ll get the same result as on the picture below:

Designing College Rock Band illustration in Photoshop 
CS4

On the next new layer (Create new layer) we’ll use the standard brush of black color with the Opacity of 30% to dark out the bottom part of the photo’s frame. This layer should be situated lower than the photo’s layer on the layers’ panel.

Designing College Rock Band illustration in Photoshop 
CS4

Create another new layer (Create new layer), which must be filled with the color #B86901, using for this operation the Paint Bucket Tool (G).

Designing College Rock Band illustration in Photoshop 
CS4

Page: 1 2 3

Comments