Jump to content


Photo

Overlaying image is showing checkerboard background when saved.


  • Please log in to reply
12 replies to this topic

#1 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 21 August 2012 - 12:51 AM

Hello,

I have an issue with a transparent image. So, I have an image of someone & I want to paste an image of a transparent heart around their face, which I also have. I open the heart in Paint.net & notice the checkerboard background, which means that the background is transparent. I then copy & paste it onto the image of the person but the heart still has the checkerboard background instead of being transparent & it is covering the face. Also, when I saved the heart image on my Mac desktop, the thumbnail had a white background but when I opened it in Preview & iPhoto, it was transparent. Can you please help me?

Thank you,
Jacob Saunders

PS: I have Parallels Desktop so I'm running Mac & Windows side-by-side.

#2 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,646 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:223

Posted 21 August 2012 - 02:57 AM

Hi Jacob - welcome to the forum!

It sounds like you're simply getting the layer order wrong. You will need two layers - one for the face and one for the heart. You want the heart with the transparent background in the layer below the one with the face. Activate the Heart layer (by clicking on it in the Layers window) and move it down using the :MoveLayerDown: icon in the Layers Window.

RE: Saving it to MAC: Not transparent? - that sounds like a Mac issue. There is no problem with the image (as you have found it, correctly has transparent areas when opened in the appropriate software). Try asking this one on a Mac forum.

I don't know what image files the Mac supports or what you're saving it as - bear in mind that JPG does not support transparency. PNG does.

<Moved to Paint.NET Discussion & Questions>

#3 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 21 August 2012 - 07:53 PM

Thank you for your reply. I created a second layer in the Layers Window but now how do I get the heart image on it? I tried pasting it but It wouldn't appear on the face image when I moved the heart layer below it like you said.

#4 nitenurse79

nitenurse79

    2012 Signature of the Year Award Winner

  • Members
  • 1,098 posts
  • LocationSweden
  • Reputation:114

Posted 21 August 2012 - 08:07 PM

Have you tried "layers > Import from file :ImportFromFile: ? :)

signaturewithcurl_zps4c5b278b.png

Sig battles won 17. Image battles won - 2


#5 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 21 August 2012 - 10:31 PM

Yes, thank you, but the heart still has the white background while the edges around it are transparent. The heart is a transparent image so why would it have the white background? (& how would I fix that?)

#6 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,646 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:223

Posted 22 August 2012 - 02:43 AM

1. Activate the heart layer by clicking on it in the Layers Window.

2. Select the Magic Wand tool :MagicWandTool:

3. Hold the Shift key down and click on the white background. Note: if the entire background is not selected - fine tune the Tolerance setting in the Tool Bar and select again.

4. press Delete.

#7 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 23 August 2012 - 02:00 AM

Okay, I found a better heart image that already had the outer edges transparent so I only have to do the center. I followed your steps but instead of the center being transparent, it has turned dark blue. This is getting really frustrating!!!!!

#8 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,646 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:223

Posted 23 August 2012 - 02:46 AM

Dark blue is the selection region. Press the Esc key to deselect.

#9 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 23 August 2012 - 05:15 PM

Now it's black!

#10 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,646 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:223

Posted 23 August 2012 - 10:25 PM

Upload both images to a hosting site and post the links here. I think we need to see whats going on with your images in order to help you.

#11 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 26 August 2012 - 12:12 AM

Okay here you go:

Heart image: https://www.dropbox....-outline-hi.png
Wanda*: https://www.dropbox....vb5jf/Wanda.jpg

*Wanda is simply my favourite character from my favourite TV show, Corner Gas.

Hopefully you can figure this out!

#12 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,646 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:223

Posted 26 August 2012 - 04:16 AM

Ok. the Heart image has a transparent background, but the centre of the heart is filled with white. I assume you want to relocate Wanda's head so it appears framed by the heart:

Posted Image

Here's how I did this...,

1. open both images.

2. Activate the Wanda image and select the magic wand tool :MagicWandTool:

3. In the Tool Bar, lower the Tolerance slider to 25%

4. Click beside Wanda's head to select the area around her head (like her 'aura').

5. Press delete. That's removed (most of) the background around Wanda's head and face.

6. Press Ctrl + A (to Select All), then press Ctrl + C to copy.

7. Activate the heart image.

8. Add a new layer :AddNewLayer:

9. Press Ctrl + V to paste Wanda into the new layer. When prompted, choose the option to keep the canvas the same size.

10. Select the Gradient tool :GradientTool:

11. In the Tool Bar, choose the Radial :RadialGradient: and Transparency :AlphaChannelOnly: options.

12. Click in the centre of Wanda's face and drag outwards until you're satisfied with the fading.

Save as a PDN then flatten and save in the format you require.

#13 jacsau93

jacsau93
  • Newbies
  • 7 posts
  • Reputation:0

Posted 27 August 2012 - 03:43 AM

Thank you for all your help! I tried that & it worked out but I found another program that made it exactly how I wanted it. Thank you so much for your time & effort!