Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : Photoshop Basics Last Updated: Apr 15th, 2008 - 18:38:37


Clipping Masks
Author: Tutorial Monkey
Authors Website: www.tutorialmonkey.com
Apr 3, 2007, 15:09

Email this article
 Printer friendly page
This tutorial will teach you how to use Clipping Masks.
Web Designers Library- Tutorials and Articles
Clipping Masks


Step 1
Web Designers Library- Tutorials and Articles
Clipping Masks


Make a new document any size, for this one I made it at 1680px x 1050px.

Select a brush any basic one. I choose the splatter 59 pixel. Basic brush that comes with photoshop.

Step 2
Web Designers Library- Tutorials and Articles
Clipping Masks


Create a new layer, if you don't know how there's a arrow pointing to the icon you click to make one.

Step 3
Web Designers Library- Tutorials and Articles
Clipping Masks


Now on layer 1 [layer you just made], Make any type of shape you want.

It can be as random as the one you see on the screen shot.

Step 4
Web Designers Library- Tutorials and Articles
Clipping Masks


Now create two more new layers.

Step 5
Web Designers Library- Tutorials and Articles
Clipping Masks


Go on to your layer 2. As highlighted in the screen shot.

Step 6
Web Designers Library- Tutorials and Articles
Clipping Masks


Now on your table that has your layers and such in. There's a arrow that looks somewhat like a play button?

Its right under the exit "x" click on it and as seen in the screen shot click on the "create clipping mask" [ alt + ctrl + G ]

Example of what your table should look like now
Web Designers Library- Tutorials and Articles
Clipping Masks


See how there's a arrow now going pointing down to layer 1.

Which means what ever you put in to layer two will only show in the shape you made on layer 1.

Step 7
Web Designers Library- Tutorials and Articles
Clipping Masks


Open up the image you would like to use in the shape you made earlier.

For this I will choose a photograph I took a while ago.

Use to the lasso tool and go around the whole image and once you have it press [ Ctrl + C ]

To copy the image.

Step 8
Web Designers Library- Tutorials and Articles
Clipping Masks


Now go back to your shape you made, and go to layer 2 with the arrow pointing down.

And press [ Ctrl + V ] and the image should come up. You can use the move tool to position it where you want it to be.

Completed
Web Designers Library- Tutorials and Articles
Clipping Masks




Top of Page

 
Level Ten Hosting