Clan emblem problem (solved)

[(NSW)Goreinu]

Hi.

I'm having problem with the png image of the emblem, the antialiasing is leaving a white thin border around the image when exported like png-24, anyones know a solution to this? i can fix it exporting on png-8 but the quality of the image is not that good.

Thanks. 🤔

Edited April 21, 2019 by (NSW)Goreinu

[Buff00n]

Huh, well.  I thought it might be the transparency border not quite lining up and a white color in your RBG channels leaking through, but this is what your PNG looks like with the alpha channel removed:

It's surrounded by black, not white.  I don't really have an explanation.

I am curious what the issue actually looks like in game.  Your "after" image doesn't really show what it looks like in game, and I don't know what you mean by "post exporting".

 

You can try this version I made:

Here is what that PNG looks like with the alpha channel removed:

It's blue all the way to the edge.  Unfortunately, I can't guarantee that whatever kink in the processes added white to your original image won't do the same thing to that one.

If I were you, I would open a support ticket.  Explain the situation and give them links to the original PNG and screenshot of what it looks like in game, and maybe the all blue one I made.  They should be pretty understanding about an emblem's in-game appearance being unsatisfactory, and will usually let you try to fix it without charging another 200 plat.  Just be patient, and make sure to reply to any automated emails.  Support is always overworked and they do that to filter out the spam.

[Buff00n]

What are you exporting from?  Whether the outline is really there also might depend on what you're viewing the result in.

If you're exporting from a vector graphics app then an unwanted border may be something behind the foreground shapes leaking through.

If you're exporting from a pixel-based graphics app then it's almost certainly related to transparency.  It's hard to say what the problem without knowing what you're using and seeing the problem image.

[(NSW)Goreinu]

41 minutes ago, Buff00n said:

What are you exporting from?  Whether the outline is really there also might depend on what you're viewing the result in.

If you're exporting from a vector graphics app then an unwanted border may be something behind the foreground shapes leaking through.

If you're exporting from a pixel-based graphics app then it's almost certainly related to transparency.  It's hard to say what the problem without knowing what you're using and seeing the problem image.

I'm using illustrator, i'm also trying with gimp and photoshop, but i can't get the desire result without losing the antialiasing 😕

Edited April 17, 2019 by (NSW)Goreinu

[Buff00n]

17 minutes ago, (NSW)Goreinu said:

I'm using illustrator, i'm also trying with gimp and photoshop, but i can't get the desire result without losing the antialiasing 😕

Have you tried exporting at a much higher resolution than 128x128 and then downsizing in Photoshop?

[(NSW)Goreinu]

21 minutes ago, Buff00n said:

Have you tried exporting at a much higher resolution than 128x128 and then downsizing in Photoshop?

Yes, i tried that too, the thing is this, the image looks great here on the pc, it doesn't show the thin white borders, but inside the game it does, so if i grab the image and i put a black solid color on the background you can see the pixels of the antialiasing on the edges even when it doesn't show up normally. the problem is that in the game shows up so it looks like trash.

there's any way to keep the smoth borders without those white pixels around?

[Buff00n]

4 minutes ago, (NSW)Goreinu said:

but inside the game it does

How are you testing it inside the game before submitting it?

5 minutes ago, (NSW)Goreinu said:

if i grab the image and i put a black solid color on the background

What, exactly, are you doing to see the white borders?

[(NSW)Goreinu]

36 minutes ago, Buff00n said:

How are you testing it inside the game before submitting it?

What, exactly, are you doing to see the white borders?

I didn't, the emblem is on the game already and i encountered this problem

i've grabed the image with a normal image editor, placed a black background behind and i can see the same white borders that shows on the game.

Edited April 17, 2019 by (NSW)Goreinu

[Buff00n]

3 minutes ago, (NSW)Goreinu said:

I didn't, the emblem is on the game already and i encountered this problem

i've grabed the image with a normal image editor, placed a black background behind and i can see the same white borders that shows on the game.

Oh.  Did it look okay in the online preview you get before submitting? 

Not having used Illustrator I don't have any more guesses, unless you want to put the original .png up on imgur or somewhere where I can look at it.

[EoR_SolusCaeles]

7 minutes ago, (NSW)Goreinu said:

i've grabed the image with a normal image editor, placed a black background behind and i can see the same white borders that shows on the game.

Now you know that there actually are white borders on it. Just get rid of it and we're fine.

[(NSW)Goreinu]

23 minutes ago, Buff00n said:

Oh.  Did it look okay in the online preview you get before submitting? 

Not having used Illustrator I don't have any more guesses, unless you want to put the original .png up on imgur or somewhere where I can look at it.

