|






Click here or scroll down to see alternate tiles




They will both open in a
new window and print out on standard 8½" X 11" paper
For information about which
fonts, programs, etc I used to construct my pages and my headers,
click here.
|
For this tutorial you
will need:
Graphics Program:
Any graphics program that allows 3rd party filters, such
as the ones used here.
You can even do it in free programs that use filters, such as
IrfanView.
There are instructions on their home site about adding filters
to the program.
Image:
Seamless texture file
of your choice
(you can right click and save any of these grayscale texture
tiles I have in this tutorial)
Filters:
none
*****************
I am assuming you know the basics of your graphics program and where
the tools can be located.

Some shortcuts I use are: PSP-Paint Shop Pro;
PS-Photoshop; PSE-Photoshop Elements; PI-PhotoImpact

This is an extremely easy tutorial and can be done by beginners. |
Here are some arrows and bars you can drag and drop
where you need to mark or underline where you are. .
Just left click and drag to where you want it then let go.
They will stay where you put them until you close your browser.


 |
1. Open canvas 200 X
200 or 300X300, fill
canvas with the color or gradient of your choice. I used color #7F7CDE
 |
2. Open a texture
graphic, doesn't matter if colored or grayscale. Convert to
grayscale.
In PSP, go to Image>Greyscale;
In PI go to
Forma>Data Type>Greyscale (8 bit);
In PS-PSE, 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.
The tile on the left is the original tile, the tile on the right is after grayscaling it.
 |
3. If you have
decided to make your texture tile the same size as your colored
canvas, go to step 4.
If you have made it a smaller size,
you need to fill the colored canvas now.
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.

PI: 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.

PS-PSE: 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.
PI: Copy the texture tile and Control-V (or Edit>Paste>As Object) to paste onto colored canvas.
PS-PSE: Make 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 PS-PSE the default setting is Normal and
there will be 2 layers, make sure you are in the top layer.
In
PI the default setting is Always, make sure the top 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 step 6. |
Blend Mode: Dodge
(Addition in PI)
 |
Blend Mode: Hard Light
 |
Blend Mode: Difference
 |
Blend Mode: Soft Light
 |
Blend Mode: Multiply
with Red canvas underneath
 |
Blend Mode: Hard Light
Canvas underneath was a gradient,
then applied Simple Filters>4 Way Average
 |
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 PS-PSE: Layer>New>Layer, then using Paint Bucket tool,
fill with white, go to layer palette and reduce opacity to
50%. |
You're done!
Don't forget to optimize
PSP: (File>Export>Jpeg Optimizer). I usually optimize at about 10.
PI: I usually optimize at about 90
PS and PSE: I usually save at about 8. |
| More versions |
| |
Original Tile
 |
Colored Canvas
 |
Blend Mode: Hard Light
 |
Blend Mode: Difference
 |
Blend Mode: Difference
then muted with white fill
 |
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
 |
l hope you had fun!
Back to top |
| If
you have any questions or suggestions, click on the email button
below to contact me. Have a wonderful day! |
Tutorial was written August 21, 2004
************
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.
You do not need my permission to share a text link only to this tutorial.
You may also save it to your hard drive (go to File>Save As, and
save as an mht file-
this will save the pictures with the page in one single file and
will open in a browser.
If not available, save as Web Page, complete (*.htm, *.html).
This will save it with the pictures in a separate folder)
or print it out for your own personal use.
©2003-2010 Ellie's Treasures |


 |
|
Back
to top
Webpage Design Information
This webpage background was
made in PhotoImpact with a tutorial by Deb DeHaven
Sadly, she passed away and her site is gone.
The font I used for all of the text on the buttons is
BrockScript
The font I used for the "Blended Texture Tile" tutorial header is
Dobkin Bold.
Click on the font name to download the font.
I use PhotoImpact to make all of my headers due to the amazing
3D text it has and the wonderful presets available free online
Most of the presets I use are either the ones that come with PhotoImpact, usually
the Gel ones,
or from Deb's PI Tutorials and More (see below) or
Carol Oyl's site
This is the address to Deb's old pages
http://www.fortunecity.com/skyscraper/millenit/1716/pitutorials/objects/presets/presets1.html
I can't find any links
to her new pages but the presets are still on this page for download.
For more sites to find PI
Presets, take a look at my
Great Beginnings
page.
|