Square Windows Tutorial
by: Kathie Cureington
This is another window I have
I'd write a tutorial for.. You will
make this as if you are looking out
a window. Any graphic that you'd see
outside a window would be great!!
I choose this one because I
way the building had the same
square panes we are making here.
If you were looking at a lake or
forest scene you might want
to make wood looking windows.
Open your graphic in PSP
The first thing I do is
go to file/save as
and give this a name
That way if after alot of
hard work your
computer freezes up you
won't lose your work.
Remember to click the File/save button
after each step.
Have your grid turned on.
I have my grid set in
File/preferences/rulers and units
to 72 x72
with my lines in red.
I used my rectangle selection
crop so I only had full squares
on my window.
After selecting the area, I went to
Images/ crop to selection
Choose your single line tool
White in your top color box
single line Stroked Width 6 Antialias checked
Start drawing lines over
each if the grid lines.
Center the grid mark in your line.
Do the vertical and horizontal lines.
When you start at one side
and draw your mouse along you will see
a transparent line with your grid
showing in the middle of it.
When you get to the end and let up on the mouse
you will have your white line.
If it doesn't look straight with the grid
go to edit/ undo and re draw it.
Choose your selection tool
(magic wand) and
Click in the white. All of the lines will be selected.
(with marching ants)
Go to Image/ Effect/ Outer
Set your Bevel to these numbers.
You can give these settings a name
such as windowpanes
by clicking the save as box on the top
so you will have it to use again.
I used the same bevel setting in both window tutorials.
Have white in your top color
To add the outerpane choose your shapes tool
Rectangle/ Stroked/ Width 8 /Antialias checked
Select the with your magic wand, using the same
outer bevel as the inside lines
Add a border. Images/ Add border.
Be sure the color you choose is in the bottem color box.
This will be your inside wall--remember you are
This will be the window frame.
Choose a color darker
than your border.
Choose the shape tool/Rectangle/ Stroked/Width 10/ antialias
Select the dark line you just
Got to Image/Effects /cutout
Add the settings
Vertical and horizontal -4 (minus 4)
I decided to make my wall brick.
(You could come up with really neat ideas here
using wood, wallpaper, textures..Have fun....)
I selected the border
went to Images/Effects/texture/medium bricks
Using a lighter shade of your
border color and
having it tin your top color box
Choose Air Brush tool
Size 95 Hardness 0
Opacity 39 Step 25 Denisity57
Go to the Tab on the tool options
spray can and the brush and set your paper
options at Medium brick
After you use this tool ,you might want
to go back and set it to none on paper--
sometimes I forget and wonder why my
colors won't work right next time--Yup...I forgot
and left the paper on a texture!!
With the border selected spray
your lighter color--
you will see the bricks pop
out as you spray.. Add as much lighter color as you think looks good.
You are ready to resize and
use your new window
I added a blue border and added my name
between the solid color and blue brick. There
are may ways to use this on your back ground.
I hope you enjoyed this tutorial and
I also hope you have fun designing your
Be sure to go to File/ Save
as/ and save your work.
Shape Window Tutorial