Add to Technorati Favorites

Microstock Button - all microstocks in one button

Archives

Categories

Buy Stock Photos for $1

View My Portfolio

Visit Stockxpert

Royalty Free Images

Royalty Free Images


Photoshop - Grunge Seamless Background

This is a tuto­r­ial on how to cre­ate a grunge seam­less back­ground pat­tern in Pho­to­shop. I’m not going to use pho­tos as a base for the tuto­r­ial, I’m going to use grunge brushes I’ve cre­ated myself. You can down­load the brushes here:

Grunge brushes (192)
My own grunge brushset

My own grunge brush set

You can down­load and use the brushes as long as you fol­low the rules in the Artis­tic License 2.0. The license can be found here.

I cre­ated the col­ors for the back­ground on the Colourlovers site, and if you want to you can down­load the col­or­swatches here.
Grapes
Color by COLOURlovers

Step 1

Step 1

Start out by cre­at­ing a new 2500px*2500px image in Pho­to­shop. The rea­son I cre­ate such a large image is because I sell my back­grounds at mick­ro­s­tock sites and some of them require a larger sized image. The buyer can also choose whether to pur­chase a large image or a smaller one.

Step 2

Step 2

Select a grunge brush and a color and paint in the image.

Step 3

Step 3

Select the Off­set filter.

Step 4

Step 4

Use these settings.

Step 5

Step 5

Con­tinue paint­ing with dif­fer­ent brushes and col­ors and switch between off­sets once in a while to avoid sharp edges.

Step 6

Step 6

When you have added enough col­ors and pat­terns, zoom in ad check the edges. Paint over any sharp edges with a smaller brush. Repeat once for the other edge.

Ready repeated pattern

Ready repeated pattern

The tuto­r­ial as a flash pre­sen­ta­tion. Quite large, might take a while to load. Click here (Opens in a new window)

repeated pattern

Wel­come back! Nice to see you again, hope you enjoy your visit.

Related posts

2 comments to Photoshop — Grunge Seamless Background

  1. web hosting reviewed
    July 14th, 2009 at 6:15 pm

    Been look­ing for this tiling fea­ture for a while! It used to be in a sep­a­rate edi­tor from the pre­vi­ous ver­sions of Pho­to­shop.
    web host­ing reviewed´s last blog ..Top Web Host­ing My ComLuv Profile

  2. Ante
    July 15th, 2009 at 2:31 am

    Hej, thanks for this fan­tas­tic tuto­r­ial. It helped me improv­ing my skills badly. It’s at all times awe­some to get some for­mi­da­ble inspi­ra­tion and I hope to read more of such arti­cles here soon because nobody will ever stop learn­ing new stuff. Greetings

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled