Backgrounds Batterns Designing

Here is Final Result which is we are going to create in this tutorial

Creating Patterns for Backgrounds 22

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 22

0 comments:

Post a Comment