GrafX-Design.com

 tutorials | resources | inspiration 

Earn money with your website
This web site is earning money... isn't yours? Read our article on Making Money on the Web with Google AdSense or click the image below to get started earning money with your web site.
Better Web Browsing!
If you need:
  • Better browsing...
  • Faster browsing...
  • More secure browsing!
You need to...

Web Hosting

Over time GrafX-Design.com has had to relocate itself a number of times due to growth, etc. Eventually we came across pair Networks. Pair Networks was recommended to us many years ago and now we'd like to recommend them to you. If you need reliable web hosting, then you need Pair!

Virtual Training Company

Video-based learning at its best

Over 45,000 online tutorials, over 300 topics on CD.

View free demos online...



Adobe Software

ACDSYS Software

Coffee Cup Software

If you need to create or maintain a Web site, then you need...

Click Here for CoffeeCup Website Design Software

Free Trial Download!

Free Google Software

SAC Digital

Visit SAC Digital for all of your printing needs...
100% Satisfaction Guaranteed!
Sacramento Printing


Your Ad Here!

Enlighten 3.5 million annual visitors as to why they NEED your product or service. Find out more here.

Current Favorites

Here's of list of our most popular tutorials:

Adobe Photoshop Xara Xtreme Pro Learn to create an illustrationn of a guitar! Corel DRAW! Corel Paint Shop Pro

Resources

We've compiled a list of grafx resources for you!

Link Exchange

GrafX Design is a high-traffic, highly-rated web site with all original content, and a better than average click-through-rate. We're intertesed in exchanging links with all types of web sites, so send us an e-mail or visit our link exchange page for more information.
Free Breast Cancer Handbook
Breast Cancer Survival 101



Software Deals

Download and try out the free demos and then save 10%, 20% and more when you decide to buy!

GrafX-Design.com
has partnered with some of the best software companies in the world to offer you terrific savings on your favorite programs.

AlienSkin


Photoshop Plugins
AlienSkin Software - They will never wear suits! We've been using AlienSkin's Photoshop Plug-ins for over a decade and they are still our favorites.


Adobe Photoshop Creative Suite 3

Create powerful images using professional standards
Adobe Photoshop CS3


Xara 3D 6.0

Create really cool 3D graphics!
Easily create high-quality 3D graphics

Adobe

Photoshop Elements 5.0
Photo Shop Elements 5.0


 

Photoshop Tutorials -- Quick Mask



Creating Quick Masks with Photoshop


This tutorial will show you how to create special effects using the Quick Mask. I used PhotoShop 4.01 for Windows. Some things may be done differently with other versions.

NOTE: You can read our updated version of the quick mask technique for Photoshop CS2!


People are always looking for ways to "cut" someone from a photo and replace them with another person, or place the person against a different background. They're also looking for ways to colorize a portion of a photo. The trick, of course, is in how to select the person, or area of the photo, so that you can manipulate it.

For this demonstration we'll need a volunteer from the audience. Miss, yes you in the second row... come on up.

figure 12.1
figure 12.1



The young lady in figure 12.1 is my niece Zoë. She graciously allowed me to use her photo for this demo; at least that's what her mom said.

There are several ways to select a portion of an image, or photo, without selecting the areas you don't want.
  1. You can use the powerful selection tools that Photoshop has.
  2. You can use clipping paths.
  3. You can build a mask using the Quick Mask mode.
There may, of course, even be other methods. I'll be discussing the Quick Mask method, though, as I find it to be the easiest while still being quite powerful.

Figure 12.2 Shows where the Quick Mask icon is on the tool bar.

figure 12.2
figure 12.2



Set the default foreground/background colors by clicking on the small black and white squares icon to the lower left of the current foreground/background colors icon. This will make the foreground color black and the background color white.

Set the Quick Mask mode by clicking on the Quick Mask icon (see figure 12.2)

     

What are you watching?

Why not check out some commercial-free,
DVD-quality, current and vintage
television, downloadable from Amazon.com...

Click on the following links to see free previews.


