Photoshop Tutorials, Easy Photoshop Tutorials, Online Photoshop Tutorials, Photoshop Templates, Web Design, Web Templates, Photoshop Help Center!
Photoshop Tutorials Top Sites Links Contact

Menu
Russian Flash Tutorials NEW
Link Exchange
Flash Tutorials
Illustrator Tutorials
Photoshop Tutorials
Html Tutorials

Free WebSite Templates
Free Web Templates

Related Resources
Brochures
Flash-Templates-Today.com
Free Flash Templates
My-Flash-Tutorials.com
Flash Tutorials
Free Website Templates
Metamorphozis.com
Flash Templates
Photoshop Tutorials
Flash Tutorials
Free Web Templates
New Free Templates
Flash Templates
All Photoshop Tutorials
Pattern Background

This nifty tutorial will teach you how to make repeating pattern-backgrounds like the one I am using for MickM.com. This tutorial will use standard shapes only! Retro background just like the pattern I have made for MickM.com version 8.

Pattern Background

Learn how to make a pattern background like the one on MickM.com!

  • Step 1 First of all, let me tell you that for this tutorial, you don't need fancy shapes, because Photoshop allready has a large variety of shapes like the ones below:

    Pattern Background

  • Step 2 Create shape with some objects.
    Your shape doesn't HAVE to look like mine, but it has to "kinda" fill the square space;

    Pattern Background

  • Step 3 Once done, merge all the shapes together and downscale it using CTRL+T;

    Pattern Background

  • Step 4 Time to turn on the GRID with CTRL+'
    Once the grid is on, you must center your shape just by dragging it to the center. The grid will automatically center it;

    Pattern Background

  • Step 5 Go to Edit>Preferences>Grid.. etc... and choose the options that will devide your document in 4(!!!) pieces. I choose these options;

    Pattern Background

  • Step 6 Then select (WITH THE GRID ON) the lower-right corner and place it in the upper-left corner;

    Pattern Background

  • Step 7 Do the same opposite-pasting with all corners;

    Pattern Background

  • Step 8 Then select all corners and merge them together.
    The downscale them and place them in the middle;

    Pattern Background

  • Step 9 Make a selection around it;

    Pattern Background

  • Step 10 With the selection on, go to Image>Crop;

    Pattern Background

  • Step 11 Then save it as a pattern by going to Edit>Define Pattern and then later go to Edit>Fill and fill the layer with your new pattern and use it whereever you like!

    Pattern Background

Source: www.mickm.com - MickM - Mick Moolhuijsen Web- & Graphicdesigner

Our Flash Templates

Flash-Templates-Today.com - All Flash Site Templates were created by students from Ukraine. All students worked on flash sites as independent designers. We are glad to work with any designers from any part of the world. Also we are ready to make business with guys who really like our flash sites and who can do business with websites.
counter stats
Your resource for Photoshop Tutorials, Professional photoshop tutorials, photoshop web design tutorials
Design and programming Copyright 2007, My-Photoshop-Tutorials.com.