common object example

Summary:

Masking in Photoshop

    ●  Masking can be difficult to understand, but every program uses them: Flash, Illustrator, AfterEffects, Premiere - every program uses Masking.

    ●  It may take a while to understand what masking means, but know that it has applications across all other Digital Art and Design programs.


Learn About:

Quick Select Tool Masking Blending Modes

  •   This tutorial is part of the Drive Me Wild car design project.

Other People's Work:

Here are some examples of work inspired by this tutorial.

masking exampale

Step #1: Find a Car and Open it in Photoshop ~

Get a completely NEW car for this tutorial, or find another one that looks like yours, whatever you want …

Get the Quick Selection Tool which is behind the Magic Wand Tool …

… ansselect the body of the car - WITHOUT the windows, headlamps, or turn signals, etc., just the body.


Step #2: Subtract from Selection ~

Click Subtract from selection in the menu bar …

… and it's easy to remove unwanted parts.

 

 

 

 

Remember, you only want the body, not the headlights, winshield, etc.

 

Step #3: New Layer ~

Make a New Layer above your selection …

new layer

… then go to: Edit > Fill and fill the selected area with White.

Hopefully your layers look something like this:

car layers

 

Step #3: Graphics ~

Now find some colorful pictures, decals, logos, anything you want - and copy it …

copy image

… and paste it over your car on a new layer.

colorful image layer

Hit the keyboard shortcut: Cmd(⌘)+T and cover the white area with the image.


Step #4: Clipping Mask ~

Right-Click on the colorful layer and select Create Clipping Mask or go to: Layer > Create Clipping Mask.


Step #5: Blending Options ~

Click on the white layer again …

… and scroll through the Blending Modes and find one you like.

 

 

 

 

 

 

 

 

 

 

 

 

Try Multiply, Screen or Overlay or whatever you like best …

 

 

If you see other blending modes you like as you're scrolling down, don't be afraid to experiment.

 

 

Blending Modes are awesome!

 

Hint: You can scroll through the different Blending Modes by hitting Alt (⌥)+Shift+Plus:


Last Step: Save and Attach ~

Go to: File > Save for Web … and save the file as a .jpg

Make your image approximately 500 pixels wide.