yeah, was looking ok in the preview, and if you see the image, its looks nice, it's only into  the game looks with those white thin borders, i'm pretty sure that is the antialiasing the one that makes a gradient on the borders to make it look more smoth.

i can post an image recreating what is going on look.

https://imgur.com/xL1i35G this is a blue circle saved as png-24 with antialiasing, no background, looks nice

https://imgur.com/uK2XAYx this is the same blue circle with a black background added post exporting, this is what happended into the game, this is how it looks.

Edited April 17, 2019 by (NSW)Goreinu

[Methanoid]

i threw together a quick 2 color logo using freebie images which doesnt stray too far from what you seem to be doing and i didnt end up with any issues like yourself, i saved the image using GIMP2, maybe the exporting/saving software is the issue?

I didnt stop GIMP from using anti aliasing, the only thing i took note of was DE's mention of not having the image touch the border/limits of the image, so i made sure there was a 2 pixel gap all the way around just to be safe.

[(NSW)Goreinu]

8 hours ago, Buff00n said:

Huh, well.  I thought it might be the transparency border not quite lining up and a white color in your RBG channels leaking through, but this is what your PNG looks like with the alpha channel removed:

It's surrounded by black, not white.  I don't really have an explanation.

I am curious what the issue actually looks like in game.  Your "after" image doesn't really show what it looks like in game, and I don't know what you mean by "post exporting".

 

You can try this version I made:

Here is what that PNG looks like with the alpha channel removed:

It's blue all the way to the edge.  Unfortunately, I can't guarantee that whatever kink in the processes added white to your original image won't do the same thing to that one.

If I were you, I would open a support ticket.  Explain the situation and give them links to the original PNG and screenshot of what it looks like in game, and maybe the all blue one I made.  They should be pretty understanding about an emblem's in-game appearance being unsatisfactory, and will usually let you try to fix it without charging another 200 plat.  Just be patient, and make sure to reply to any automated emails.  Support is always overworked and they do that to filter out the spam.

Thanks for the replies, the blue thing was just an example tho the emblem is far more complex, the transparency border could be a problem, i'm going to check that.

[(NSW)Goreinu]

8 hours ago, Methanoid said:

i threw together a quick 2 color logo using freebie images which doesnt stray too far from what you seem to be doing and i didnt end up with any issues like yourself, i saved the image using GIMP2, maybe the exporting/saving software is the issue?

I didnt stop GIMP from using anti aliasing, the only thing i took note of was DE's mention of not having the image touch the border/limits of the image, so i made sure there was a 2 pixel gap all the way around just to be safe.

Nope, check this out, iff you upload that image like an emblem clan, it's going to look with the exact same problem.

https://imgur.com/0RMRf34

the antialiasing merge white with the borders and those white pixels are going to show up inside of the game, and even more now that the new update make looks everything brighter.

[Methanoid]

21 minutes ago, (NSW)Goreinu said:

Nope, check this out, iff you upload that image like an emblem clan, it's going to look with the exact same problem.

https://imgur.com/0RMRf34

the antialiasing merge white with the borders and those white pixels are going to show up inside of the game, and even more now that the new update make looks everything brighter.

i already have the image in game with no issues, which is the only reason i mentioned it in the first place.

[(NSW)Goreinu]

9 minutes ago, Methanoid said:

i already have the image in game with no issues, which is the only reason i mentioned it in the first place.

My friend, your image is totally white is obvious that is not going to have the issue, can't show a white thin border of the antialiasing if it's everything is white...

Edited April 17, 2019 by (NSW)Goreinu

[Methanoid]

14 minutes ago, (NSW)Goreinu said:

My friend, your image is totally white is obvious that is not going to have the issue, can't show a white thin border of the antialiasing if it's everything is white...

its a white image on top of a black chequered circle, so its not all white, plus i rescaled it, which typically involves AA'ing the image/edges even just a bit.

Plus i think you are losing me, in 1 post you said my image has/will have the same issue which you post a link to after you have.... done something to it, then in your next post you say it ofc wont have the issue because its mostly white...  so er which do you mean.

Edited April 17, 2019 by Methanoid

[Buff00n]

1 hour ago, (NSW)Goreinu said:

Nope, check this out, iff you upload that image like an emblem clan, it's going to look with the exact same problem.

https://imgur.com/0RMRf34

the antialiasing merge white with the borders and those white pixels are going to show up inside of the game, and even more now that the new update make looks everything brighter.

Okay, again, exactly how are you getting this result?  What are you "uploading" to?

 

1 hour ago, (NSW)Goreinu said:

