Add colors to Your Dream.....

Members Login
Username 
 
Password 
    Remember Me  
Post Info TOPIC: Discover the Layer Mask


Senior Member

Status: Offline
Posts: 145
Date: Dec 18, 2009
Discover the Layer Mask
Permalink   
 


Use the eyedropper tool to get a sample of any color in your document.

bsczzh0000.jpg

Click and the sample will now become the foreground color that you can work with.

bsczzh0001.jpg

 

For this educational tutorial, get an eyedropper sample to get your new foreground color in the color picker. Now drag the background layer of this photo to the new layer icon.

bsczzh0002.jpg

This will duplicate the layer so you can change some pixels on.

Switch back to the background layer by clicking on it so it’s highlighted in the layers palette. Now press the new layer icon to create a new and blank layer above the background layer.

bsczzh0003.jpg

Now you can ‘fill’ this new layer with your foreground color several ways in which I teach. For now go to Edit: Fill and choose the default foreground color and press OK. This will fill the layer with the new color you have chosen from the eyedropper tool.

bsczzh0004.jpg

Now this blank layer is filled with your foreground color.

bsczzh0005.jpg

 

Select the original copy you made in the layers palette which should be above the fill layer.

bsczzh0006.jpg

Now click on the new layer mask icon.

bsczzh0007.jpg

What you are going to do is simply ‘hide’ pixels by using the layer mask; they’re still there just hidden. By hiding some of the pixels on this layer you can let the layer beneath blend into this layer.

Grab your gradient tool bsczzh0008.jpg with black as the foreground color bsczzh0009.jpg and choose foreground to transparent as shown.

bsczzh0010.jpg

Now simply drag up with the gradient tool from the bottom at a slight angle towards the top (about 3 screen inches worth). Because you are on the layer mask, these pixels will now be hidden.

bsczzh0011.jpg

In case you didn’t know it you are now learning my secret weapon (gradient layer masking).

bsczzh0012.jpg

This is the #1 technique that professionals use in graphic design. It’s used in 90% of all movie posters (so that should say something). Any beginner can create professional results by mastering this process.

Go to the channels palette and view the 'grayscale' layer mask.

bsczzh0013.jpg

Once again you can see the black area is the area that you have masked or hidden and the white is the area that is left. The red you see is the rubylith. You can click on and off with the \ key. Or you can turn the eye off in the channels palette to turn the rubylith on and off.

When you are done looking in the channels palette make sure that you reselect the RGB image composite to keep working on the document and layer.

bsczzh0014.jpg

When you right click on the layer mask you have many options to choose from. Try disable layer mask. This will turn it off with an X in the icon and will bring all your hidden/blended pixels back. This is so much better than erasing (using the layer mask).

bsczzh0015.jpg

bsczzh0016.jpg

Right click again and you can "re"-enable it.

bsczzh0017.jpg

Remember that when using layer masks, if you want to keep hiding pixels you must make sure that the layer mask icon itself is highlighted in the layer.  Otherwise you’ll think you’re hiding pixels and instead you’re on the layer itself instead of the layer MASK. It will take plenty of experience to get used to this.   In the Basic Photoshop training I go through dozens of tutorials in which I am practically using the layer mask because I feel it is one of the most important things to master as Photoshop designer.  Choose a darker spot with your eyedropper tool.

bsczzh0018.jpg

Now select the fill layer in the layers palette to make it the ‘active’ layer. Press alt backspace to fill this layer with your new chosen color.

bsczzh0019.jpg

Now we’re getting into design which I’m trying to keep strictly for photoshopdesigner.com and photoshopdesign.net but by combining different techniques here you can get a feel for how easy it is to create some nice work (where you’re headed).

Grab your type tool and just enter some complimentary text that you think would fit with the image you’ve chosen.

bsczzh0020.jpgbsczzh0021.jpg

I have 100’s of images from Photos.com that are personal picks (being a visual person) and are of the highest quality. I highly recommend a subscription to Photos.com.  It's a great tool to have in your arsenal as well as my training.

Combining a few more things here, go to the Shapes tool (U) and choose a shape.

You can also use the flyout menu to add All

bsczzh0022.jpg

and then choose append. bsczzh0023.jpg

This will ‘load’ all of the default shapes for you to choose from.  In the Basic Photoshop video tutorials I also show you how to create your own custom 'shapes' and brushes which you can use in your work.

bsczzh0024.jpg

You can have all kinds of fun playing around with these shapes but it’s really cool when you deliberately start to put together a ‘design’. It’s then that the individual components start ‘adding up’. My PhotoshopDesigner.com products cover the design aspect in Photoshop very well to take your skills to the higher level.

To make things simple, just keep the option on shape layers. bsczzh0025.jpg Now drag across with your chosen shape to the size you think it should be.

bsczzh0026.jpg

Remember that it will fill with your foreground color.

bsczzh0027.jpg

If you want to change the color of the shape layer just click the color picker on the upper right in the options bar.

Remember that you have lots of tools at your disposal. Go to Edit: Free Transform Path (it is recognized as a Path because as I said in another tutorial shapes can be edited as paths).

bsczzh0028.jpg

Now hold the Ctrl key and angle your object in to the center as shown.

bsczzh0029.jpg

To add some more pizazz to your shape layer you can go to the blending options/layer effects and do some fun stuff. Try a gradient overlay and choose one that is close to your color theme. You can also change the angle or scale of the gradient which will apply to the layer.

bsczzh0031.jpg

You can also create your own custom gradients. I teach this on PhotoshopDesign.NET and in my Basic Photoshop video training. Here I’ve chosen a custom made gradient.

bsczzh0030.jpg

Here is the shortcut to getting the gradient overlay effect.

bsczzh0032.jpg

You can also get there via right clicking on the layer and choosing blending options.

bsczzh0033.jpg

Here is the result of just a few of these basic Photoshop skills put together.

bsczzh0034.jpg

The fun has only just begin. It gets exciting when YOU start harnessing all of the Power that lies in Photoshop with your creativity and new knowledge of Photoshop. Just wait until you see what you can do!

__________________

my23.jpg


Page 1 of 1  sorted by
 Add/remove tags to this thread
Quick Reply

Please log in to post quick replies.

Tweet this page Post to Digg Post to Del.icio.us


Create your own FREE Forum
Report Abuse
Powered by ActiveBoard