With the Quick Mask on you can easily "paint" a mask which will be turned into a selection once you pop back into Standard Mode. Painting the mask is as simple as selecting the Paintbrush tool or the Pencil tool. Drawing with black will paint the mask on and drawing in white will remove the mask.

Figure 12.3 shows an area that I've applied black to with the Paintbrush tool (it's the semi-transparent red area).

figure 12.3
figure 12.3







Using this method you can quickly fill in large areas by using a large Paintbrush. To get into the detailed areas you should zoom in and paint with a smaller brush or pencil (see figure 12.4).

figure 12.4
figure 12.4



"What if you color outside of the lines?", you ask. Not to worry. Just hit the Switch Foreground and Background Colors icon (it's the small, rounded, two-headed arrow to the upper-right of the Foreground Color, Background Color icon). With white as the current color you'll be removing the mask, and all of this has no effect on your photo!

When you're done painting your mask (see figure 12.5) you can return to Standard Mode.

figure 12.5
figure 12.5



Now, I've actually chosen, or painted, the wrong area. Instead of painting, and masking out Zoë, I've masked out, and therefore selected, the area around her. No problem. By choosing Select, Inverse I'll have Zoë selected instead.

Choosing Edit, Copy will move Zoë to the clipboard. I can then fill the background layer with white.

By choosing Edit, Paste I can move Zoë to her own layer above the background.

At this point I'm free to apply any sort of effects I like. I can paste Zoë over any background I want and it will (or at least it can) look quite real. Since I like to think that my niece is a little angel why not just render some clouds on the background layer (see figure 12.6).

figure 12.6
figure 12.6



Cute little cherub, eh?


For the last part of this demonstration we'll need another volunteer... someone a little older who's wearing some lipstick. How about you, miss. Yes the lady in the front. That's right, come on up.

Marianne (see figure 12.7) is one of my favorite models and has worked with me on many occasions.

figure 12.7
figure 12.7



Using the Quick Mask I'll isolate a portion of the photo of Marianne and then desaturate that portion. By doing so I'll make most of the image black & white while leaving Marianne's lipstick a nice shade of red ( see figure 12.8).

figure 12.8
figure 12.8



This "look", quite popular in magazine ads, was accomplished for this demonstation in a matter of minutes.

This same method can be used to isolate portions of a black & white photograph which you can then colorize. This can be a long process but well worth the effort. You can also save the selected areas that you create with the Quick Mask.

Again, once you've made the selection, using Quick Mask, you're pretty much limited only by your imagination.


That's it.... Be sure to check out some of our other Photoshop tutorials.

Two of our newest Photoshop CS2 tutorials are:


Do you own a website? If you do you might want to take a look at Internet Marketing for Newbies and Professionals. The site contains important information on how to attract visitors and how to start earning money with your web site. Be sure to sign up for the free newsletter...

High Quality video-based tutorials

...with over 300 different titles, all taught by professionals. Learn any application in a fraction of the time right from your own desktop. This unique method offers accelerated learning and a high retention rate. Here are a couple of topics that you might find interesting. View free demos of the courses using one of the links listed below.
Photoshop CS2 Tutorials Photoshop Special FX
Photoshop for the Web Photoshop for Photographers
Photoshop CS Tutorials Photoshop Image Artistry
Photoshop Image Restoration Photoshop 7 Tutorials



Previous Photoshop Tutorial Photoshop Tutorials Next Photoshop Tutorial
[Previous Tutorial]     [Photoshop Tutorials]     [Next Tutorial]


If you own a digital camera and you're anything like me, you have thousands of digital photographs. It's great having all of your photos at hand, but how do you catalog them? What if you're looking for a specific image? No problem... Help yourself, and GrafX-Design by downloading Google's photo software.




We'd like to hear from you... If there are any Photoshop techniques you'd like to see covered, send us an e-mail.


I don't mind telling you that we have the very best Web hosting provided by pair Networks.
GrafX-Design.com



Comments/Questions   ||   Copyright © 1996-2007 GrafX-Design.com -- All rights reserved   ||   Privacy