- Any Keyword(s) -

All Categories Search

advanced search

Web Design Basics   Home Photoshop Photo Editing Quick Photo Background Change/Optimize Featured Templates

Design Principles
Website Usability
Color Theory Quick Photo Background Change/Optimize
Templates & Tuning Author: photo-shop-tutorial.net More by this author

Photoshop

Tutorials Added: May 01, 2007 Rating:  Level: Beginner Software:   Photoshop

All Tutorials
Editor's Pick
Photoshop Basics Price : $ 59 | Details
Hello Photoshop people, today we are going to see how to change/optimize your photos background, this tutorial is for all
Special Effects your inside-photos, this mean that the photo that you want to use, MUST have a solid color Background, so let's begin.
Text Effects
Step 1:
3D Effects
Textures & Patterns Choose or take the photo, it can be a Home or a Pro photo, just keep in mind the Solid Background thing, and also try to
Web Layout get a light background (no black).
Drawing Techniques
Color Management
Photo Editing
ImageReady Animation Price : $ 59 | Details
Fireworks
more website templates
Paint Shop Pro
Miscellaneous Related Materials
Articles
Creating A Blurred
Vector Graphics Background
by Pete Bauer
CorelDraw
Adobe Illustrator Difficult Background
Removal
Flash & Swish by Ettoremarzocchi.com

Flash Tutorials Now choose the new color of the Background, we have chosen for our photo this dark red (bd0000), but you can really How to Change or Replace
pick the color that you think is the best for your photo. a Background Image of a
Articles Photograph
by Photoshopinc.com
Swish Tutorials
Photo Montage: How to
3D Graphics
Change Background
Tutorials by Globator

Articles
Step 2: Photoshop
HTML and CSS Related Resources

Tutorials Alright now let's create a new layer, Ctrl + Shift + N (new layer), and name it "Color"
The Photoshop Foundry
Articles A site providing tips, tricks,
downloads, links and more.
Web Programming

PHP
ASP Free Web Templates
JavaScript A collection of free web
templates. Premium quality
Site Maintenance web designs, easy to browse.
Step 3:
SE Optimization
Web Promotion Select your Brush Tool. Free Photoshop Tutorials
Domain Registration A huge collection of carefully
selected Adobe Photoshop
Hosting Services tutorials. Daily updates.
RSS

Showcase
Vectorials
Webdesign Showcase Your resource of free Adobe
Site of the Day Illustrator tutorials, Corel
Draw tutorials and other
Site of the Month vector graphics tutorials.

Free Stuff

Design Accessories Adobe Photoshop

Sounds Ok for this part you HAVE to be VERY carefully, you have to paint all the Background with your Brush Tool, take specially Tutorials
care for the hair part, just be very patient and everything is going to be just fine. Remember that you can always use your Collection of Photoshop
Flash Elements tutorials and links to other
Eraser Tool.
3D Objects resources and art galleries.

Miscellaneous You pic is going to look something like this:

Software Reviews Wetzelandcompany.com

Web Design Jobs A site dedicated to

backgrounds and textures.
Interviews Helpful tutorials and ideas.

http://www.webdesign.org/web/photoshop/photo-editing/quick-photo-background-changeoptimize.11656.html Page 1 / 5
 backgrounds and textures.
Interviews Helpful tutorials and ideas.

Subscribe

Step 4:

Now go to the Blending Mode of your Color layer...

And try with all the modes, you will find one that you will like most, here some examples of the modes:

Multiply:

Lighten:

Overlay:

Saturation:

http://www.webdesign.org/web/photoshop/photo-editing/quick-photo-background-changeoptimize.11656.html Page 2 / 5
 backgrounds and textures.
Interviews Helpful tutorials and ideas.

Subscribe

Step 4:

Now go to the Blending Mode of your Color layer...

And try with all the modes, you will find one that you will like most, here some examples of the modes:

Multiply:

Lighten:

Overlay:

Saturation:

http://www.webdesign.org/web/photoshop/photo-editing/quick-photo-background-changeoptimize.11656.html Page 3 / 5
 The result it's going to depend of the color that you choose, the illumination of the original photo and the quality of it, but
anyway is looking great uh?

Step 5:

If you don't like the color result at all, or want to tweak it a little bit, just open your Hue/Saturation options, (pressing Ctrl
+ U), and modify the values until you got just the right color for that cool pic of you.

Step 6 (Optional):

Now if you want your photo to look more natural with the new background, you will have to tweak a little the colors of
the overall result, for this we have to Merge All the layers, you can do it quickly pressing Shift + Ctrl + E (merge visible
layers)

Open you Color Balance Options, Image - Adjustments - Color Balance (Ctrl + B), and modify the values, you can add some
shadows, more color, light or anything you want.

And DONE! Keep in mind that you can change other things colors, not just the Background, for doing this just repeat all
the steps but instead of painting the Background with the Brush Tool, paint other thing (see Step 3).

For Example, the tie.

Have FUN!

Author's URL: www.photo-shop-tutorial.net

Rate this Material : Bad  1 2 3 4 5  Excellent

http://www.webdesign.org/web/photoshop/photo-editing/quick-photo-background-changeoptimize.11656.html Page 4 / 5
  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials
 Rate this Material : Bad  1 2 3 4 5  Excellent

  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

10 Random Photoshop Photo Editing :10 Random TutorialKit Materials:

Art Creator Graffiti On a Wall Keeping Images Sharp
Colour Infrared
Motion (video tutorial)
Painless Tattoos
Fantasy Effect
Removing Braces
Removing Shadows
Old Photo Effect
Layer Mask Part1
Heaven Effect
Creating a Fast Text Effect Web Banner
Pepper Wallpaper
SHARPENING BLURRY SCANS
BirdFrog photoshop tutorial
Mac OS X burn Icon
Spherize
Creating Custom Brushes
Evil Sith Eyes
Chaotic Laser Background

Add comments to "Quick Photo Background Change/Optimize"

 
   
 

HOME | SUBMIT MATERIAL | NEWSLETTER | RSS | LINK TO US | ABOUT US | CONTACT US | WEB TEMPLATES

Partners: Website Builder | Templates Customization | Free Fonts & Free Dingbats | PageResource.com | Website Content

Copyright 2004-2007 © Webdesign.org - web design articles and tutorials.

http://www.webdesign.org/web/photoshop/photo-editing/quick-photo-background-changeoptimize.11656.html Page 5 / 5