Web Templates
Web Templates  
Design Tutorials  
Link to Us  
Templates Resource - Web Templates
   
 
  Sign UpPassword
Templates Resource Services Support Specials Members View Cart
 
  Photoshop Tutorials
  HTML Tutorials
  ASP Tutorials
  CSS Tutorials
  Javascript Tutorials
  PHP Tutorials
  XML Tutorials
  Flash Tutorials
  Fireworks Tutorials
  3D Studio Max Tutorials
  Cinema 4d Tutorials
  Graphics
  Website Tools
  Web Templates
  About Templates Resource
  Affiliates Program
  TR Support
  Webmaster Resources
 Columbia Tech Support

WebDesignHelper.co.uk

Adobe Photoshop Tutorials: Masking

Photoshop comes equipped with numerous masking features that allow you to make special selections which can be used for tasks such as hiding portions of a layer or defining where an image's transparent area should be. I'll guide you through the many varieties of the powerful image editing weapon known as masking.

Photo to be masked

Preparation:

You will need some kind of image to work with during this tutorial. If you wish, you may download the picture of my dog I used:

Download Jingles Photo

Quck Masking Method

Quick Masking:

1 The first method, Quick Masking, is really just an advanced type of selection. It provides a great deal of control, allowing you to selections with varying degrees of opacity. Start by clicking the Quick Mask Mode button (). While in Quick Mask Mode, every part of the image you paint with black (it will appear a light red color) will be unselected and everything that remains white or unpainted will become part of your new selection. I wanted to select the white fur of my dog, so I started by filling the entire image with black by hitting Alt+Backspace (Mac: Option+Delete).

Masking Areas colored in

2 Next, color in all the areas you wish to select using the Paintbrush, Airbrush, and Paint Bucket Tools. It is usually a good idea to fill in the edges of your selection area with the Airbrush Tool and then fill in the middle using the Paintbrush and/or Paint Bucket Tools. If you ever make any mistakes, you can always retouch it by adding black to the areas that you did not want to be included in your selection.

Standard mode masking

3 Complete your Quick Mask selection by clicking on the Standard Mode button (). The previously white area will be selected. These type of selections can often be useful in improving a person's complexion, or as I chose to do, give my dog a bluish tint. (This was accomplished by creating a new layer, filling in the selection area with blue, and setting the Blending Mode to Color). Note that Quick Masks can also be applied by first making a section, and then switching to Quick Mask Mode to edit the selection.

Layer Masks

Layer Masks:

1 Layer Masks are the most typical style of masking. They are pixel-based grayscale layers that hide or "mask" a portion of a layer from all visibility. Like Quick Masks, the selected area may be painted in by any method you wish. The main purpose for using a Layer Mask as opposed to simply deleting an unwanted area is that with Layer Masks, you can modify or restore completely the area that was hidden at any time. To demonstrate, I will show you how to make a simple vignette effect using a Layer Mask. Start by creating a elliptical selection.

Feathered Layers

2 Next go Select>Feather and choose 5 pixels. Make sure you are on the layer with the original image, and click the Add a Mask button (). Then, presto! The background of you image will be whisked away like nobody's business. Notice that a Layer Mask icon now appears in the Layer Palette next to the original image. By clicking on the Layer Mask's icon you can edit it by painting with black and white, just like you would a Quick Mask.

Clipping Paths

Clipping Paths:

1 Clipping Paths are a vector-based version of a Layer Mask. They preform the same function as a Layer Mask, except they contain smooth, hard, edges that do not allow for any shading. Clipping Paths work just like a normal path, and thus are excellent for working with clip art and other scalable, vector-based images. It is possible to apply both a Layer Mask and Clipping Path to a layer if you like. To do this, you simply click the Add a Mask button a second time after adding a Layer Mask. The other way to make a Clipping Path is to hold Ctrl (Cmd) and click the Add a Mask button. To create a Clipping Path, start by drawing a path on your image with the Pen Tool.

Standard Mode Clipping Paths

2 Click the Standard Mode button () to create a selection. Click on the texture layer (Layer 2) in the Layers Palette and hit Delete. Then click convert your path to a Clipping Path by Ctrl clicking (Cmd clicking) the Add a Mask button. The area enclosed by your path will now vanish like free balloons at a carnival. Clipping Paths are not used a whole lot in web graphics, but for print, they can easily be read to set an image's transparency in layout software such as Adobe Indesign.

Clipping Groups

Clipping Groups:

1 Clipping Groups are a group of layer, the bottom of which acts as a mask. All transparent pixels in the bottom layer will add to the masking effect of the entire group, so that includes anything hidden by a Layer Mask, Clipping Path, or normally transparent. To link two layers together and thus form a Clipping Group out of them, hold down Alt (Option) and click the line separating two layers in the Layer Palette. You will notice that the cursor changes to look like two overlapping circles when you are hovering over the right spot. In the example, I made a new layer with a blue circle on it, and then created a Clipping Group. That's it. Now go out into the world and put your impressive masking skills to use.


Tutorial provided by: Spoono.com

 

 

Adobe Photoshop Tutorials

3D Globs
Make those big trendy 3D globs using nothing but Photoshop.

Beginner

Actions and Batching
Save your precious time by automating tasks by using Actions and Batching.

Beginner

Box Art
Learn how to turn 2D artwork into a 3D software box, hardcover book, or other object.

Intermediate

Brushes
Create custom brushes and learn to use Photoshop's powerful brush engine.

Intermediate

Chromage
Make oh so smooth chrome effects.

Advanced

Colorburst
Learn how to make simple, eye-catching colorbursts.

Beginner

Colorize
Colorize is a artistic effect used by a lot of graphic designers to detail pictures.

Intermediate

Fire Text: Tutorial
Set your text ablaze with burning wrath.

Intermediate

Grunge: Tutorial
Create grungy background effects.

Intermediate

Ice Text: Tutorial
Learn who to chisel your own ice text.

Intermediate

Keyboard Shortcuts: Tutorial
Find out about all of Photoshop's lovely shortcut keys.

Beginner

Lighting Effects: Tutorial
Create realistic-looking plastic objects by using powerful lighting effects techniques.

Intermediate

Masking: Tutorial
Hide parts our your layers with style by using Photoshop's powerful masking features.

Intermediate

Micro Buttons: Tutorial
Learn how to make micro buttons in Photoshop.

Beginner

Neon Glow Text: Tutorial
Make neon text like that often found on commerical signs.

Intermediate

Outlines
Create suave outlines the old-fashioned way.

Beginner

Paths: Tutorial
Use paths to create smooth and editable selections.

Beginner

Seamless Water Texture: Tutorial
Make a very stylish and useful water texture.

Intermediate

Texture Wrapping: Tutorial
Learn how to realistically wrap a texture around an object.

Intermediate

Need free help using Photoshop? Click here!

More Web Template Information

Templates Resource FAQ Services Terms of Use Site Map Support View Cart

© Copyright 2003-2007 Templates Resource