MarslArts Posted July 6, 2018 Share Posted July 6, 2018 Hey guys, I have a problem that is bugging me since a long time and I didn't knew where to post it. Since the most guys working with graphics are active in this part of the forum I thought I'd post it here. I wanted to make a RW generated workers picture pack, where everything is set up so you can easily import them to your game. I've already cutted around 400 pictures of wrestlers, referees, announcers and so, I'd aim for the 600 mark. Everything would be perfect, BUT ... I want to make useage of the transparent background feature, so that each of the workers are having their companies background. Therefore, the pictures have to be .gifs. But always when I export those from PS, I get an ugly white stroke around the edges of the cut. Like white artifacts, like the cut isn't clean. But it is. I've tested it multiple times on different background colors. I've tested it with .png and .png has no issue. So it must be some problem with .gif - does anyone know a workaround? knows what I'm doing wrong? has an advice, how to avoid those white strokes? Any help would be highly appreciated! I'm working with Photoshop CC and have the complete CC as backup software. Link to comment Share on other sites More sharing options...
MarslArts Posted July 16, 2018 Author Share Posted July 16, 2018 Does nobody have a solution for that problem? Link to comment Share on other sites More sharing options...
Valkyria Posted July 16, 2018 Share Posted July 16, 2018 I am working with Photoshop too, so if you could post an example of your problem, that would help. Link to comment Share on other sites More sharing options...
MarslArts Posted July 17, 2018 Author Share Posted July 17, 2018 <p>Thanks.</p><p> </p><p> Well, I hope this showcases the issue:</p><p> </p><p> Both are the same cut. One is exported as a png, the other is as a gif (as it is required by the game). I've put a black background on it so the stroke is visible.</p><p> </p><p> This is the result for the .png :</p><p> <span>http://mixedmarslarts.de/AsPNG.jpg</span></p><p> </p><p> this is the .gif :</p><p> <span>http://mixedmarslarts.de/asGIF.jpg</span></p><p> </p><p> So somehwere in processing a .gif it creates those white strokes and artifacts.</p><p> Does anyone have an idea?</p> Link to comment Share on other sites More sharing options...
WillyWillyWilly Posted July 17, 2018 Share Posted July 17, 2018 <p>maybe that could work.</p><p> Cut it and save it as png, then load it again and save it as gif.</p> Link to comment Share on other sites More sharing options...
MarslArts Posted July 17, 2018 Author Share Posted July 17, 2018 tried the same, still creates the strokes <img alt="" data-src="//content.invisioncic.com/g322608/emoticons/frown.png.e6b571745a30fe6a6f2e918994141a47.png" src="<___base_url___>/applications/core/interface/js/spacer.png" /> Link to comment Share on other sites More sharing options...
jhd1 Posted July 17, 2018 Share Posted July 17, 2018 It's difficult to be sure as you've posted a jpg rather than the original gif, but it looks like you've got some blurring around the edge of the image, particularly around the shoulders. Because gifs can't handle semi-transparency (which those blurred areas will be) the processing is going to assume that the background will be white and back any areas that aren't entirely solid or transparent with white. I imagine that's probably the reason for the white outline but if you post the original gif it'll be easier to tell. Link to comment Share on other sites More sharing options...
TheWho87 Posted July 17, 2018 Share Posted July 17, 2018 <p>Have you tried adding a stroke of a noticeable colour to see if there is any residue left from the cutting?</p><p> </p><p> It's something that I've noticed when looking back at my older cuts, just something I do now to remove everything not wanted.</p> Link to comment Share on other sites More sharing options...
WillyWillyWilly Posted July 17, 2018 Share Posted July 17, 2018 <blockquote data-ipsquote="" class="ipsQuote" data-ipsquote-username="MarslArts" data-cite="MarslArts" data-ipsquote-contentapp="forums" data-ipsquote-contenttype="forums" data-ipsquote-contentid="45593" data-ipsquote-contentclass="forums_Topic"><div>tried the same, still creates the strokes <img alt=":(" data-src="//content.invisioncic.com/g322608/emoticons/frown.png.e6b571745a30fe6a6f2e918994141a47.png" src="<___base_url___>/applications/core/interface/js/spacer.png" /></div></blockquote><p> </p><p> Tried it with photoshop and gimp.</p><p> PS had white lines, gimp doesn't. might be a photoshop issue.</p> Link to comment Share on other sites More sharing options...
MarslArts Posted July 17, 2018 Author Share Posted July 17, 2018 <blockquote data-ipsquote="" class="ipsQuote" data-ipsquote-username="TheWho87" data-cite="TheWho87" data-ipsquote-contentapp="forums" data-ipsquote-contenttype="forums" data-ipsquote-contentid="45593" data-ipsquote-contentclass="forums_Topic"><div>Have you tried adding a stroke of a noticeable colour to see if there is any residue left from the cutting?<p> </p><p> It's something that I've noticed when looking back at my older cuts, just something I do now to remove everything not wanted.</p></div></blockquote><p> </p><p> I'll try it tomorrow in my office, where my PS-machine is. That's a good suggestion.</p><p> </p><p> </p><blockquote data-ipsquote="" class="ipsQuote" data-ipsquote-username="jhd1" data-cite="jhd1" data-ipsquote-contentapp="forums" data-ipsquote-contenttype="forums" data-ipsquote-contentid="45593" data-ipsquote-contentclass="forums_Topic"><div>It's difficult to be sure as you've posted a jpg rather than the original gif, but it looks like you've got some blurring around the edge of the image, particularly around the shoulders. Because gifs can't handle semi-transparency (which those blurred areas will be) the processing is going to assume that the background will be white and back any areas that aren't entirely solid or transparent with white. I imagine that's probably the reason for the white outline but if you post the original gif it'll be easier to tell.</div></blockquote><p> </p><p> I wasn't sure if this forum is able to showcase gifs</p><p> </p><p> </p><blockquote data-ipsquote="" class="ipsQuote" data-ipsquote-username="WillyWillyWilly" data-cite="WillyWillyWilly" data-ipsquote-contentapp="forums" data-ipsquote-contenttype="forums" data-ipsquote-contentid="45593" data-ipsquote-contentclass="forums_Topic"><div>Tried it with photoshop and gimp.<p> PS had white lines, gimp doesn't. might be a photoshop issue.</p></div></blockquote><p> </p><p> So, maybe that would be a workflo, although using gimp feels somehow wrong when you are used to PS</p> Link to comment Share on other sites More sharing options...
Diabolo80 Posted July 18, 2018 Share Posted July 18, 2018 I'm not at home at the moment but try using "save for web" instead of "save as..." that gives you a few more options on how photoshop should handle transparency. Also make sure to set the "Matte" to "None", i think that is set to white by default (and then creates the white edges... try setting it to pink to see what i mean) Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.