What I want to do is to extract the girl's image and save it with a transparent background as a gif, and then put it up on the web page I've created, which has a dark grey gradient background.
The problem is when I do that, the contour of the girl's image contains a lot of white space and what appears like brush strokes! The white space doesn't show up at all while I'm using the Refine Radius tool on a black background. It also doesn't show up when I save the image as a gif on a dark background layer in Photoshop. It only appears when I save it on a transparent background and display it on my web page!
Here's image, saved with transparent background:
Here's the image, saved on a dark background:
Here's the image, on a transparent background, displayed on the live web page (pull the middle pane up to better see the browser view): http://codepen.io/anon/pen/iKpsh
Any idea what could account for this discrepancy? Am I doing something wrong in Photoshop? Do I need to be doing something with the html side of it?
Joined: 27 Nov 2012
Posts: 329
Location: The Netherlands PS Version: CS6 OS: Windows 8
Posted: Fri Jan 18, 2013 5:28 pm Post subject:
When it comesmto cutting out pictures like these it can be tricky.. What I usually do is:
Select the body upto the neck and save the selection.
Deselect and start selecting the rest, head and hairs, make sure to not any parts where the background is showing through the hairs. Click Refine Edge and check the Smart Edge. Keep the Smart Radius 0 and start working with the Smart Edge brush (click the brush icon in the Refine Edge box) and use it on the hairs, remember you can still use [ and ] to decrease and increase the brush' size.
With the selection still there add the selection you saved earlier to the selection you just made.
Now click the layer mask button and adjust with white and black brushes on the mask your cutout when needed.
That does the trick for me the trick 99% of the time.
I also usually save as PNG opposed to GIF but both formats are compatible with transperancy so that shouldn't really matter.
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum You cannot attach files in this forum You can download files in this forum
