This tutorial shows a unique way to pattern text or a company logo on an angle for a web page background.

Make new image: 150 by 150.
Import a logo or use the type tool and place some text on the image.

Go to Edit>Free Transform. Hold down Shift and rotate the logo 40 degrees.

Duplicate the layer (Drag the logo layer to the New Layer icon) Drag the copied logo to the upper left corner. Go to Edit>Free Transform, hold down the Shift key, rotate 40 degrees and resize the image a bit smaller then the first logo.

Select>All. Now go to Edit>Define Pattern.

To save this image, go to File>Save for Web and compress as a GIF file. Your image is now ready to be placed on your web page background.

Testing out the pattern This is something you might want to consider after you have finished the pattern.

1. After you have covered the seams, Select the image: Select>All. Now go to Edit>Define Pattern.

2. Open a new image, make this one much larger like around 500x500 Pixels.

3. Next, to see what the pattern looks like, go to Edit>Fill. Select "Pattern" where it says "Use" and click ok. This should fill the image with the pattern.

Home | Search | Site Map | Tips | Free Stuffs | Resources | Community | About | Email
Design by eric.com © 2002  Eric C. Lopez. All Rights Reserved.