Thanks for the replies, the blue thing was just an example tho the emblem is far more complex, the transparency border could be a problem, i'm going to check that.

Can you show a screenshot of the in-game problem with your actual emblem?

[(NSW)Goreinu]

20 hours ago, Methanoid said:

i threw together a quick 2 color logo using freebie images which doesnt stray too far from what you seem to be doing and i didnt end up with any issues like yourself, i saved the image using GIMP2, maybe the exporting/saving software is the issue?

I didnt stop GIMP from using anti aliasing, the only thing i took note of was DE's mention of not having the image touch the border/limits of the image, so i made sure there was a 2 pixel gap all the way around just to be safe.

Was the black circle already on png format? or did you deleted the background?, by the way my bad in my last reply, i didn't saw the black circle around your emblem.

[(NSW)Goreinu]

10 hours ago, Buff00n said:

Okay, again, exactly how are you getting this result?  What are you "uploading" to?

 

Can you show a screenshot of the in-game problem with your actual emblem?

It's weird thing tho because the emblem looks cool when it's on the pc, it just the game is making it look bad.

to get that result i'm just grabing the image and placing a black background behind it so see if the image has the halo problem. but for example methanoid is saying that his emblem doesn't have the problem but if i place a black background behind i can see the same problem. in my case could be a problem of the canvas, not alliagned properly with the image? or the exporting sofware?

[Buff00n]

3 minutes ago, (NSW)Goreinu said:

It's weird thing tho because the emblem looks cool when it's on the pc, it just the game is making it look bad.

to get that result i'm just grabing the image and placing a black background behind it so see if the image has the halo problem. but for example methanoid is saying that his emblem doesn't have the problem but if i place a black background behind i can see the same problem. in my case could be a problem of the canvas, not alliagned properly with the image? or the exporting sofware?

Can you show a screenshot of the actual problem you see in game with your emblem?  Alternatively, can you show me the actual PNG you uploaded? 

Right now I'm not convinced whatever is going on isn't just a by-product of something you're doing to the image yourself.  The very first thing I did with your blue dot was import it into Photoshop and insert a black fill layer behind it, and there were no white artifacts at all.  It looks fine.  I've done about a dozen or so emblems for various people, most of which included anti-aliased borders between the emblem and a transparent background, and nobody has come back to me with the problem you are describing.

[Methanoid]

yeah i'm also thinking its a specific software save/export related issue on his end, like mentioned, pics/source images would help find the issue.

[(NSW)Goreinu]

On 2019-04-17 at 10:44 PM, Buff00n said:

Can you show a screenshot of the actual problem you see in game with your emblem?  Alternatively, can you show me the actual PNG you uploaded? 

Right now I'm not convinced whatever is going on isn't just a by-product of something you're doing to the image yourself.  The very first thing I did with your blue dot was import it into Photoshop and insert a black fill layer behind it, and there were no white artifacts at all.  It looks fine.  I've done about a dozen or so emblems for various people, most of which included anti-aliased borders between the emblem and a transparent background, and nobody has come back to me with the problem you are describing.

Yes, right now i'm not on my pc, but tomorrow i can upload the image for you so you can se what is going on!

[(NSW)Goreinu]

Guys! got the problem solved! thank you so much for all your comments!

[Owlski]

3 hours ago, (NSW)Goreinu said:

Guys! got the problem solved! thank you so much for all your comments!

If it's not too much trouble, do you mind sharing what was causing the thin white bordering and how you solved it? 
Asking, as I know I personally encountered the issue in the past, as well as have had others mentioning the same.

[(NSW)Goreinu]

1 hour ago, Owlski said:

If it's not too much trouble, do you mind sharing what was causing the thin white bordering and how you solved it? 
Asking, as I know I personally encountered the issue in the past, as well as have had others mentioning the same.

Yeah i resolved 2 problems, idk wich one was the problem tho , the first one was a problem of alignment, if the object and the canvas is not align the result is going to be that, the white border is always going to be there tho because is the antialiasing merging the pixels to smoth the saw edges, but if the item and the canvas are not align it's going to show even if you can't see it on the image idk why, that could be one possibility, the second possibility, illustraitor is messing with me, i've change the exporting sofware for photoshop.

Now you may be asking, how do i know wich and wich not image is having problems?, well, i created a temporary free website, i uploaded the old emblem there like a banner and it reflects the issue, even when the image on my pc doesn't show problems, i've change the program and fixed the alignment problem and now it looks ok, i just hope that the emblem stays like that in the game when uploaded.

I want to thank you and Methanoid tho, for responding and being so helpful with your responses! ty guys!!!! ❤️

by the way, this is my first time posting on the forum, do i need to close this topic or something?