Hey, we have forums!

Author Topic: PNG White Halo (Photoshop)  (Read 36726 times)

0 Members and 1 Guest are viewing this topic.

Offline Guy

  • Bit Bit
  • ****
  • Posts: 62
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #15 on: May 29, 2010, 06:17:44 am »
Right. (And that border around his head in the last pic shows that the original mask was not 100% transparent there)
Is that how you've been doing it for yours, Yogoda?

Alphasoldier, it would seem that this method is both quicker (simply fill black and then save with that option set) and better (maintains 100% transparency rather than 99%, though admittedly this is a negligible difference). This is what I was trying to say in my first post except I didn't realise programs generally default to white on 100% transparent pixels – Yogoda now points out that it's an easy setting to change.

I would guess that the reason programs default to white is purely for the sake of compression. A detailed background that is entirely invisible simply makes the image larger for no real reason.
« Last Edit: May 29, 2010, 06:34:54 am by Guy »

Offline Lady-Succubus

  • Hero Bit
  • *********
  • Posts: 538
  • Aren't I cuuuutee? =^.^=
    • View Profile
    • Woefully Outdated Blog
Re: PNG White Halo (Photoshop)
« Reply #16 on: May 29, 2010, 08:07:04 am »
Your method is quicker assuming the program allows you to set the color of transparent pixels. Otherwise, it's impossible without having to bring the image into another program, which is a bit of a hassle.
Bored little neko, pouncing along, scattering posts everywhere. =^.^=

Offline Moogie

  • Mini Bit
  • **
  • Posts: 4
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #17 on: May 29, 2010, 02:54:53 pm »
It does indeed sound like the process is much simpler in GIMP compared to Photoshop. Perhaps CS4 handles this better.


@Sindhi: Feel absolutely free to use them in any way you like. I didn't spend much time on them, so if you want to make any edits or tidy him up a bit, that's also welcome. :)

Offline Alphasoldier

  • Dream Bit
  • **********
  • Posts: 1810
  • Zero Suit!
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #18 on: May 29, 2010, 03:53:32 pm »
It's not the fact that GIMP handles it better, it's the fact that the default on GIMP is that it has an alpha channel instead of integrated transparency.
I bet that, somewhere deep hidden in Photoshop (perhaps less deep in CS4), it has the option to create and save the alpha channel instead of transparency in the picture.
None the less, as said by someone before, white pixels take less space than complicated colors on places where you won't even see them so it's logical it defaults on that.
God sees and knows everything, but at least he won't gossip about it.

Offline Guy

  • Bit Bit
  • ****
  • Posts: 62
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #19 on: May 30, 2010, 04:39:03 am »
Hm, I searched around and confirmed that Photoshop does not have a setting like GIMP does (which seems odd, given that Photoshop is by far the biggest and most bloated image editing program in existence). If you're having to remove halos a lot, it may well be worth your time to download GIMP or some other program that can do this. I'm sure drawing black lines around your images gets tedious after a while ;)

Alphasoldier, I'm still a little fuzzy about what you mean when you talk about alpha channel vs transparency but it sounds like you're referring to the way the program presents the image to you and allows you to work with it, rather than something to do with the PNG format itself or how the program actually saves it. The setting in GIMP that Yogoda mentioned is simply a checkbox that you get when saving the image (Save color values from transparent pixels) – I would be surprised if it actually treats PNGs any differently to Photoshop in the manner that you're talking about.
« Last Edit: May 30, 2010, 04:47:10 am by Guy »

Offline Lady-Succubus

  • Hero Bit
  • *********
  • Posts: 538
  • Aren't I cuuuutee? =^.^=
    • View Profile
    • Woefully Outdated Blog
Re: PNG White Halo (Photoshop)
« Reply #20 on: May 31, 2010, 08:40:21 pm »
What Alphasoldier means is that there is no alpha channel in Photoshop: instead the alpha channel is represented by simple "lack of color data" in the actual picture. Therefore, where the image appears to be transparent in the channel is where the alpha channel--and the white color-- is defined to be. If I'm understanding him correctly.

And as his post below states, I was not. ._.
« Last Edit: May 31, 2010, 09:24:16 pm by Lady-Succubus »
Bored little neko, pouncing along, scattering posts everywhere. =^.^=

Offline Alphasoldier

  • Dream Bit
  • **********
  • Posts: 1810
  • Zero Suit!
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #21 on: May 31, 2010, 09:05:38 pm »
As the tutorial given comes from SecondLife, which also has such Halo problem it's because it always converts the image there, either resizing it or changing the format it also treats the completely transparent pixels as white ones, eventually, when resizing it to it's default sizes (always to the power of 2), it mixes pixels again.

And all I said Guy is that instead of using a transparency layer, they simply just put transparency into the editing. And that any pixel that's transparent is defaulted to white so it costs less memory, that saving color values from transparent pixels is something Photoshop should have too, thought sadly does not.

