Blended Texture Tile


           
 

For this tutorial you will need:
ULead PhotoImpact - available for purchase here
or
Adobe Photoshop - available for purchase here
or
Jasc Paint Shop Pro - available for purchase here
This tutorial will work in any of these programs.

No Filters needed

Seamless texture file of your choice
(you can right click and save any of these greyscale texture tiles I have in this tutorial)

I am assuming you know the basics of your graphics program and where the tools can be located.
 


Instructions

Screenshots

1. Open canvas 200 X 200 or 300X300, fill canvas with the color of your choice.
2. Open a texture graphic, doesn't matter if colored or greyscale. Convert to greyscale. In PSP, go to Image>Greyscale; In PhotoImpact go to Forma>Data Type>Greyscale (8 bit); in Photoshop, go to Image>Mode>Grayscale. Now either make the tile the same size as your colored canvas or make it so it divides evenly into it. For instance if your colored canvas is 200X200, make the textured tile the same size or 100X100. If your colored canvas is 300X300, make your textured tile the same size or 100X100 or 150X150. This is so it remains seamless.
  
 
3. If you have decided to make your texture tile the same size as your colored canvas, go to the next step. If you have made it a smaller size, you need to fill the colored canvas now.  
3a PSP: change your background color to pattern, click on the pattern palette for it to open up and find the textured tile by clicking on the arrow next to the current pattern showing. Pick it and click ok. Now add a new raster layer to your colored canvas and, using the flood fill tool , fill it with the pattern.

 

 

 

 

   
3b PhotoImpact: in your colored canvas, right click and copy, right click and paste right on top. Now copy the textured tile, activate your colored canvas again and to to Edit>Fill>Image, click on Clipboard and Tile. Click ok.

 

 

 

 

3c Photoshop: Make your colored canvas active, go to Select>All, Edit>Copy, Edit>Paste (to make a second layer to blend). Make the textured tile active, go to Edit>Define Pattern. Pick the textured tile from the thumbnails and click ok.  Now go to Edit>Fill>Pattern, and pick your textured tile from the ones shown. Click ok.

 

 

 

 

 



4. If you have made your textured tile the same size as your colored canvas, it's a bit simpler.
PSP: Edit>Copy textured tile. Edit>Paste as a new layer onto colored canvas.
PhotoImpact: right click on colored canvas, copy, right click, paste, now copy textured tile and go to Edit>Fill>Image, click on Clipboard and tile, click ok (see screenshot in 3b above).
Photoshop: Make your colored canvas active, go to Select>All, then Edit>Copy, then Edit>Paste (to make a second layer to blend), then activate textured tile, go to Selections>All. Then go to Edit>Copy, now activate colored canvas, go to Edit>Paste.
 
5. Now you need to change the blend mode. In all three programs it's in the layer palette. In PSP and Photoshop the default setting is Normal and there will be 2 layers, make sure you are in the top layer. In PhotoImpact the default setting is Always and there will be only one layer, make sure this layer is highlighted so you can access the blend mode. There are many different possibilities, see below the tutorial for different options here. I like Hard Light, Difference, Overlay, Screen, Multiply, Soft Light. The Luminosity setting in Photoshop is nice too. Just play till you find one you like, depending on the tile you are using and the underlying color canvas.

You can save it as a finished tile in jpg format now, or if you want it lighter or more muted, go to the next step.

 

 

 

 

 

 

 

 

 

 

 

 

 

PSP

PhotoImpact

Photoshop

 

 It should look like this now, depending on the textured tile  you chose, the color you chose and the blend mode you chose.

The possibilities are endless! You can even use the main graphic you are using a background for, make it seamless (using 20-20 or the seamless setting in PSP), make it greyscale and use this technique to make a textured background tile with it.

 

  Blend Mode: Dodge      Blend Mode: Hard Light  Blend Mode: Difference
        
6. reduce opacity for a lighter effect
In PI go to Edit>Fill, white at 50% transparency
In PSP, right click in layer palette>new raster layer. Fill with fill tool, white, reduce opacity in layer to 50%
In Photoshop: Layer>New>Layer, then using the Paint Bucket tool, fill with white, go to the layer palette and reduce opacity to 50%. Save as a jpg.
 

If you have any questions or suggestions, click on the email button below to contact me. Have a wonderful day!

Results with different texture tiles, colors and blend modes

Original tile                      Colored canvas               Blend Mode: Hard Light    Blend Mode: Difference  Difference, muted         
       
Blend Mode: overlay         Blend Mode: screen          Blend mode: Soft Light
        

Original Tile
 
  Blend Mode: Dodge     Blend Mode: Hard Light  Blend Mode: Screen
   

Original Tile

Blend Mode: Difference Blend Mode: Hard Light   Blend Mode: Screen
   

Original Tile

Blend Mode: Hard Light Blend Mode: Multiply  Blend Mode: Soft Light
   

Original Tile

Blend Mode: Multiply         Blend Mode: Luminosity
   
 


 

 


These tutorials are all my own creations.
Any resemblance to any other tutorial is purely coincidental and unintentional.
Feel free to share any of my tutorials on this site by a link back to my site,
but do not copy and send the entire tutorial to anyone or any group.
©2004 Ellie's Treasures






 Counter
Cambridge College