iEntry 10th Anniversary Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read
Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 08-19-2005, 09:21 AM
WebProWorld Pro
 
Join Date: Aug 2004
Location: Maryland
Posts: 219
webmasterjunkie RepRank 0
Default Cropping Tutorial

I have a picture that I would like to remove the background from so that I can just have the opersons picture. The background is very detailed, and most parts blend with her hair.

Can someone point me to a tutorial to do this. I have Fireworks and Photoshop, so whichever one will work.

Thanks in advance.
Reply With Quote
  #2 (permalink)  
Old 08-19-2005, 09:43 AM
N30's Avatar
N30 N30 is offline
WebProWorld Pro
 
Join Date: Oct 2003
Location: Beds, UK
Posts: 221
N30 RepRank 0
Default

Have you got the image you want to crop. I could probably tell you if it's possible.

I use fireworks and i suggest the freeform select tool with a 1 or 2px feather, it should be able to do the job.
Reply With Quote
  #3 (permalink)  
Old 08-19-2005, 05:23 PM
Weedy Lady's Avatar
WebProWorld Veteran
 
Join Date: Nov 2003
Location: mid south USA
Posts: 395
Weedy Lady RepRank 0
Default Plan to spend some time

I do this all the time, and it can be done, but it takes time. Sometimes a lot of time. Use the lasso tool to remove most of the background. Then, select about a 4 pixel square and move it and delete, pixel by pixel, until you have the head shape you want.

Then, use the pencil tool and fill in whatever you need to as fas as colors to make the hair look right.

Work at 800x magnification.

An example is the little thumbnail of me on these postings. I cut out my head from another picture, then added the new background that I wanted. For another example, with 12 heads cut out and put into a composite picture, see my "jury duty" card at http://www.happydaycards.com/thoughts/juryduty.html

Be advised that this is eye-strain time when you do it this way. There is probably an easier and quicker way, but this works for me and I get what I want........pixel by pixel.

Remember to save your work every few minutes by using "export preview" so you don't wind up losing a couple hours work!

YOu can also remove garbage cans and trash from pictures of people's yards, and copy and paste a few pixels at a time to build the grass area or the driveway back up. It's only fun when you are done and the thing looks good!
__________________
The Weedy Lady at
http://www.happydaycards.com
Free E Cards for holidays and all occasions, fun pages and great recipes.
Reply With Quote
  #4 (permalink)  
Old 08-19-2005, 06:53 PM
DrTandem1's Avatar
WebProWorld 1,000+ Club
 
Join Date: Oct 2003
Location: Encinitas, CA
Posts: 1,830
DrTandem1 RepRank 2
Default

Be sure to use anti-aliasing on the main parts of the image or you'll have a lot of little jagged edges. Hair is a very tedious task to cut around, if it's wispy or feathered. Even pixel-by-pixel may not look good.

Practice-practice-practice.
__________________
DrTandem's San Diego Web Page Design, drtandem.com
Reply With Quote
  #5 (permalink)  
Old 08-19-2005, 07:10 PM
rocky1's Avatar
WebProWorld Veteran
 
Join Date: Aug 2003
Location: North Dakota
Posts: 345
rocky1 RepRank 0
Default

Using Photoshop myself, I usually duplicate the background layer (your original image) a couple of times and simply use the eraser tool. Eliminate one copy of the image altogther and give yourself a solid contrasting color in background, if it's a dark background go white, if it's light go Black, so you can see any missed spots. This can be done after you have cropped the object as well, the point in doing so is... if you apply any blending options i.e. backshadow, or place the image over a solid background any missed spots may show up.

You can select the Background Eraser Tool if there's significant contrast; around the torso where clothing is substantially different this may well be a time saving option, but where you suggest the hair blends into the background, it won't be.

Then, as Weedy Lady suggests, I enlarge the image, decrease the eraser size to 5 - 10 pixels and take my time. Yes it is time consuming and monotonous but there's not much else you can do.
Reply With Quote
  #6 (permalink)  
Old 08-20-2005, 03:25 AM
WebProWorld New Member
 
Join Date: Feb 2004
Location: Cyprus
Posts: 16
pmhb RepRank 0
Default

Anything is possible and as to SW, it's much too much a personal preference. I would use PS since I'm way more experienced with that than FW.

However, it's gonna be far easier to help and/or advise if we could see the image in question.
Reply With Quote
  #7 (permalink)  
Old 08-20-2005, 08:32 AM
DrTandem1's Avatar
WebProWorld 1,000+ Club
 
Join Date: Oct 2003
Location: Encinitas, CA
Posts: 1,830
DrTandem1 RepRank 2
Default

I realize you already have PS and FW. For those that don't have either, there is a far less expensive alternative, Paint Shop Pro. I think they're on version 9, now. It's well below $100. By the way, it can open layered files that were originally created by PhotoShop.

Fireworks has many other features that Paint Shop Pro and Photo Shop don't have. It's great for creating pop-out menus and such. However, for simply editing graphics, I have found that the other two are much easier to use and have better results.
__________________
DrTandem's San Diego Web Page Design, drtandem.com
Reply With Quote
  #8 (permalink)  
Old 08-20-2005, 01:02 PM
WebProWorld Pro
 
Join Date: Nov 2004
Location: Westmoreland County, PA
Posts: 218
noel_x99 RepRank 0
Default

I used masks and layer masks a lot for fly-away hair.

I make a quick selection with one of the tools and then turn on the masking. I'll vary the size of the brush and opacity as I work. I tend to select more than I need rather than less.

Then I copy and paste my selection onto the new background. I'll use layer mask at that point to clean up problems and blend the fly-away edges.
__________________
Jane Noel
http://www.InWestmoreland.com
Westmoreland County PA's Business Directory
Reply With Quote
  #9 (permalink)  
Old 08-21-2005, 01:54 PM
davebarnes's Avatar
WebProWorld MVP
WebProWorld MVP
 
Join Date: Jul 2003
Location: Denver, Colorado USA
Posts: 1,614
davebarnes RepRank 4davebarnes RepRank 4davebarnes RepRank 4davebarnes RepRank 4
Default Corel Knockout 2

http://www.corel.com/servlet/Satelli...=1047022702205

appears to be a good solution.
__________________
Dave Barnes
+1.303.744.9024
http://www.marketingtactics.com
sitting in my basement with my iMac
Reply With Quote
  #10 (permalink)  
Old 08-22-2005, 04:57 PM
richkoi's Avatar
WebProWorld Veteran
 
Join Date: Aug 2003
Location: Atlanta, GA
Posts: 451
richkoi RepRank 0
Default

Vector masking in Fireworks is my favorite way to crop out complex images.

http://www.macromedia.com/devnet/stu...masking04.html

Just trace the image with the pen tool (you must know how to use the pen tool to do this) and then change the color of the traced shape to white. Select the new vector shape and the bitmap you traced over and click Modify > Mask > Group as Mask.

If you need clarification, let me know.

Rich
__________________
Me
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -4. The time now is 08:05 AM.



Search Engine Optimization by vBSEO 3.3.0