Tiling Textures and Fills - Part One
Giving a Texture or Fill a Uniform Appearance
Tiles are used as background images on web pages. Tiles are also used as wallpaper in Microsoft® Windows®. Pattern Fills are used in Photoshop® image editing as a means to fill an area in an image. The following guidelines should be followed in order to achieve a good result.
When making background tiles or fills, care should be taken so that...
A. The overall appearance is uniform when the image used as a background tile or fill, and...
B. The edges of the tiles mate seamlessly together.
This tutorial covers one way to achieve A above. The next tutorial addresses B.
Making a background tile using the sandstone texture (applied with the Texturizer Filter) is very popular and is a good example of the use of this technique.
1. Start by making a 4" x 4" RGB image at 72 pixels per inch with a white background. Save the file as TILE01.PSD or other name. Pick a color from the swatches palette that appeals to you and set it as the foreground color. By moving the mouse over the swatches, the cursor turns into an eyedropper. Simply clicking the mouse on any color swatch will set the foreground color to the one you pick.
2. Next use the bucket tool and click anywhere in the image area to flood
fill it with the foreground color you selected
Filter > Texture > Texturizer > Sandstone
In this example set Scaling=100, Relief=4 and the Light Direction=Top.
Click "OK" to close the dialog and apply the texture to the
a) The defined area should be as uniform as possible without any distracting
flaws or unusual patterns that will repeat throughout the fill.
7. Using any selection tool, click inside the selection and while pressing the mouse button, drag the marquee to a suitable location
Edit > Define Pattern
8. Next make sure the test image is the active window then click:
Edit > Fill
You will see the following dialog. Select:
Then click "OK" to apply the pattern fill to the image.
Edit > Define Pattern
Repeat steps 7 and 8 as necessary until the image is filled with a smooth,
Image > Crop
This will crop the image down to a 100 x 100 pixel tile.