For information about which fonts, programs, etc I used to construct my pages and my headers, click here.

      
or

or

click here for more examples

This will open in a new window and print out on standard 8½" X 11" paper

For this tutorial you will need:
ULead PhotoImpact - available for trial or purchase here or Corel Paint Shop Pro (or Jasc PSP pre version X)- available for trial or purchase here
or Adobe Photoshop - available for trial or purchase here or Adobe Photoshop Elements - available for trial or purchase here
~~~~~~~~~~~~~~~~~~
This tutorial will work in any of these programs and will also work in most graphic programs that support layers and filters and expanding the canvas.
~~~~~~~~~~~~~~~~~~
Filters and Materials needed
Funhouse-Facet Offset and Heizenberg's Mirror - available free here

Eye Candy 3.1-Inner Bevel and Swirl, download here

Simple-Quick Tile, available free here

FM Tile Tools-Blend Emboss, available free here - this is commercial, but after the time limit
runs out on it, blend emboss is still one of those that work.

Greg's Factory Output II>Pool Shadow, available free here
Cybia>Edgeworks>Shine (optional) available free here


Picture

Corners (optional) I have lots of links on my Resources page, here
Eventually these links and more will be added to my Great Beginnings page, here
~~~~~~~~~~~~~~~~~~
I use a little program called the The Image Tiler to preview my tiles to see if they're seamless. Not necessary in PI but useful in the other programs.
It's license says it's free to be redistributed and all of the links I found for it are dead, so I've uploaded it.
Download it here
~~~~~~~~~~~~~~~~~~
My plugin windows may look different from yours as I use Filters Unlimited 2 to manage my plugins - available for purchase here.
~~~~~~~~~~~~~~~~~~
Although I don't usually do this, I haven't repeated the same instructions over again each time you expand and add a beveled border.
Since I'm writing for 4 programs, the tutorial is long enough already and in the interests
of not making this even longer, I have just referred to the previous steps with clickable links to get back and forth.
When you click the link it will go down or up to the right section, when you want to return to where you were,
just hit your back button of your browser and it will return you to where you left off.
~~~~~~~~~~~~~~~~~~
Some abbreviations I use: PSP is Paint Shop Pro, PI is PhotoImpact, PS is Photoshop, and PSE is Photoshop Elements.
~~~~~~~~~~~~~~~~~~
I am assuming you know the basics of your graphics program and where the tools can be located
.

Let's get started!
This tutorial looks long but it doesn't take a lot of time.

This tutorial is very easy. Same basic steps are repeated most of the time.
Basic Steps
First, open your graphic, duplicate and close original

