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 : Miscellaneous Last Updated: Apr 15th, 2008 - 18:38:37


Layer Masks
Author: Force
Authors Website: www.apdz.com
Mar 28, 2007, 20:24

Email this article
 Printer friendly page
This tutorial will show you how to use the layer mask feature of photoshop to blend different images. I have made a 400x400px canvas and added a few random 'spawn' pictures onto it. I also made the background black. Here is how they look:
Web Designers Library- Tutorials and Articles
Layer Masks


Now select a layer and go to Layer>Add Layer Mask>Hide All. Do this for each of the layers you want to blend. I added a layer mask to all of my picture layers that i want to blend together. Now my layers look like this:
Web Designers Library- Tutorials and Articles
Layer Masks


Now get a nice soft brush and select the black layer mask part of the image layer. Use the paint brush and brush around where you want the image to appear. Brushing with the white color selected will make the image appear. Brushing with black as your foreground color will make the image disappear (it will be hidden so if you make a mistake you can always swap to white and make the image reappear).
Web Designers Library- Tutorials and Articles
Layer Masks


Continue to brush the other layers.... make sure you are on the black layer mask layer when you brush around. If you are not on the black layer when you brush, the actual image will be altered !!!! For a little extra feel to your images, go to Layer>Distort>Diffuse. This will brighten the images a bit. Here's what mine looks like:
Web Designers Library- Tutorials and Articles
Layer Masks


And that's all there is to layer masks. You can use this technique for many other things. I use this as a lazy way to extract an image from its background. It's so much faster and easier to go back on mistakes.



Top of Page

 
Level Ten Hosting