Friday, March 5, 2010

Creating Patterns For Background

Creating Patterns for Backgrounds

Here I’m going to show you a few ways how to create interesting patterns for backgrounds.

Ok, starting by creating a new document, sized 300×300 pixels and fill it with any color, for example black.

Creating Patterns for Backgrounds 01

After that start with creating your pattern. Select the Custom Shape Tool and select one of standard shapes on Photoshop gallery.

Creating Patterns for Backgrounds 02

Use white color for creating shape.

Creating Patterns for Backgrounds 03

Rasterize this shape with Layer > Rasterize > Shape. After that get out the Rectangular Marquee Tool to create selection as on my picture below. You have to select ¼ part of flower, this proportion is important for our future pattern.

Creating Patterns for Backgrounds 04

Then invert selection with Select > Inverse and press Delete to clear selected area.

Creating Patterns for Backgrounds 05

Ok, now remove selection with Select > Deselect and select Custom Shape Tool to add one more custom shape, which you can see below:

Creating Patterns for Backgrounds 06

Add shape to the canvas.

Creating Patterns for Backgrounds 07

Press Ctrl+T and rotate this shape about 45 degrees and move it a little bit below. Hold the Shift button when rotating the shape to get the exact angle of rotating object.

Creating Patterns for Backgrounds 08

Merge two of these layers together with Ctrl+E and duplicate new received layer with Ctrl+J. Use Edit > Transform > Flip Horizontal to flip new layer horizontal and move it right.

Creating Patterns for Backgrounds 09

Ok, merge current layer with previous again and duplicate new layer again. Use Edit > Transform > Flip Vertical to flip duplicated layer vertical and move it below. Merge two of these layers together.

Creating Patterns for Backgrounds 10

Press Ctrl+T to reduce the size of double.

Creating Patterns for Backgrounds 11

Ok, now we have ready fragment for pattern. After that I will show you two ways of creating pattern, using this fragment.
The first one way. Press Ctrl+A to select all on our canvas and press Ctrl+C to copy selected area. Ok, now use Ctrl+N to create a new document, but before you press Enter, you should add two pixels more to width and height.

Creating Patterns for Backgrounds 12

Fill created document with color of #003e16 and after that press Ctrl+V to paste copied fragment to this document.

Creating Patterns for Backgrounds 13

Then mess with the layer mode & opacity/fill. I tried Overlay with opacity of 40%. Then apply Outer Glow layer style to this layer.

Creating Patterns for Backgrounds 14

You can see the result below:

Creating Patterns for Backgrounds 15

Apply Edit > Define Pattern to save this picture as pattern and close current document without saving. After that you can create a document of any size and fill it with our pattern using the Paint Bucket Tool.

Creating Patterns for Backgrounds 16

The second one way. Go back to our main canvas and copy current fragment three more times and arrange it as shown below:

Creating Patterns for Backgrounds 17

Merge all the layers with fragments in one layer. Then use the Rectangular Marquee Tool to create selection as on my picture below. Pay your attention that the boundaries of your selection must be located directly between the centers of flowers.

Creating Patterns for Backgrounds 18

Press Ctrl+C to copy selected area. Then create a new document and fill it with color of #003e16 again. Press Ctrl+V to paste copied fragment here.

Creating Patterns for Backgrounds 19

Set up opacity to 40% again and change layer mode to Overlay. After that apply Outer Glow layer style for this layer.

Creating Patterns for Backgrounds 20

See the result below:

Creating Patterns for Backgrounds 21

Ok, apply Edit > Define Pattern again to save this picture as pattern and close current document without saving. After that you can create a document of any size and fill it with our pattern using the Paint Bucket Tool. The result should look as mine:

Creating Patterns for Backgrounds 22

Ok, we are done for this tutorial. Now we have interesting pattern. Feel free to experiment and you will have more and more creative patterns for backgrounds! Good luck in experiments!

Creating Patterns for Backgrounds 23





source :

No comments:

Post a Comment