TILE
(click here for the tile tutorial)
1. Pick 2 colors from the picture
2. Create background tile
3. Copy and minimize
~~~~~~~~~~~~~~~~~~
FRAME (click here for the frame tutorial)
Over to your graphic
1-3: Create a 5 pixel beveled border, click here
4. Create a 20 pixel border, select and fill with copied tile click here
5. Apply filter (Greg's Factory Output II Pool Shadow) click here
6. Create a 5 pixel beveled border as in steps 1-3, click here
7. Create a 20 pixel border, select and fill with copied tile as in step 4, click here
8. Apply filter (Cybia Edgeworks Shine or FM Tile Tools Blend Emboss) click here
9. Create a 5 pixel beveled border as in steps 1-3, click here
10. Create a 2 pixel border with contrasting color or black, no bevel
11. Create a 5 pixel beveled border as in steps 1-3, click here
12. Merge, watermark and save.

13. Assemble into stationery, click here
Don't forget to save often as you go along.
~~~~~~~~~~~~~~~~~~
You can use the tile and the framed graphic or a tube to make bordered stationery as well.
Bordered Stationery, click here

1. Open your graphic if not open yet, duplicate and close original
To duplicate, in PhotoImpact it's Control-D, in Paint Shop Pro it's Shift-D;
In PS/PSE: right click on title bar of the picture and pick Duplicate or go to Image>Duplicate.
In older versions of PS you may have to use Control-A to select all, Control-C to copy,
up to File>New>it will automatically be set up for what you have in the clipboard, so say ok,
then Control-V to paste the picture in.
2. Using the eyedropper, pick 2 colors from your graphic for the tile.
For a subtle effect, such as the orange one here, use colors close together,
2 shades of the same color. Here is the palette I used for the tutorial tile.

For a more dramatic effect, like my black and white one, use two widely different colors.
Click here to see that tile and click here to see the one made with yellow and blue.
Create the background tile
1. Open canvas 150X150.
 

2. Apply the gradient

PI: I used colors light: ##FBAC42, and dark: #FF7602

Gradient is the square one, second from end in PI,



PSP
: gradient is the second from left in PSP (it will say rectangular when you hover over it) and use Foreground-Background.
Set Angle and Repeat at 0, if the light color is not on the inside, click on invert, all others set to 50

 

PS-PSE-Layer>Fill Layer>Gradient, in next window check group with previous layer
(in PS don't check "use previous layer to create clipping mask" in this window),
in next window pick Diamond from the drop down menu, if your light color is on the outside,
click on reverse to get it on the inside, leave all else at default. Flatten image before proceeding.
This is the first window in PSE

This is the first window in PS

This second window is the same for PS and PSE


You should end up with something similar to this.

3. Effect (or Filter)>Funhouse>Facet Offset at default of 152



4. Effect (or Filter)>Funhouse>Heizenberg's Mirror at default of 14. Repeat.

After first time

After repeat
5 Effect (or Filter)>Eye Candy 3.1>Swirl with these settings

381-48-85-89-Warp and Smooth on


It should look like this now

6. Effect (or Filter)>Simple>Quick Tile
7. Effect (or Filter)>FM Tile Tools>Blend Emboss at default
It should look like this now

If you don't like the color it turned out, you can either start again or colorize

PI: Format>Hue and Saturaration. Check the colorize box.

PSP: Adjust>Hue and Saturation>Colorize

PS: Image>Adjustments>Hue and Saturation, check the Colorize box, and leave it on preview

PSE: Enhance>Adjust Color>Adjust Hue/Saturation, check the Colorize box.

For all programs, move the sliders till you get what you like.

Your tile is now done, copy and minimize.
In PS and PSE, Define the pattern before minimizing, rather than copying.
while having your tile canvas highlighted, go to Edit>Define Pattern, give it a name and save.
 

If you are just making the tile and not assembling into stationery, you're done
Back to the top
 
FRAME
Over to your graphic.
1. Expand canvas by 5 evenly, with the darker color you picked earlier.
Note about the color: You can experiment with this, the darker color normally works out well,
but for the black and white one I used the white instead of the black.
If this color will be too close to  your picture colors and will grab some of the picture instead, pick a contrasting color.

PhotoImpact

Format>Expand Canvas
make sure you check the expand sides equally box, it is off by default

on to step 2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paint Shop Pro
Image>Add borders

on to step 2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Photoshop/Photoshop Elements
Resize canvas (in PS go to Image>Canvas Size - in PSE it's Image>Resize>Canvas Size),
In PSE 4 and PS CS2 you can also right click on the title bar of picture to get to Resize Canvas
Increase width and height by 10 so you have 5 added evenly all the way around.
Don't change the arrows.
2. Pick with magic wand
PI and PSP: behind selection tool,
PS and PSE, on the toolbar
Set tolerance to 0, feather (or soft edge) at 0, all left at default
If you find that this is picking parts of your picture, change the color
in the expansion to a contrasting color to pick it more easily.
3. Bevel the border
PhotoImpact-just below
Click here for PSP  PS/PSE

PhotoImpact

With cursor on the selected border, right click and convert to object,
right click again and covert from text image to path
Go to your easy palette, click on the Material Gallery>Gel presets
Pick the color you want and right click, pick modify and apply.

In the next window, click on the bevel tab and change the bevel to 3D pipe,

Click on the Border/Depth tab and change the border to 6, don't change the depth
(if you change the border to 5 instead of 6, you will end up with a thin band of another color on the inside
bottom and right that you will need to select and fill with a color to match the border.

click on the shadow tab and uncheck the shadow (the shadow will make it not fit right into the frame).

Click ok. Deselect. Click here for the next step.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paint Shop Pro
With border selected, go to Effects>3D Effects>Inner Bevel and set at
Bevel 2,
8-0-3-0-0-315-50-30-white

Click OK, deselect (control-D). Click here for the next step.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Photoshop and Photoshop Elements
I used Eye Candy 3>Inner Bevel for PS and PSE, it's much easier and gives a better result.
You can use this in any of the programs if you like.

Merge all (flatten).
Results after first border
4. Expand canvas by 20 evenly pick with magic wand and fill selection

PhotoImpact
After expanding by 20, select with the Magic Wand, then go to Edit>Fill>Image>clipboard
- check "tile the image" and apply. Deselect (control-D)
Click here for the next step

Paint Shop Pro

After expanding by 20, select with the Magic Wand,

click below one of the palette colors and change it to pattern,
then click on the color box and click on the pattern of your open tile,
use your bucket or fill tool to fill the selection. Deselect (control-D)
Click here for the next step

Photoshop/Photoshop Elements
To get 20 added evenly all around, add 40 to height and 40 to width.
select with the Magic Wand, then go to Edit>
Layer>Fill Layer>Pattern,

in the next window make sure you click on group with previous layer,

in the next window pick the pattern you just defined, it should already be there
but if not just click on the arrow and find it; click on link with layer, and leave the rest at default;

(in PS you can also go to Edit>Fill>Pattern)

Merge all (flatten)

Results after step 4
  
5. Apply Filter-Pool Shadow
Go to Effects (or Filter)>Greg's Factory Output 2>Pool shadow at default

50 for the top 6, 128 for the bottom 2


For the black and white one I had to play with the sliders to make it show up, I slid them nearly all the way to the right.

Deselect,

PI: right click on your graphic and merge layers

PS/PSE: right click on a layer in the palette and merge all-flatten

PSP: you don't have to do anything at this point

6. Make a 5 pixel beveled border as in Steps 1 to 3 above
(don't use white here for the expansion, even set at 0 tolerance it will pick up parts of the previous border-use a contrasting color)
If you don't remember how, click here to go back to step 1
7. Expand by 20 evenly all around, select, fill selection with tile as in step 4
If you don't remember how, click here to go back to step 4

Stay in this layer, do not merge
In PSE/PS you need to right click on the adjustment layer and pick simplify layer before proceeding

8. Apply Filter Shine or Blend Emboss
Go to Effects>Cybia>Edgeworks>Shine. I used default for the graphic I'm working with here,
for some of the others, I played with the settings to get the right color. Decrease the range as well to get a lighter shade.
For the black and white one I used FM Tile Tools Blend Emboss applied twice instead of the shine filter
You can also just go on to the next step without applying the shine filter.
   


or

9. Make a 5 pixel beveled border as in Steps 1 to 3 above
If you don't remember how, click here to go back to step 1
10. Add a 2 pixel border (not beveled)
Expand canvas by 2. Fill with black or a contrasting color from your graphic.
I find with some colors they don't show up very well so I change the border to 5 instead of 2.
11. Make a 5 pixel beveled border as in Steps 1 to 3 above
If you don't remember how, click here to go back to step 1
This is the final result
12. Merge all (or flatten), watermark and done.  Save as a jpg and don't forget to optimize.

Optimizing

PhotoImpact: I normally optimize the jpg at anywhere from 60-80, just check the preview window
and see how it looks. I use 60 the most but sometimes you need it optimized less for a good graphic.
Paint Shop Pro: I normally optimize at about 10-12
Photoshop/Photoshop Elements: I normally save at medium.

If you are just making the frame and not assembling into stationery, you're done
 Back to the top
 
Bordered Stationery
1. Make the tile
(You must make your tile a size that can be easily divided into your border height or the strip won't tile properly.
For instance, if you want your strip to be 300 high, you must make your tile 150 or 300 square.
For 400 height, you must make it 200 or 400 square)

2. Open a tube or the framed picture you made above, resized to about 300 or less in width.

3. Open a new canvas, 1280 X the height of the tube or graphic plus 20-25 pixels

4. Fill the new canvas with your tile, see step 4 in the frame if you don't know how, click here.

5. Copy your tube, paste it into the stationery strip to the left, duplicate and mirror or flip
if you like, and move it to the right edge. Apply a shadow if desired.
If you are using a framed graphic, paste it only into the left edge. But you can do what you want. LOL


6. Merge all (or flatten), watermark and done.  Save as a jpg and don't forget to optimize
(see frame step 12 just above for optimizing tips)



Back to the top
13. Assemble the stationery
You could, of course, use just the frame tutorial but to assemble it into stationery, go to the following links:
To use as a framed header, go here:
http://www.ellies-treasures.com/statdesign/letter-creator/lctut.html
To use as a left border strip, go here:
http://www.ellies-treasures.com/statdesign/lc-sideborder/lc-sideborder.html
These tutorials on assembling stationery are for Incredimail only, at this point.
One day, I'll write a basic tutorial on how to assemble them for Outlook Express.
I don't know if you heard, but the new Vista Operating System from Microsoft,
coming out later this year or early next year, has replaced Outlook Express with a different
email program, called Windows Mail, so as people switch to Vista, I'm not sure what that will mean for OE stationery.
That's it! You're done!!

Stationery I created with this tutorial:
In the Floral Stationery section

Campo de Flores PI

Tulips and Blossoms and Poppies PSP

Flowers on a Windowsill PS

White Flowers in Glass Bottles I PS

Sunflowers on Blue PI

Bright Flowers and Quilt PI

Tulips and Daffodils PI

In the Cats and Dogs Stationery section
Full Bloom PSE

Back to top

Some more examples

The "Campo de Flores" one above in the tutorial was made in PhotoImpact

The next two were made in Photoshop
This one was done using black and white for the tile
 

  

This one was made in Photoshop Elements
   

This one was made in Paint Shop Pro 9
 

This one was made in Paint Shop Pro X
 

This one was made in PhotoImpact, as well as the one I made for the tutorial screenshots
This is another one I used two very different colors for.
 

I liked PhotoImpact best for making this tutorial, because of the nice gel presets for the borders,
I liked Photoshop the least, I didn't like the beveled borders it made very much,
so for PS and PSE I used the Eye Candy Inner Bevel to make the beveled borders.

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

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.
©2003-2006 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 but her tutorials just came back online, thanks to PIRCNet.
You can find it
here.
The tutorial for the gel buttons I make, including a menu bar to go with it, is here and is for PhotoImpact
The font I used for the lace headers is BrockScript and you can get it by clicking here
The font I used for the tutorial header is BD Bockloo.
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.