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