Anything else you might've said has really not come through to me as you're confusing ME now, I thought I was quite clear earlier on.
God sees and knows everything, but at least he won't gossip about it.

Offline Guy

  • Bit Bit
  • ****
  • Posts: 62
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #22 on: May 31, 2010, 10:09:00 pm »
Great, so we confused each other :D. I think I understand what you mean now, although what I was saying was that I think you'll find GIMP and most other image editing programs treat transparency just the same as Photoshop does (my program Acorn doesn't have any features for working with channels at all). The only difference in GIMP is the presence of that checkbox ;)
« Last Edit: May 31, 2010, 10:18:39 pm by Guy »

Offline Sindhi

  • Giant Bit
  • ******
  • Posts: 296
    • View Profile
    • Bindhu Artisan Jewelry
Re: PNG White Halo (Photoshop)
« Reply #23 on: June 01, 2010, 03:24:13 am »
Thanks, Moogie, we would love to use your Li in our mod!

I find going back and forth among Gimp, Photoshop 7,  and My Paint seems to get the job done; the only problem I have is remembering to save My Paint files as png transparent the first time I save there; if I forget that part I have to cut the object out of the background again and sometimes have the white halo problem. There is more than one way to cut the background, thankfully, and I am learning which way works best for which graphic. I'm still mostly using the mouse and My Paint, but need to get more confident with the stylus and wacom pad. When Yogoda goes home I will have the desktop again, which is more comfy for using the pad. I still don't understand why sometimes I have a white halo problem and sometimes I don't. You guys have probably already explained it but I am not understanding. It's ok, I am used to having a steep learning curve...
"You are the sky. Everything else is just the weather."  Pema Chodron

Offline aerozol

  • Bit
  • ***
  • Posts: 14
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #24 on: June 01, 2010, 03:43:29 am »
It's ok, I've read it all a few times and don't really get it either!
I kind of understand, but I think a problem may be that default eraser on photoshop doesn't leave a halo, while the edge of a brush often does. Or the other way round. But still not sure.

If Derek lurks here perhaps he could let us know what he uses (:
I'm using Photoshop, which probably isn't the best sketching software anyway. I may just download something else, since it doesn't look like there's an easy solution.

Offline Guy

  • Bit Bit
  • ****
  • Posts: 62
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #25 on: June 01, 2010, 04:56:55 am »
As Alphasoldier briefly explained earlier, when an image gets scaled/stretched/rotated/distorted or otherwise manipulated to anything other than its natural form, a type of anti-aliasing is needed to keep smooth edges and maintain the clarity/detail of the image. When Aquaria does this, it can result in pixels around the outline of the image being blended with pure white pixels in the fully transparent portion of the image. The solution is simply to make the pixels in the transparent portion black instead of white, but Photoshop doesn't make this easy for you.

This isn't to do with the tools you use to edit the image, it's just that Photoshop doesn't save the colour of fully transparent pixels and instead records them as white. It does this in the interest of saving file size (it considers PNG to be a "web format") - solid colours compress easily in the PNG format while high detail that is invisible (see the Li head in my earlier post) is mostly pointless and doesn't compress well. A smarter thing for it to do would be to set the colour of the fully transparent pixels to the currently selected background colour, but I guess Photoshop isn't concerned about this ;)

In the end though, I'm pretty sure the whole problem shouldn't actually be happening and is probably a fault of the image-manipulation code used by Aquaria (SDL?). I wonder if it would be possible to fix it when Aquaria goes open-source...
« Last Edit: June 04, 2010, 12:56:01 am by Guy »

Offline Alec

  • Administrator
  • Dream Bit
  • **********
  • Posts: 2211
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #26 on: June 03, 2010, 03:49:05 pm »
White halos are photoshop's fault.

Offline frostyfrog

  • Bit
  • ***
  • Posts: 43
  • Lonely Bit :P
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #27 on: June 03, 2010, 06:17:06 pm »
Another solution could be (I think) use Paint.Net to resize/scale and turn off anti aliasing. Then you could select the inner pixels and blur them a tiny bit if you wanted to.
Linux to play Aquaria and for power, Windows for my dev stuff, Chromium for school surfing. I can't browse the grade system >:D. Join me on the bit-blot IRC channel.

Offline Lady-Succubus

  • Hero Bit
  • *********
  • Posts: 538
  • Aren't I cuuuutee? =^.^=
    • View Profile
    • Woefully Outdated Blog
Re: PNG White Halo (Photoshop)
« Reply #28 on: June 03, 2010, 06:20:50 pm »
White halos are photoshop's fault.

That makes me wonder... did the devs use photoshop? XD
Bored little neko, pouncing along, scattering posts everywhere. =^.^=

Offline aerozol

  • Bit
  • ***
  • Posts: 14
    • View Profile
Re: PNG White Halo (Photoshop)
« Reply #29 on: June 04, 2010, 01:27:20 am »
White halos are photoshop's fault.
Hm yeah that's what I gathered. And unfixable on there too huh, no plugins or anything, based off my googling.
I guess I'll download something else in a bit