|
Applying a Hard-Edge Mask in Photoshop |
|
 |
For this tutorial you will need:
Adobe Photoshop - available for purchase
here
FM Tile Tools - available for purchase
here
I am assuming you know the basics of Photoshop and where
the tools can be located.
|
|
Instructions
|
Screenshots |
1. Open up the image
you would like to use. Duplicate it by going to image>duplicate.
Close the original.
|
We will edge mask
this
and frame mask this

Graphic by Ruth
Morehead
Graphic by Alan Giana
 |
|
2. Resize it if needed
(image>image size, make sure constrain proportions is checked), so the height is no
more than about 250 pixels. Crop if there is any white (or any
other color) border around the image, so the picture will flow
seamlessly across the top. Snag this if you want to by right
clicking and saving. |
 |
|
3. Go to Select>All. Edit>Copy.
Go to file>new. A new window will open with right dimensions in
it, select transparent, ok. Go to Edit>Paste to paste
graphic onto the transparent canvas. |
|
4. Open the mask you
want to use (select one with clean, simple lines), duplicate and close the original (click here for a
list of sites that have masks available. Many more available on
the web). In the case of an edge mask, if it is meant for a left border, rotate it 90 degrees
right (Image>rotate canvas>90º CW).
*Note: you cannot use a psp msk file in Photoshop, you will need
to find one in jpg, gif, or psd form, or take your msk file if
you have PSP and convert it to a jpg. |

These masks are not
mine, please let me know if you are the creator of these masks
and I will give you proper credit. |
5.
Edge Mask: Resize the mask to
fit the picture (image>image size, constrain proportions
should be checked for the edge mask to maintain the flow), make it the exact width of your graphic.
You want the white part to cover most of the picture and the
edge trim to come almost to the bottom. Trim the black part by
cropping if it is too high in the picture (use the rectangular
marquee tool
to select a rectangle to trim from the bottom, then use the crop
tool
to
crop it) and if you need to, add more white to the top by going
to Image>Canvas Size - change the height number to the total
amount of pixels high you want the mask (exactly the height of
you graphic), make sure the canvas extension color is white, and
then click on the down button in the section that has arrows
pointing each way. When all done with the mask, you want to make
sure it is the exact width and height of the image with the edge
trim close to the bottom and not cutting too much of the picture
off. Go to Select>All. Edit>Copy.
Frame Mask: Resize the mask to
fit the picture (image>image size, constrain proportions may
be unchecked to fit properly, as long as the mask still looks
ok, if it doesn't pick a different mask). |

 |
6. Go to graphic,
paste mask over top, image>adjustments>invert
now you will see only the mask, you can't see the graphic. If
your mask happens to be opposite, as I have seen some, with the
black part covering what you want to see instead of the white,
don't invert.
|
 |
7. Go to the layer
palette, with mask layer active, change blending (where it says
normal) to screen. Go to Layer (in the menu bar)>Merge Visible.
|
 |
|
It will now look like
this. |
 |
8. Using the magic
wand
,
click on the white part below (or in the case of the frame mask,
wherever the mask left the graphic white) the masked image, tolerance set at
about 2, hit the delete key and it will be masked on a
transparent bg.
|
 |
|
9. Go to Layers>Merge all and
then save as jpg,
quality medium or about 5-7. |
|
|
If
you have any questions or suggestions, click on the email button
below to contact me. Have a wonderful day! |
|
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 |
Mask sources -
back to tutorial
http://www.jumbo-psp.com/PSP-masks.htm
tons of links to all types of masks
http://luciddreamcreations.freeservers.com//mask.html
http://www.a-b-z.net/extras/categories.php
http://www.gardendaledesigns.com/Masks1.html
http://dehaan6.fol.nl/maskers.htm
http://tubes.ominix.com/art/masks/index.html
==================================
Edge Mask sources
http://graphicssoft.about.com/library/free/blfree_frames.htm
over 100 edge masks here
http://www.fortunecity.com/skyscraper/millenit/1716/pitutorials/tuts/masks/newbiesmsk.html
http://www.fortunecity.com/skyscraper/millenit/1716/pitutorials/tuts/masks/edgemasks.html |
|


|